Skip to main content

Adding custom code to your site

  • Updated

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:

  1. In Sitebuilder, click the Main menu button in the top left corner.
  2. Click Settings in the sidebar.

No-logo-Adding-custom-code-to-your-site-1.png

  1. Open the Custom Code tab.

    WL - CC - 2 (1).png

Within each placement area (Head, Body, or Footer), you can create and manage multiple code snippets.

Adding a code snippet

  1. Click Add code in the desired section:
    • Inside <head>
    • After <body>
    • Before </body>
  2. 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.
  3. 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

  1. Click any existing snippet to open the Edit code snippet dialog.
  2. Update the name, code, or rendering option.
  3. 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.

  1. On the Topbar, click Pages to open the Page Manager.
  2. Select the page and click its Settings icon.
  3. Open the Custom Code tab.
  4. 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.