This article will cover how to add Custom JS/HTML to your page. Custom JS/HTML is useful for adding any kind of embed you want. From chat boxes, to special forms you have coded.

First Add A New Section

You can add a new section by either clicking Add New Section on the page, or by clicking the Sections tab on the top toolbar and clicking Add Section.

Next Add Row and Layout

Once you have a Section, you will need to add a Row and Layout. 

You can add a new row by either clicking Add New Row on the page, or by clicking the Rows tab on the top toolbar and clicking Add Row.

The Layout allows you to separate elements across a single row with different widths. 

Then Add The Custom HTML Element

Once you have the Row and Layout, you will be able to add the Element.

You can add a new element by either clicking Add New Element on the page, or by clicking the Elements tab on the top toolbar and clicking Add Element.

In the right toolbar, either scroll to the Custom JS/HTML Element or select the Miscellaneous tab to the far right to view and click the Custom JS/HTML Element button.

Set Up Your Custom HTML

The next step is to set up your Custom HTML Element by pasting or writing your code into the settings box for the element.

You can edit the settings box by clicking on the orange settings gear and then clicking the Open Code Editor button in the right toolbar.

1.) Top Margin -- Add some space on the top of your element.

2.) Custom Code Type – Select either Regular HTML/JS Code or 3rd Party Embed Code.

3.) Mobile or Desktop – Select All, Mobile only or Desktop only

4.) Hide the Element – Select this to hide the element on the page.

5.) Get CSS Info – Select to update or select CSS info.

6.) Advanced – Animations allow you to draw attention to different elements on your page through movements and fades.

Animation -- Choose the different animation settings. Please check the article on "Animations" for more information on animations.

Open Code Editor -- Click the Open Code Editor button and write or paste your custom JS/HTML in this box.

Congratulations, you now have set up Custom JS/HTML Element on your page.

Did this answer your question?