How can I remove the duplicated embedded code on my Webflow site?

Published on
September 22, 2023

To remove duplicated embedded code on your Webflow site, you can follow the steps below:

  1. Identify the duplicated code: First, you need to identify the duplicated embedded code on your Webflow site. This can be found in the custom code section of the project settings or within individual elements on your pages.

  2. Access the Custom Code section: To remove the duplicated code from the project settings, go to your Webflow dashboard and open the project where you want to make changes. Click on the "Project Settings" button in the left sidebar, and then select the "Custom Code" tab.

  3. Remove duplicated code: In the Custom Code section, you will find the duplicated code that needs to be removed. Locate the code block or script tag that is duplicated, and delete it. Make sure you are removing the correct code by carefully reviewing it.

  4. Save and publish changes: Once you have removed the duplicated code, click on the "Save" button to save your changes. After that, you need to publish the site for the changes to take effect. Click on the "Publish" button in the top-right corner of the designer to publish your website.

  5. Check for issues: After publishing, it's important to check if the duplicated code has been successfully removed. Reload the published site and inspect the code again using browser developer tools. Ensure that the duplicated code is no longer present.

By following the steps above, you can effectively remove duplicated embedded code on your Webflow site. This helps optimize your site's performance and prevents any potential conflicts caused by duplicate scripts.

Additional Resources:

Q: How can I access the custom code section in Webflow?
Q: What should I do if the duplicated code is within individual elements on my pages?
Q: Why is it important to remove duplicated embedded code on my Webflow site?