Edit a landing page, section by section

The middle of the editor is the page itself. Select a section and its settings open in the panel on the right, where you change its text, images and the listing or agent it shows. Before anything goes live, look at it on both the desktop and the mobile preview.

Walkthrough video to followAbout 40 seconds in the editor, selecting a section, changing its settings and text, then flipping between the desktop and mobile previews.

Opening the editor

1. Open Page Builder.
2. On the page’s row, click ⋯, then Edit.

Three areas share the screen. On the left sits TEMPLATE for a template page, or COMPONENT for a Blank one. The centre holds the page, with a Desktop / Mobile switch and a zoom control that starts at 85%. On the right you’ll find DATA SOURCES or Overall Setting, holding the listings, the agent and the SEO fields.

Changing a section

1. Select any section of the page. Its settings open in the right-hand panel.
2. Adjust them. On Details Spec, for instance, you choose which listing it reads from and use the eye toggles in its field list to decide which details appear.

Screenshot to followThe Details Spec settings panel on the right of the editor, showing the listing it reads from and the list of fields with their show or hide toggles.

3. Click any text to rewrite it. The agent’s name, licence number, phone and email come from the selected agent’s profile, so change those on the profile itself.
4. To replace a picture, click the section it belongs to and upload a new file: JPG or PNG, 2 MB at most, or 1 MB for the Features image. A file that breaks those limits is turned away, with the limit shown under the upload box.
5. On a Blank page, drag components to where you want them.

Adding sections to a Blank page

1. In the left-hand panel, open COMPONENT.
2. Choose from its three groups: Element, Property Section and Agent Section.
3. Drag the component onto the page.

There are 17 components in all, from text and buttons to photo galleries, FAQs and agent cards. A Blank page is built from these alone: there’s no free-form layout and no custom code.

Changing the look

Open Overall Setting → Design to set the Background, the Primary Colors and the Padding (Vertical), which is 24px, 48px or 72px. Your logo belongs in the Header section.

Check the phone view, then save

1. Click Mobile.
2. Scroll the whole page and tidy anything that breaks awkwardly. The mobile view is only a preview with no layout of its own, so whatever you fix there changes the desktop page as well.
3. Click Save. If the page is already live, visitors go on seeing the last published version until you click Publish & Get Link again.