Introduction

This guide is your tool to easily customize and preview the custom sections on your new site. It provides HTML snippet demos and a quick tutorial to edit them.

Quick Tutorial: Editing Content

  1. Editing Text:
    • To find the Text Element: Press "control+F" ("cmd+F" for Mac) and search for the <p> tag in your HTML code. It typically looks like this: <p>Your text here</p>
      • You can also search for headers (<h1>, <h2>, <H3>), images  (<img>) and links(<a href="">)
    • Replace the Text: Click inside the <p> tags and replace "Your text here" with your new text.
  2. Changing Images:
    • Locate the Image Tag: Press "control+F" ("cmd+F" for Mac) and search the <img> tag, which usually appears like this: <img src="your-image.jpg" alt="description">
    • Update the Image Source (src): Replace "your-image.jpg" with the path to your new image.
    • If you uploaded the image using our backend, you can get the source by clicking the image in the MoxieManager (Click the "image" icon on the format bar)
    • Edit the Alt Text: Change the alt="description" to a brief description of your new image. This is important for SEO and accessibility.
    • We also recommend that you add a width and height to your image. Example: <img src="" alt="" width="" height=""> This is good practice for accessibility as well.
  3. Save and Publish:
    • After making your changes, always save your work.
    • Preview the final result and then publish it to your website.

Note: Always back up your original content before making changes. Simply select the three dots at the top right on your snippet page and select copy. This will create a duplicate of your original snippet. If you're not confident making these changes, please contact our support team for assistance.

sections you can edit

Neighborhood / Community Header & Grids

Click to open snippet(header) Click to open snippet(body)

For header:

  • Replace the header text in <h2>
  • Replace the button link address in <a>

For grids:

  • Replace the title text in <h2>
  • Replace image source & alt text in <img>

Nancy's sample text

2 Column Grid Section

Click to open snippet

  • Replace header text in <h2>,  and change the paragraph text in <p>
  • Replace image source & alt text in <img>
  • Change the class from image-right to image-left if you want the image on the left

Your text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button
professional agents working
Logo section

Click to open snippet

  • Replace image source & alt text in <img>
  • Change class from block--lightest to block--darkest if you want brand color background 

Title

  • Global Home Search
  • Parks Property Management
  • Luxury Portfolio International
  • Parks Auction
  • The Parks Group
Below are some common default site sections that you can utilize across the site. Use the information above to edit these sections.
2 Column grid

Click to open snippet

Sub Title

Title

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..

Button
Sub title

Title

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button

Image CTA

Click to open snippet

View of Cumberland River

Start searching for your dream home now.

When it comes to convenience, our site is unparalleled. Whether you're in the comfort of your home, or on the go.
Our site works flawlessly on multiple devices so you can find the information you need.

Start Search