Blog

Follow these instructions to add a new component to an individual page.

How to add any component EXCEPT an editable component

1. Click on "Advanced Editor"

2. Click on "Pages" then find and open the page you want to add the component to.

3. After you open the page, click on "Components"

4. Find the component you want to add in the list (Please note, you have to drag over the white box, not the grey box)

5. Drag and drop the component to where you want to add it on the page (we recommend inside all the divs next to the other components)

6. Rename the component to something unique (use only letters, numbers, and _)

7. Rename the component in the white box at the top of the page to the same name

8. Click save and you are done. Go to the page to edit the settings for the component.

(Please note, some components have additional settings in the white box that can be adjusted. The only one you will need to edit settings in there is the gallery where you select how many rows for tablet and mobile. All other settings can be ignored)

How to add an editable component

1. Click on "Advanced Editor"

2. Click on "Pages" then find and open the page you want to add the editable component to.

3. Paste the following code into the page HTML

{% component "editable" file="NAME.htm" %}

4. Replace NAME with a unique name for this component (use only letters, numbers, and _)

5. Make sure you keep the .htm or you will not be able to save the component in the editor.

6. Click save and go to the page in the editor to edit it.