Page options
Every page has a Page options module at the top of the editor's module list. Its settings apply to that page only. Anything left on Same as the site follows the global header.
- Header: show or hide it. Hiding suits landing pages that should not lead visitors away.
- Header design, Scrolling and Transparent over the first section: use a different header style on this page, such as a transparent header over a full-width hero.
- Color mode: for example Dark on a page that opens with a dark hero.
- Announcement bar: hide it on this page.
- Breadcrumb on this page: hide it, or change its look for this page in the Styles tab.
| Setting | Type | What it does |
|---|
| Breadcrumb on this page | Choice | The breadcrumb's trail and site-wide rules are set once in Global content > Breadcrumb. Choose Hide to leave it out of this page only. Its look for this page is on the Styles tab.Options: Use the site settingHide on this pageDefault: Use the site setting |
Header on this pageGroup · 6 settingsChange the shared header for this page only. Same as the site follows Global content > Header. Hiding shows straight away; design, scrolling, transparency and color changes show in Preview (or after the editor reloads the page). | Header | Choice | Hide suits landing pages that shouldn't lead visitors away.Options: ShowHide (no header on this page)Default: Show | | Header design | Choice | Design 4 (search bar) can only be set for the whole site, and a site header using Design 4 keeps it on every page.Options: Same as the siteDesign 1: Classic (one row)Design 2: Stacked (menu on its own row)Design 3: Pill (compact rounded bar)Default: Same as the site | | Scrolling | Choice | How the header behaves when visitors scroll this page.Options: Same as the siteStatic (scrolls away)Sticky (stays at the top)Floating (inset bar over the content)Default: Same as the site | | Transparent over the first section | Choice | On: the header sits over the page's first section. Designs 1 and 2 are see-through until visitors scroll; a Floating or Design 3 (pill) bar keeps its background and floats over the section. Suits pages that start with a colored or image hero.Options: Same as the siteOnOffDefault: Same as the site | | Color mode | Choice | For example Dark on a page that opens with a dark hero.Options: Same as the siteLightDarkDefault: Same as the site | | Announcement bar | Choice | The bar above the header, if the site uses one.Options: Same as the siteHide on this pageDefault: Same as the site |
|
Style OptionsGroup · 1 settingBreadcrumb on this pageGroup · 9 settingsChange the breadcrumb's look on this page only. Same as the site follows Global content > Breadcrumb. | Background | Choice | Transparent lets the page show through, for example over a colored hero.Options: Same as the siteTransparentThis colorDefault: Same as the site | | Background color | Color | Used when Background is This color.Default: #F8F9FF | | Color mode | Choice | Dark: light text, for a breadcrumb over a dark section.Options: Same as the siteLightDarkDefault: Same as the site | | Placement | Choice | Over the top: the breadcrumb sits inside the first section's top space, with a transparent background, instead of a separate strip.Options: Above the page contentOver the top of the first sectionDefault: Above the page content | | Alignment | Choice | Where the trail sits in the page width.Options: Same as the siteLeftCenteredDefault: Same as the site | | Line under the bar | Choice | A thin line between the breadcrumb and the page.Options: Same as the siteShowHideDefault: Same as the site | | Custom spacing | On/off | Turn on to set the space above and below for this page.Default: Off | | Space above | Number | Desktop and mobile.Default: 14 | | Space below | Number | Desktop and mobile.Default: 14 |
|
|
Breadcrumb
The breadcrumb is shared by every page and edited once in global content (click it in the editor, then Edit global content). It can build the trail from the page address (/solutions/marketing becomes Home › Solutions › Marketing) or from a navigation menu.
Choose where it shows
- Show on: all pages, only listed pages, all except listed pages, or none.
- List one address per line, for example
/pricing. End with * to match a whole section, such as /resources/*. - Quick switches hide it on the homepage, on blog and case study posts, on Homepage 3, 4 and 5 and Blank pages (the landing layouts) and on thank-you pages.
Tip
Using page addresses and some in-between pages (like /solutions) don't exist? Turn off Link the in-between levels so visitors never land on a 404, and use Rename address parts (for example pricing = Plans and pricing) for nicer labels.
Breadcrumb structured data (BreadcrumbList) is added by default so Google can show the page path in results. System pages have no breadcrumb. To hide it on a single page, use Page options above or Show on › All pages except the ones listed below.
| Setting | Type | What it does |
|---|
Where it showsGroup · 6 settingsThis breadcrumb is shared by every page. Decide here which pages show it. | Show on | Choice | The switches below apply on top of this.Options: All pagesOnly the pages listed belowAll pages except the ones listed belowNo pages (turned off)Default: All pages | | Pages | Text | One page address per line, for example /pricing or /solutions/marketing. End with * to match a whole section, for example /resources/*. | | Hide on the homepage | On/off | The homepage is the start of every trail, so it rarely needs one.Default: On | | Hide on blog and case study posts | On/off | Posts already have their own breadcrumb at the top of the article.Default: On | | Hide on landing pages | On/off | Pages made with the Homepage 3, Homepage 4, Homepage 5 and Blank templates.Default: On | | Hide on thank-you pages | On/off | Pages made with the Thank you template.Default: On |
|
TrailGroup · 8 settings| Build the trail from | Choice | Page address: /solutions/marketing becomes Home › Solutions › Marketing. Navigation menu: uses the menu's labels and nesting; pages that aren't in the menu fall back to the page address.Options: The page addressA navigation menuDefault: The page address | | Navigation menu | Menu | The menu to follow, usually your main menu. | | Home label | Text | First link in every trail.Default: Home | | Home shows | Choice | With Icon only, the label is still read by screen readers.Options: Icon and labelIcon onlyLabel onlyDefault: Icon and label | | Show the current page | On/off | The last item, not linked.Default: On | | Link the in-between levels | On/off | Turn off if pages like /solutions don't exist, so visitors don't hit a 404.Default: On | | Rename address parts | Text | Page address only. One per line as address-part = Label, for example pricing = Plans and pricing. Other parts are shown with dashes as spaces. | | Longest page title | Number | Longer titles are shortened with an ellipsis.Default: 60 |
|
| Add breadcrumb structured data | On/off | BreadcrumbList schema, so Google can show the page path in results. Posts add their own.Default: On |
Interface labelsGroup · 1 settingWords read by screen readers. Change them to translate this module. | Breadcrumb | Text | Name of the breadcrumb navigation.Default: Breadcrumb |
|
Style OptionsGroup · 11 settings| Design | Choice | Look of the trail.Options: Plain linksCurrent page in a pillSoft rounded barDefault: Plain links | | Separator | Choice | Mark between items.Options: ›/→•Default: › | | Alignment | Choice | Where the trail sits in the page width.Options: LeftCenteredDefault: Left | | Text size | Choice | Size of the trail text.Options: SmallMediumDefault: Small | | Color mode | Choice | "Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site | | Highlight color | Color | Link hover color and the current page in the pill design. Starts as the theme's primary color. | FontsGroup · 2 settings| Heading font | Font | Starts as the theme's heading font. Change it to use another font in this module only.Default: Outfit | | Text font | Font | Starts as the theme's body font. Change it to use another font in this module only.Default: Inter |
| | Transparent background | On/off | Off: use the background color below.Default: On | | Background color | Color | Leave empty to use the theme colors for the current light or dark mode. | | Line under the bar | On/off | A thin line between the breadcrumb and the page.Default: Off | SpacingGroup · 2 settings| Space above | Number | Desktop and mobile.Default: 14 | | Space below | Number | Desktop and mobile.Default: 14 |
|
|