> For the complete documentation index, see [llms.txt](https://attr.sygnal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://attr.sygnal.com/overview/how-to-add-custom-code.md). # How to Add Custom Code If you're unfamiliar with Webflow, it has 5 distinct areas where you can place custom code- * The [site-wide HEAD area](https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags#head-code). Under site settings on the Custom Code tab, this section is currently called **Head Code**. * The [site-wide BODY area](https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags#footer-code). Under site settings on the Custom Code tab, this section is currently called **Footer Code**. * A [specific page's HEAD area](https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags#in-the--tag). Under page settings towards the bottom, this section is currently called **Inside \ tag.** * A [specific page's BODY area](https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags#before-the-<-body>-tag). Under page settings towards the bottom, this section is currently called **Before \ tag**. * An [HTML Embed element](https://university.webflow.com/lesson/custom-code-embed?topics=elements) 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. {% embed url="" %}