What can the drag-and-drop designer actually do?
The Advanced Builder gives you a live canvas where you can drag in rows, columns, headings, paragraphs, images, buttons, embedded videos, forms, quote engines, and pre-built blocks. Click any element to edit its text, swap an image from your Media Gallery, change colors, padding, or alignment.
Everything you change is saved to a per-user copy of the page, so editing your site never affects anyone else's.
How do I get back to the page list from inside the builder?
The top toolbar has a Pages button (or the page name as a dropdown depending on your theme). Click it to jump back to the Pages list, or pick another page directly without leaving the builder shell.
Your changes are saved when you click Save — navigating away without saving will warn you.
Can I preview the page before publishing?
Yes. The toolbar has a Preview mode that hides the editing chrome and shows the page exactly as visitors will see it, including theme styles and responsive behavior. Toggle device width (desktop / tablet / mobile) to check how the layout breaks at smaller sizes.
Preview is read-only — click back into edit mode to make changes.
How do I embed a quote engine or form on a page?
In the Advanced Builder, drag the Quote Engine or Form block onto the canvas, then pick which one to embed from the dropdown. The block renders live in the editor so you see roughly what visitors will see.
You can also paste the raw embed snippet from the engine's Review tab into a Custom HTML block, which is handy if you want the engine wrapped in custom layout.
I switched a page from Easy Builder to Advanced. Did I lose my Easy content?
No. The two builders sync. When you save in Advanced, we parse the HTML back into Easy Builder section data, so the round-trip preserves what you built either way.
That said, very heavy custom HTML in Advanced may not round-trip cleanly back to Easy — the section parser only recognizes our standard section markers. If you're going deep in Advanced, plan to stay there for that page.
The page looks fine in the builder but breaks on the live site. Why?
Most often it's because the live site applies your theme's global stylesheet on top of whatever the builder rendered. A few common culprits:
- Your theme adds
padding: 60px 0 to every <section>. Use <div> for non-section content blocks if you don't want that spacing. - An unscoped
path:hover rule in the consumer theme turns SVG paths green on hover. Override per-SVG if you don't want that. - The Live site loads a cached copy — hard-refresh (
Cmd-Shift-R / Ctrl-F5) after publishing.
If something still looks off, view the page in an incognito window to rule out caching.