Adding Custom Code and Widgets
TM

Team Members

Created Jul 09, 2024

Adding Custom Code and Widgets

13
    a

In the website editor

8 Steps
1

Click on this green + to Add a Section

Click on this green + to Add a Section
2

Choose the section width

Choose the section width
3

Click on Add Row

Click on Add Row
4

Choose how many columns

Choose how many columns
5

Click on Add Element

Click on Add Element
6

Click on Code

Click on Code
7

Click on Custom HTML/Javascript

Click on Custom HTML/Javascript
8

Click on Open Code Editor

Click on Open Code Editor
    d

Go to the website that has your custom code or widget

1 Step
9

Click on Copy Code

Click on Copy Code
    a

In the website editor

5 Steps
10

Click Add your code here

Click Add your code here
11

Paste the code

Paste the code
12

Click on Save

Click on Save
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)
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
Well done!
Create how-to guides like this in a snap. Get Tango now.