How can we resolve the issue of a form code not working when copied and pasted into the head of a Webflow website?

Published on
September 22, 2023

If you have copied and pasted a form code into the head of your Webflow website and it's not working as expected, there are a few steps you can take to resolve the issue:

  1. Check for syntax errors: Ensure that you have copied the form code accurately and that there are no typos or missing characters. One little mistake can break the entire code.

  2. Confirm compatibility: Verify that the form code you're using is compatible with Webflow. Some third-party form builders generate code that may not work seamlessly with Webflow's platform. If you encounter such issues, consider using a form builder that is explicitly designed for Webflow, such as the Webflow Forms feature.

  3. Check the placement: Ensure that you have placed the form code correctly in the head of your Webflow website. The <head> section is where you typically add third-party tracking codes and scripts. Open the Custom Code panel in your Webflow project settings and confirm that you've placed the form code correctly.

  4. Test code placement in another location: If the form code still doesn't work, try moving it from the head to the footer of your Webflow website. Sometimes, placing the code in a different location can resolve compatibility issues.

  5. Clear cache and refresh: After making any changes to the code placement, make sure to clear your browser cache and refresh the page. This ensures that you are seeing the most recent version of your website and that any changes take effect.

  6. Seek help from Webflow support: If none of the above steps resolve the issue, it might be helpful to reach out to Webflow support. They have a dedicated team that can assist you in troubleshooting and resolving any technical issues you may be facing.

Remember to always test your form thoroughly after making any changes to ensure it functions correctly.