The SiteStakes real estate page builder is the visual editor you use to build every page on your site. You open it from Back office → Design → Page Builder. The real estate page builder uses a three-pane layout that lets you manage all your pages, see live previews, and edit page content from one screen:

• Left panel — Pages. Lists every page on your site with a search box and a + New button to create a new page.
• Middle panel — Live preview. Shows the page you're editing as visitors will see it. You can switch the preview between desktop, tablet, and mobile, refresh it, open it in a new tab, duplicate the page, view version history, or go fullscreen.
• Right panel — Editor. Shows your AI Credits balance at the top, then five tabs: Edit, SEO, Schema, Settings, and AI ✨.

You build a page by selecting it from the Pages list, then working in the right panel. Save your changes with the 💾 Save button in the top toolbar. Undo and redo work with the toolbar buttons or Ctrl+Z / Ctrl+Y.

The real estate page builder does four things for your business:

• Builds pages without a developer. No code, no agency fees, no waiting weeks for a designer. You can launch a new landing page in 20 minutes.
• Lets you iterate fast. Sellers and buyers respond differently to different layouts. The live preview lets you test changes right away. Change a headline, see the result, ship it.
• Uses sections built for real estate. Hero sections, contact forms, comparison tables, city stats, and more. All designed for buyer, seller, and investor sites.
• Includes AI page builder tools. A page-level AI panel rewrites your full page in seconds, generates custom images, and analyzes competitor pages for ideas.

A site you can edit yourself is a site you'll actually update. Operators who can change their own hero copy ship more tests and win more leads than operators stuck waiting on a developer.

The Edit tab in the right panel is the heart of the page builder editor. It shows your Sections list at the top — every section currently on the page, in display order. Each section row has:

• A drag handle (⋮⋮) on the left for reordering
• The section name and a preview of its content
• Action buttons on the right: Edit (✏️), Save to Library (📚), Duplicate (📋), Show/Hide (👁), and Delete (🗑)

To reorder, drag any section row up or down. The middle pane preview updates after you save.

To add a new section, scroll down the Edit tab to the + Add Section grid. Sections are grouped by tier:

• Basic: Hero, Intro, Content Block, Benefits, Our Process, FAQ Accordion, CTA Section, Contact Form, Blog Index, E-E-A-T Author, City Stats, Areas Index. Plus MLS-IDX on agent sites or with the agent suite add-on.
• Grow: Testimonials Grid, Trust Strip, Common Questions, Comparison Table.
• Pro: Video Testimonials, Recent Purchases, Interactive Map, Floating CTA, Exit Intent, Countdown Timer, Stats Section.

Sections above your plan show a 🔒 lock icon. Clicking a locked section opens an upgrade modal telling you which plan unlocks it.

Above the + Add Section grid sits the 📚 From Library panel. Sections you saved to your library (using the 📚 button on any section row) appear here so you can drop a saved layout into any page.

To edit a section in the real estate page builder, click the ✏️ Edit button on any section row in the Edit tab. A modal opens with the form fields for that section type — headlines, subheads, body text, images, CTA buttons, and any settings specific to that section.

Body text fields use a rich-text editor with bold, italic, links, lists, and headings.

Section backgrounds default to your site's theme. The sections have background options for transparent, color, image, and (on Pro plan or with the Premium Styles add-on) Video and Image Slideshow. Parallax effects are also Pro-only.

Apply Changes saves your edits to the page (you still need the main 💾 Save button to commit them).

The AI page builder has its own tab in the right panel — the AI ✨ tab. The panel has three tools that use credits — your balance shows at the top of the right panel, and a + Buy More button is there when you run low. One credit costs $0.10.

• AI Re-Write Page. Pick a tone (Professional, Friendly, or Urgent) and optionally toggle GEO Mode to inject your city or service area into the copy. Click the button and the AI rewrites the entire page in seconds. Useful for taking a template and making it match your voice and market.
• AI Image Generation. Describe an image (e.g. "modern Atlanta home exterior at sunset with a sold sign"), pick a style (Photorealistic, Illustration, 3D Render, Watercolor, Minimalist) and a size (Square, Landscape, Portrait), then generate. One credit per image. Use generated images as section backgrounds or content images.

AI works best when you give it something to start with. AI Re-Write Page produces better results on a template page with rough copy than on a blank page.

• Start with a template. Every site type ships with starting templates. Don't start from a blank page if you don't have to.
• Lead with a clear hero. Your hero is the first thing visitors see. One concrete headline (not abstract), one subhead, one CTA button.
• Add a CTA every few sections. Visitors scroll fast. One CTA buried at the bottom misses everyone who didn't scroll that far. Floating CTA (Pro plan) keeps a button visible at all times.
• Test on mobile. Over half of real estate visitors browse on phones. Use the mobile preview before publishing — what looks balanced on desktop often crowds on mobile.
• Save layouts you like to the Library. When a hero or CTA design works on one page, save it to the library and drop it into your next page instead of rebuilding.

The real estate page builder is built so non-developers can build real estate website pages that look professional and convert. To add blog posts to your site, see How to create your SiteStakes real estate blog post. To style your overall site design, see How to choose your SiteStakes real estate website design.