How to add custom code to a Webflow site

• An active Site plan on the site, or a Core, Growth, Agency or Freelancer Workspace
• The script you were given, as a complete <script> tag
• Permission to publish the site

1. Open the Custom code tabIn Webflow, open Site settings and choose the Custom code tab.
2. Paste the script into Head codeHead code is added before the closing head tag on every page of the site. Paste the whole tag, including the opening and closing script tags. Leave out html, head and body tags; Webflow adds those.

   <script defer src="https://example.com/tool.js"></script>

   Copy

3. Save changesClick Save changes. The code is stored but visitors do not get it yet.
4. Publish the siteCustom code shows in Webflow’s preview mode, and goes live only when the site is published. Publish to your domain.

• Open the published site in a private window, view the page source and search for the script’s address.
• In the browser’s developer tools, the Network tab should show the script loading with status 200.

The script is in settings but not on the site

The site was saved and not published. Publish again and reload the live page.

The script breaks the Designer preview

Wrap it between <!-- EXCLUDE FROM PREVIEW: START --> and <!-- EXCLUDE FROM PREVIEW: END --> so it runs only on the published site.

The field rejects the code

Each custom code section holds 50,000 characters. Load a large script from its own URL in a script tag and keep the code out of the field.

Pages got slower

Webflow warns that external scripts in the head can slow a page. Add defer or async to the tag when the tool’s instructions allow it.

Checked on 2026-11-11 against Webflow Help: Custom code in head and body tags.