Spark Editor gives you the opportunity to visually build out your content and flexibly enable unique and powerful features quickly and easily.

The Spark Pages are located under General Content>Spark Pages.

As you enter the Spark Pages, you will see a list of existing Spark Pages, and as well the ability to add new ones by clicking on the + icon.

If you want to edit an existing  Spark Page, click on the Edit button on the right side of the panel.

Basic maneuvering

Once the editor has opened, you will see a panel on your left, and the resulting content shown in real time on the right.

At anytime you may want to collapse the left hand editing panel to view your resulting content on the page.

Alternatively, you may use the "Open The Page In New Window" button to easily open a new tab in your browser to view your resulting content entry on the page.  

During development, you may want to view how your content will appear from various device sizes. Click the monitor symbol to view the responsive page size options and select from a device size to see your layout update in real time. 

The Layout Tab

In case you want to change the layout of the page, there is a Layout tab which will allow you to remove header or footer from the page or just one of them.

The Content Tab

This tab is always related to structural content on the page, and will always show first as you enter the editor. In the top left, note the blocks for the various sections features the editor offers.

Blocks

Your page is built out of blocks. Each block has it's own unique customization possibilities, which we will cover separately in other tutorials. Here as an example of the Hero block. After clicking on the block you will notice some settings will collapse like, changing the background type to be an image, solid color, video,etc.

You can add new blocks by clicking on the +Add New Block Button, or delete by clicking on the X button. Also, the editor is drag & drop friendly, so you can reorder the blocks.

As you click on the Add New Block button, on the right side you will notice all of the block types that are available for selection. Click on the desired one to add it and customize it's settings.

You can also click on the hamburger menu to collapse and categorize which blocks to be shown for you.

Templates

Page Templates are a pre-ordered series of blocks that focus on a specific page content goal.  These should not be used unless you are building a fresh page, or overwriting a page with similar focus.  For further instructions on Templates, see this tutorial: (Coming soon)

You can find the Templates the same way as you would want to add a new block, but you will need to switch tabs to access them.

Same as for Blocks, you can collapse the hamburger menu to choose from the available templates to be shown.

Buyer Guide Template example:

Save Your Changes

Of course, you will want to save your work, so at anytime in your build, you may press the "save" button.  Any changes you have made will be saved and you may continue your work making changes.

Once you have completed any changes you want to make, use the X button to close out the editor window.

Further Education about the Spark Editor and Spark Pages:

  1. Spark Editor: Blocks - Hero
  2. Spark Editor: Blocks - Featured Areas
  3. Spark Editor: Blocks - About 1 and About 2
  4. Spark Editor: Blocks - 2 Column, Boxed and Fullwidth CTA
  5. Spark Editor: Blocks - Fullwidth/Columned Content
  6. Spark Editor: Blocks - Internal Header
  7. Spark Editor: Blocks - Property Search
  8. Spark Editor: Blocks - Testimonials
  9. Spark Editor: Blocks - Blog
  10. Spark Editor: Blocks - Team Members
  11. Spark Editor: Blocks - Home Values
  12. Spark Editor: Blocks - Lead Forms
  13. Spark Editor: Blocks - Area Guides
  14. Spark Editor: Blocks - Listing
  15. Spark Editor: Blocks - Mortgage Calculator
Did this answer your question?