Creating & Editing Pages
Your pages are the heart of your website: your home page, your About page, your Services page, your Contact page, and any other standalone page you want visitors to find. In StoutStack you build every page from a stack of ready-made sections, so no technical skills are needed. This guide walks you through creating a page, giving it a web address, choosing your home page, and the handful of settings that live alongside your content.
Creating a new page
- In the left-hand menu, go to Content → Pages.
- Click Create New in the top corner.
- Give your page a Title.
- Add sections to build out the page (more on this below).
- Click Save to keep a private draft, or Publish when you're ready for visitors to see it.
That's the whole loop. Everything else on the page is optional polish. Let's look at the settings you'll use most.
The Title
The Title is the name of your page. It's mostly for you. It's how the page shows up in your Pages list, and it's used as a sensible starting point for the page's browser-tab name and its search-engine listing. Use something clear and descriptive like About Us or Brand Strategy, rather than something vague like "Page 2." You can rename a page any time without breaking anything.
The Slug (your page's web address)
The Slug is the part of the web address that points to this page. When you type a Title, StoutStack creates a slug for you automatically. A page titled "About Us" becomes the slug about-us, and it lives at an address like yourname.mystoutstack.com/about-us. You're free to edit the slug to whatever you like; many businesses shorten "About Us" down to just about.
A few things to keep in mind:
- Stick to lowercase letters, numbers, and hyphens (no spaces or special characters).
- Each slug must be unique on your site. Two pages can't share the same web address.
- If you change the slug of a page that's already published, its old address stops working, so update any menu links or buttons that pointed to it.
Choosing your home page
Every site has one home page, the page visitors land on when they go to your site's main address (for example, yourname.mystoutstack.com with nothing after it). To make a page your home page, turn on the Homepage toggle.
Only one page can be the home page at a time. When you switch the Homepage toggle on for a new page, StoutStack automatically turns it off on your previous home page, so you never end up with two competing for the spot. The page that used to be your home page doesn't disappear. It simply goes back to living at its own slug.
Good to know: Your home page still keeps its own slug, but visitors always reach it at your site's main address, so you don't need to link to the slug directly in your menus.
Building the page with sections
Pages are built from sections (also called blocks): pre-designed pieces like a hero banner, a row of feature cards, an image-and-text split, a photo gallery, a contact form, and many more. You add the sections you want, arrange them top to bottom, and fill them with your own words and images. Every section automatically uses your brand colors, fonts, and styling, so the whole page looks cohesive without any design work on your part.
Adding, arranging, and customizing sections is a big topic on its own. Our Pages & Sections articles walk through what each section does and how to set it up.
Adding a sidebar (optional)
By default, your page content runs across the full width of the screen. If you'd prefer a narrower column of content with a sidebar beside it, turn on Show a sidebar in the panel down the right-hand side of the editor. Which side it sits on, how wide it is, and whether it follows the reader down the page are all there beside it. A sidebar can hold:
- An automatic table of contents that lists the headings on your page and lets readers jump straight to a section. This is especially handy on long pages, like a detailed service page or a policy. It's a toggle in the same panel, since the list writes itself from your headings.
- Extra sidebar content of your own, such as a small call-to-action or your contact details. You add that on the Sidebar tab, the same way you add sections to the page.
The sidebar stays off unless you turn it on, so your existing pages are never affected. On phones, the main content shows first and the sidebar stacks neatly below it.
The Modals tab (optional)
A modal is a pop-up panel that opens when a visitor clicks a button, for example, a "Book a consultation" button that opens a small form without sending the visitor to another page. The Modals tab is where you set up any pop-ups this page uses. You can build one right here for this page, or reuse a saved modal from your library. Once a modal exists, you point a button at it and it opens on click. Like the sidebar, modals are entirely optional. Most pages don't use them.
Saving and publishing
As you work, StoutStack saves your changes automatically as a private draft, so visitors keep seeing the last published version until you decide to go live. When you're happy with the page, click Publish. You can also preview your draft privately, schedule it to go live later, and roll back to an earlier version at any time. All of that is covered in Drafts, Live Preview, Version History & Scheduling.
Editing an existing page
To change a page later, go to Content → Pages, click the page in the list, make your edits, and Publish again. Your changes appear on your live site within moments of publishing. There's no separate "update the website" step to remember.