Pop-ups (Modals) & Reusable Saved Sections

Two features help you go further with less effort: pop-ups (also called modals) let a button open a dialog full of content without sending the visitor to another page, and Saved Sections let you build a section once and reuse it across your whole site. Both save you time and keep your site consistent.

Pop-ups (modals)

A pop-up is a dialog that opens on top of the current page when a visitor clicks a button: the rest of the page dims behind it, the visitor reads or acts, and then closes it to carry on where they were. They're perfect for a booking form, a special offer, a "watch our video" moment, extra details that would clutter the page, or a quick sign-up.

A pop-up opens when a visitor clicks a button whose link action is set to "Open a modal" (you'll find this choice wherever you set a button's link: see "The Page Builder & Universal Section Options"). You choose which pop-up that button opens.

Two ways to build a pop-up

  • One-off, on a single page: build the pop-up right on the page you're editing. Good when the pop-up is only needed in that one place.
  • Reusable, from the Modals library: build the pop-up once in your Modals library, then attach it to any page and point buttons at it. Ideal for something you'll use in several places, like a booking dialog, so you only maintain it in one spot.

What goes inside a pop-up

A pop-up holds its own stack of sections, just like a page, so you can put a heading, some text, a form, an image, or buttons inside it and arrange them the same way you build a page.

Display settings

You control how the pop-up looks and behaves:

  • Size: from Small up to Extra large, depending on how much content it holds.
  • Position: Centered in the middle of the screen, or anchored to the Top.
  • Theme: Light or Dark.
  • Backdrop, how the page behind the pop-up is treated: Dim, Blur, Dim + blur, or a lighter Light overlay.
  • Content spacing: how much padding surrounds the content inside the pop-up.
  • Close behavior: two toggles control how a visitor dismisses it. You decide whether to show the × button and whether clicking outside (on the dimmed area) closes it. The Esc key always closes the pop-up and can't be turned off.

Two pop-up-only helpers

Inside a pop-up you'll find two small building blocks that are made just for this use:

  • Buttons: a simple row of one or more buttons, handy for the pop-up's actions (for example, "Book now" and "Maybe later").
  • Social Links: a row of social media icons linking to your profiles, nice for a "follow us" pop-up.

Saved Sections (reusable blocks)

A Saved Section is a section you build once and reuse anywhere: a call-to-action, a set of testimonials, a "meet the team" block, or your standard footer content. Instead of rebuilding it on every page, you create it a single time and place it wherever you need it. You build and manage these under Content → Saved Sections. Once you have one, there are two ways to use it, and the difference matters:

  • The Saved Section block (a live link). Drop the Saved Section block onto any page and choose which saved section to show. This is a live link. When you later edit the saved section, every page that uses it updates automatically. Perfect for something identical everywhere, like a promotional banner or a consistent call to action.
  • Apply Saved Section (an independent copy). Use Apply Saved Section to copy the section's contents into the current page one time. From then on it's an independent copy. Editing the original saved section won't change this page, and editing this page won't change the original. Choose this when you want a proven starting point that you'll then customize for that specific page.

You can also work the other way around: when you've built a section you like directly on a page, use Save as Section to turn it into a reusable Saved Section for later.

A note on deleting Saved Sections

You can't delete a Saved Section while it's still being used by a live-linked Saved Section block somewhere on your site. That's a safeguard so a page doesn't suddenly lose content. If you try, remove the Saved Section block from those pages first, then delete it. (Copies made with Apply Saved Section don't count here, since they're independent and no longer connected to the original.)

Was this helpful?