Frontstage content

Under Frontstage content in the Backstage, you build every page of your public website yourself — no code, no developer.

Pages and sections, in plain terms

Your website is made up of pages (Home, The Band, Media, Contact, and any custom page you add). Every page is, in turn, built from an ordered list of sections — the actual building blocks: a block of text, a photo gallery, an agenda, a contact form, and so on. Add as many sections as you like, in whatever order makes sense, mixing and matching types freely.

Page settings

Page editor showing the Page settings panel and two Text sections

Open a page and its settings appear in the panel on the right:

  • Title — shown in the browser tab and, if included, the navigation menu.
  • Link — the page's web address (e.g. /band). Set automatically from the title when you create the page.
  • Meta description — a one-line summary search engines like Google may show under your page's link in search results.
  • SEO keywords — a few comma-separated words describing the page for search engines. Most search engines barely use this anymore, but it doesn't hurt to fill in.
  • Hero image — the photo for this page's banner (see Site settings for the tint/pattern layered on top of it).
  • Show in menu — include this page in your site's navigation menu, or keep it reachable only by direct link.
  • Published — whether the page is live for visitors at all. Unpublished pages return a normal 404 to visitors, but you can still open and edit them in the Backstage.

Your Home page is the one exception: it can't be deleted or unpublished, and always stays in the menu — every other page (including the ones you started with, like Band or Media) can be freely renamed, hidden, or deleted.

Adding a page to the menu is simply a matter of ticking "Show in menu" and making sure "Published" is on. Reordering the menu is done from the Pages overview (the list you land on before opening a page, not the page editor itself): grab a page by its handle and drag it up or down the list — the new order is saved immediately and reflected in your site's menu right away. Home always stays the first item in the menu and isn't part of that draggable list — every other page can be freely reordered around it.

Menu items vs. submenu items

Only pages can appear as a top-level item in your site's menu (controlled by that page's own "Show in menu" setting above). A section can never get its own top-level menu item — instead, a section can be added as a submenu item that appears nested under its own page's menu entry, linking straight to that section further down the same page. That's what the "Add section as submenu" toggle (covered next) does.

Saving your changes

One "Save all" button (top and bottom of the page) saves everything at once: the page settings on the right, and every section's content on the left, in a single click. Moving a section up/down or deleting one also saves any other pending changes first, so nothing you typed gets lost by clicking a different button. There's no separate "preview" or draft mode — once you save and the page is Published, the change is immediately live. Use the "View page" button (top right) to open the real, live page in a new tab and check it.

Adding a section

The add-section dropdown at the bottom of a page, with a Call to action section above it

At the bottom of the page, pick a type from the "Add new section" dropdown and click "Add section" — it's added at the end, ready for you to fill in above. Reorder any section with the up/down arrows next to its title, or remove it with the trash icon.

Every section shares two toggles: Visible on the website (show or temporarily hide it without deleting it), and Add section as submenu — when enabled, that section gets its own link nested under its page's menu entry (handy for jumping straight to, say, a "Join us" form further down the homepage). See "Menu items vs. submenu items" above for how this differs from a page's own "Show in menu" setting.

Every section type

  • Text — an optional title, a rich-text block (bold, lists, links...), and an optional photo shown to the left or right of the text.
  • Two-column text — the same as Text, but as two independent columns side by side, each with its own title, rich text and photo.
  • Blocks — up to 6 small tiles, each with an icon, a title, short text and an optional link. Good for a "what we offer" style overview.
  • Call to action — an optional intro text plus up to 4 buttons, each with its own label, link and style (solid or outlined). A link starting with / points to a page on your own site; a full https:// link opens in a new tab.
  • Image / Full-width image — a single photo with an optional caption, either inline or stretched edge to edge.
  • Contact form — an optional intro text, whether to also show a phone number, and which email address receives submissions (defaults to your Site settings contact email).
  • Sign-up form ("Join us") — an optional intro text; submissions land under Applications in the Backstage.
  • Agenda — automatically lists your upcoming events that are published to the website; just choose how many to show.
  • News — automatically lists your latest news posts; choose how many to show.
  • Sponsors Plus and up — automatically lists your sponsors, with an optional call-to-action text and a "become a sponsor" link, plus how many to show.
  • Photo gallery — pick a folder from your Frontstage files, and every subfolder inside it becomes a separate album (see Create your own photo album).
  • YouTube videos — up to 4 embedded videos, each with its own URL and title.
  • Flickr albums — up to 3 linked albums, each with its own URL and label.