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.
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.
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 Header block. After clicking on the block you will notice some settings can be collapsed like, background, content, etc.
You can add new blocks by clicking on the +Add New Block Button, rename, or delete by clicking on the X button. Also, the editor is drag & drop friendly, so you can reorder the blocks by hovering over the re-order button (3rd button).
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.
Page Layouts 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:
- Spark Editor: Blocks - Header
- Spark Editor: Blocks - Areas
- Spark Editor: Blocks - About 1 and About 2
- Spark Editor: Blocks - 2 Column, Boxed and Fullwidth CTA
- Spark Editor: Blocks - Fullwidth/Columned Content
- Spark Editor: Blocks - Internal Header
- Spark Editor: Blocks - Property Search
- Spark Editor: Blocks - Testimonials
- Spark Editor: Blocks - Blog
- Spark Editor: Blocks - Team Members
- Spark Editor: Blocks - Home Values
- Spark Editor: Blocks - Lead Forms
- Spark Editor: Blocks - Listing
- Spark Editor: Blocks - Mortgage Calculator