Adding Custom Code and Widgets

In the website editor

  1. 1. Click on this green + to Add a Section

    Click on this green + to Add a Section

  2. 2. Choose the section width

    Choose the section width

  3. 3. Click on Add Row

    Click on Add Row

  4. 4. Choose how many columns

    Choose how many columns

  5. 5. Click on Add Element

    Click on Add Element

  6. 6. Click on Code

    Click on Code

  7. 7. Click on Custom HTML/Javascript

    Click on Custom HTML/Javascript

  8. 8. Click on Open Code Editor

    Click on Open Code Editor

Go to the website that has your custom code or widget

  1. 9. Click on Copy Code

    Click on Copy Code

In the website editor

  1. 10. Click Add your code here

    Click Add your code here

  2. 11. Paste the code

    Paste the code

  3. 12. Click on Save

    Click on Save

  4. 13. Click on Save, then press the preview icon (the eye)

    Note that the added element will not appear in the editor, only on the live site or the preview

    Click on Save, then press the preview icon (the eye)

  5. 14. In the preview, you can see the added element. Remember to Publish to go live

    In the preview, you can see the added element. Remember to Publish to go live