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 selecting the Sections tab in the right toolbar and clicking Add New Section.

Next Add Row and Container

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

You can add a new row by clicking Add New Row on the page and by selecting a Container in the containers box. The Container allows you to separate elements across a single row with different widths. 

Then Add The Custom HTML Element

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

You can add a new element to the page by clicking Add New Element on the page and then in the element types box selecting the Custom JS/HTML Element and clicking Add to Page.

Set Up Your Custom JS/HTML Element

The next step is to set up your Custom JS/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 making changes in the right toolbar.

  1. Element Name – Name your element.
  2.  Element ID – ID can be used for custom CSS.
  3. Visibility Settings - Show On: – Select either All Devices, Desktop Only, or Mobile Only
  4. Margin Top-- Add some space on the top of your element.
  5. Custom Code Box – Paste or type your custom Javascript or HTML code. 
  6. Timed Delay – Select options here for hiding the element until triggered in minutes or seconds. 
  7. Animations – 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.

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

Did this answer your question?