Skip to main content

Page Editor Overview

The Page Editor allows you to visually construct and customize the public-facing pages of your website without any coding. You can build pages by stacking different Blocks (such as Hero Banners, Text Sections, and Galleries) and configuring their settings.

Interface Overview​

Open the Page Editor from Website: click Edit content next to any page (see Website: your pages and their names). You will see:

  • Page Navigation: At the top of the editor, you can switch between different website pages (e.g., Home, Horses, Blog, Faq, Training, Stables, Members).
  • Preview Button: Opens a preview of how your changes will look on the live website.
  • Save Changes Button: Saves your current configuration.
CDN Caching

Design changes can take up to 15 minutes to appear to all visitors on the live website due to CDN (Content Delivery Network) caching.

Page Settings​

Each page has global settings that affect its overall appearance:

  • Transparent header (hero bleeds under nav): When enabled, the page header becomes transparent, and the first block (usually a Hero Banner) will extend upwards behind the navigation bar. This creates a modern, immersive look.
  • Nav link colour: Allows you to pick a custom color for the navigation links. This is especially useful when using a transparent header, as you may need white text to contrast against a dark hero image.
  • Meta Description: The short text Google shows under your page's title in search results. Leave it empty to use an automatically written description.

Managing Blocks​

Pages are built using a stack of Blocks. You can manage these blocks using the tools provided on each block's row:

  • Drag and Drop (6 dots icon): Click and hold the icon on the far left to drag and reorder the blocks.
  • Visibility (Eye icon): Toggle whether a block is visible or hidden on the live site. Hidden blocks are marked with a "Hidden" badge.
  • Duplicate (Copy icon): Create an exact copy of the block and its current settings.
  • Edit (Pencil icon): Expand the block to configure its content (text, images) and layout settings.
  • Delete (Trash icon): Remove the block from the page entirely.

Editing a Block​

When you click the Edit (pencil icon), the block expands to reveal its configuration options. These options vary depending on the block type, but generally include:

  • Content Fields: Inputs for text, headings, and rich text editors for paragraph content.
  • Media Uploads: Image or video upload fields, often integrated directly with secure storage.
  • Settings & Layout Styles: Dropdowns to change the visual layout (e.g., parallax effects, text alignment, background colors, and panel positions).
  • Calls to Action (CTAs): Checkboxes and input fields to add buttons and configure their link destinations.

Settings only appear when they do something: if you switch a block to another layout, the list of settings changes with it.

All blocks​

BlockWhat it's for
Hero BannerThe big photo with your headline at the top of a page
SlideshowRotating slides with a photo and text
Text SectionA heading and text, optionally with a photo
Rich TextLonger free text, like a small word processor
Dual Image & TextA photo-led section with text and a button
Call to ActionA banner that asks visitors to do one thing
Service CardsA card per service you offer
Process StepsA process explained in numbered steps
StatsBig numbers that tell your story
Image GalleryA set of photos
VideoA YouTube or Vimeo video
Horses GridYour horses for sale, filled in automatically
Horses AccordionA few horses for sale as tall, slanted photo panels
Stallions GridYour stallions standing for breeding (PRO)
Showcase GridHorses you own but don't sell, lease or breed out
TestimonialsWhat your customers say about you
Blog FeedYour latest blog posts
FAQ AccordionYour frequently asked questions
ClinicsYour upcoming public clinics (PRO)
AffiliationsLogos of studbooks and partners
Contact FormA form that sends messages to your Inquiries
SpacerSpace between blocks, or a moving photo band