Login with your Webflow account to track your progress
Custom code in Webflow
Add custom code to extend your site beyond built-in options.
Webflow has a new UI, so visuals may vary slightly, but the course content is still relevant.
Webflow generates clean HTML, CSS, and JavaScript behind the scenes as you build on the visual canvas. But some projects require additional code to support third-party tools, custom styling, or behavior scripts.
In this course, you’ll learn how custom code works in Webflow and where it can be added based on scope and impact. You’ll explore layout-level embeds using the Code Embed element, page-level and site-level scripts added through Settings, and how custom code interacts with CMS-driven content. You’ll also learn how to preview, test, and troubleshoot code before publishing, and how to keep it maintainable as your site grows.
By the end of this course, you’ll be able to:
- Add custom code at the layout level using the Code Embed element
- Add scripts at the page and site levels within Settings
- Describe how custom code works within the Webflow CMS
- Preview, test, and troubleshoot custom code
- Maintain and scale custom code over time
.webp)
.png)
.jpg)
.png)