Buy Us a Beer! Community Forum Micro-Consulting

How to Add Custom Code

Webflow's 5 Custom Code Areas

If you're unfamiliar with Webflow, it has 5 distinct areas where you can place custom code-

  • The site-wide HEAD area. Under site settings on the Custom Code tab, this section is currently called Head Code.

  • The site-wide BODY area. Under site settings on the Custom Code tab, this section is currently called Footer Code.

  • A specific page's HEAD area. Under page settings towards the bottom, this section is currently called Inside <head> tag.

  • A specific page's BODY area. Under page settings towards the bottom, this section is currently called Before </body> tag.

  • An HTML Embed element on your page, Anywhere on your page, added from the elements panel.

Here's a walkthrough of how to access and use the 5 areas.

Last updated