What steps have you taken so far to add code to track conversion on your landing page in Webflow?
Published on
September 22, 2023
To add code to track conversions on your landing page in Webflow, you can follow these steps:
- Access the Code Settings:
- Log in to your Webflow account.
- Open your project and go to the Project Settings by clicking on the gear icon in the left panel.
- Navigate to the Custom Code section:
- In the Project Settings, scroll down to find the Custom Code tab.
- Click on the tab to access the Custom Code settings.
- Adding Head Code:
- To add code to the head of your landing page, copy and paste the code into the Head Code section.
- This could include scripts for tracking services like Google Analytics or Facebook Pixel.
- Make sure the code is wrapped within appropriate script tags.
- Adding Body Code:
- If you need to add code to the body section of your landing page, paste it into the Body Code section.
- This is typically used for tracking services or scripts that require being placed in the body of the HTML document.
- Wrap the code with appropriate script tags.
- Saving the changes:
- After you've added the desired code, click the Save Changes button at the bottom of the Custom Code tab.
- Webflow will automatically update the code on the backend and implement it on your landing page.
- Publishing the changes:
- Once you've saved the changes, go back to your Designer view.
- Click on the Publish button in the top right corner to update your live site with the new code.
- It's important to publish your site after making any changes for the updates to take effect.
By following these steps, you should be able to add code to track conversions on your landing page in Webflow. Remember to test your tracking codes to ensure they're working correctly.
Additional Questions:
- How do I implement Google Analytics tracking code on my Webflow site?
- Can I add custom JavaScript to my Webflow site?
- What are some popular conversion tracking services compatible with Webflow?