Unable to Add Custom Code to Webflow Site

Design help General
1

Hello everyone,

I’ve encountered a frustrating issue while trying to add custom code to my Webflow site. I’m seeking assistance to understand why this problem is occurring and find a possible solution.

Issue Description: When attempting to add custom code to the site’s header or footer, the changes do not seem to take effect. I followed the standard procedure for adding custom code, but it doesn’t reflect on the published site.

Steps to Reproduce:

  1. Open the Webflow Designer and access the site.
  2. Navigate to the “Project Settings” by clicking on the gear icon in the left-hand sidebar.
  3. Select the “Custom Code” tab.
  4. In the “Head Code” or “Footer Code” section, enter the desired custom code (e.g., tracking scripts, CSS modifications).
  5. Click “Save” to save the changes.
  6. Publish the site by clicking on the “Publish” button in the top-right corner.
  7. Visit the live published site and inspect the code or observe the expected changes.

Expected Result: The custom code added to the “Head Code” or “Footer Code” sections should be implemented on the published site. Any desired modifications or tracking scripts should be visible or functional.

Actual Result: Despite following the steps correctly and saving the custom code, the published site does not reflect the changes. The custom code seems to be ignored, and there are no visible modifications or functional additions.

Additional Information:

  • I have confirmed that the custom code is correct and has been tested on other platforms.
  • I have attempted to add the custom code to both the “Head Code” and “Footer Code” sections separately, but neither option works.
  • Other site settings and changes seem to work fine.
  • I have cleared my browser cache and tested the published site on different devices and browsers, but the issue persists.

I would greatly appreciate any assistance or suggestions regarding this issue. Has anyone else encountered a similar problem with adding custom code? If so, how did you resolve it? Thank you in advance for your help!

Best regards

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

I would suggest to add some other / simple custom code.

If the simple code works, the issue might be the custom code itself.
If the simple code does not work, the issue might be other then the code.

3

It’s impossible to help you without a link to your site.
It sounds like you are implementing this as site-wide custom code, so we won’t be able to see that in the readonly designer link ( we can only see page-level code ).

Either way, a link to your published site and the details of the code you’re trying to embed will help. The webflow.io site is fine.