Skip to main content

Add Code to Your Website

How to add HTML, CSS, and JavaScript to your website in Sitebuilder

Updated yesterday

🧩 Add code to your website

In Sitebuilder, you can add HTML, CSS, and JavaScript in several ways, depending on whether you want the code to apply to the entire website or just a specific page or section.


1ļøāƒ£ Site Scripts

Use site scripts to add code that applies to the entire website, such as:

  • Google Analytics

  • Tracking pixels

  • Chat functions

  • Other external tools

How to add site scripts:

  1. Click on the ā€œPagesā€ tab in the top menu.

  2. Click on ā€œSite Scriptsā€.

  3. Choose the ā€œHead Scriptsā€ or ā€œBody Scriptsā€ tab, depending on where the code should be placed.

  4. Paste your code into the field.

  5. Click ā€œSave Changesā€.

Tip: Use the Head section for tracking and metadata, and the Body section for functional scripts.

2023-04-24_11.39.05.gif

2ļøāƒ£ Embed Widget

Use the Embed widget to add content such as:

  • YouTube videos

  • Maps

  • Social media

  • Forms

  • Custom HTML snippets

How to add code to a specific page:

  1. Click on ā€œAdd Contentā€ in the top menu.

  2. Select ā€œAdd Widgetā€.

  3. Find the ā€œEmbedā€ widget.

  4. Drag and drop the widget to the desired location on the page.

  5. Click on the widget and select ā€œEdit Codeā€.

  6. Paste your code.

  7. Click ā€œSaveā€.

2023-04-24_12.14.56.gif

3ļøāƒ£ Page Scripts

Use page scripts to add code that applies only to a specific page on your website, such as:

  • Animations

  • Special features

  • Interactive forms

  • Third-party integrations

How to add page scripts:

  1. Click on the ā€œPagesā€ tab in the top menu.

  2. Find the page you want to add code to.

  3. Click on the three dots (ļø™) next to the page.

  4. Select ā€œEdit Page Scriptsā€.

  5. Choose the ā€œHead Scriptsā€ or ā€œBody Scriptsā€ tab, depending on where you want to place the code.

  6. Paste your code into the field.

  7. Click ā€œSave Changesā€.

2023-04-24_11.45.36.gif

āš ļø Important: Always ensure that the code you add is secure and tested. Incorrect code can affect how your page displays or functions.

Did this answer your question?