How To Add Custom Code In Webflow

‍

Follow these steps to add custom code to your Webflow project:

1. From the Webflow dashboard locate your project thumbnail and click on the three dotted icon to view options.
2. Click on Settings.
3. From the left sidebar, navigate to the Custom code section.
4. This page will contain different sections for head, body and footer. Enter your code depending on where it should be applied.
5. Validate and save your changes. Note that all code applied here will be applied to all pages of your project.
6. To apply code to a specific page, from inside the editor, go to the Pages tab in the left sidebar menu.
7. Hover over the page name to reveal a small gear icon for settings. Click to open.
8. Scroll to the bottom to find the Custom Code section.
9. This section will contain separate sections for head, body and footer. Enter and save your code in the appropriate location. Most commonly, CSS is entered within the head tag and JS is entered before the </body> tag.
10. Save your changes and publish your project to push them live.