Sitebuilder+ handles most of your website’s structure automatically, including generating the required HTML, CSS, and JavaScript. If you need additional functionality, you can use Custom Code to integrate tracking tools, third-party services, widgets, or advanced customizations.
You can insert custom code into three specific areas of your website:
- Inside <head>
- After <body>
- Before </body>
Most third-party providers specify where their code should be placed. If no placement is mentioned, start with the <head> section.
With Sitebuilder, you have four places where you can add custom code to your site:
- In the Website settings for the whole website
- In the Page settings for a single page
- In the Custom block using the HTML widget
- Via HTML Embed block.
Note: Custom code editing may require an eligible pricing plan. You may need to upgrade your plan to use this feature.
While code may work as expected, we cannot guarantee long-term compatibility. Third-party scripts can become outdated or conflict with platform updates.
Adding site-wide custom code
Site-wide custom code applies to every page on your website.
To add site-wide custom code:
- In Sitebuilder, click the Main menu button in the top left corner.
- Click Settings in the sidebar.
-
Open the Custom Code tab.
Within each placement area (Head, Body, or Footer), you can create and manage multiple code snippets.
Adding a code snippet
- Click Add code in the desired section:
- Inside <head>
- After <body>
- Before </body>
- In the dialog:
- Enter a Name to identify the snippet.
- Paste your HTML, CSS, or JavaScript code.
- Choose Rendering:
- Website & Editor – runs on the live site and inside the editor.
- Website only – runs only on the published site.
- Click Submit to save.
Each snippet appears as a separate item in the list, allowing you to manage scripts individually.
Editing or deleting a code snippet
- Click any existing snippet to open the Edit code snippet dialog.
- Update the name, code, or rendering option.
- To remove it, click Delete code snippet.
Rendering behavior
If you select Website & Editor, the editor will display a confirmation message indicating that the custom code has been rendered and the code will be rendered even before publishing.
Adding per-page custom code
Per-page custom code applies only to a selected page.
- On the Topbar, click Pages to open the Page Manager.
- Select the page and click its Settings icon.
- Open the Custom Code tab.
- Add, edit, or manage snippets using the same steps described above.
If the snippet is set to Website only, click Publish for it to run on the live page. If set to Website & Editor, it will also render inside the editor.
Note: If you want to add content using custom code to a specific location on your website page, you can use an Html embed block or an HTML widget in the Custom block.