You can add custom code to your Website Builder site by adding code to a text-based item. You can add HTML, Embed codes, CSS, and Javascript. You can also add HTML to your site header using PRO Settings.

Jump to:

• Add code using a Custom widget
• Add header code using PRO Settings

Add code using the Custom Widget

1. From your Manage Site page, click Edit site or Site Design.
   
2. Navigate to the page on which you wish to add your code.
3. Click inside or outside of any element then mouse over the : icon.
   
4. Click the Add Element icon.
   
5. In the Add a new element to item dialog, select Widget. Note: You can only add one widget per section.
   
6. Select the Custom widget. Note: By default, Website Builder will add the widget to the bottom center of a section. You can rearrange the layout, but won't be able to click and drag the widget to a different location.
   
7. Click into the new inline widget.
   
8. Click Edit Widget.
   
9. Click Code.
   
10. Under Code, delete the default code which appears in the Code field, then add your own code. Note: To paste code, use Ctrl + v (Windows) or Command + v (Mac). Learn more.
    
11. Click the SAVE button.
    
12. Publish when ready.
    

Add header code using PRO Settings

1. From your Manage Site page, click Edit site or Site Design.
   
2. Click the hamburger menu on the left.
   
3. Select Head Code.
   
4. In the Site header code field, enter your HTML code then click the Save button. Note: To paste code, use Ctrl + v (Windows) or Command + v (Mac). Learn more.
   
5. Publish when ready.
   

Note: We are unable to provide assistance with HTML coding or debugging. If you need more information on HTML, check out the resources listed on the Beginner's HTML Guides page or the HTML Guides and Tutorials listings. You can also find more information about HTML at sites like W3 Schools.

• Go back to the Website Builder Index.