All courses Custom code in Webflow

Additional resources

Go to the next lesson

Additional resources (8)

Where to go next with custom code

Additional resources

Where to go next with custom code

Recap: Custom code in Webflow

You’ve learned what custom code means in a visual-first platform, when it makes sense to use it, and how to decide where it should live based on scope and impact — whether that’s in the layout, on a single page, or across the entire site. You’ve also seen how placement, testing, and documentation affect how easy that code is to work with over time.

The big takeaway is simple: using custom code in Webflow is less about writing code and more about making thoughtful decisions about where and how to use it.

Additional resources

As you continue working with custom code, the resources below can help you go deeper, find answers faster, and stay current with best practices.

Help Center

Webflow Way

Take code a step further: Code components

Want to extend the power of your site even further? Code components let you bring React components into Webflow’s visual canvas, opening up more advanced customization while still working visually.

Learn more about code components here: 

You’re done!

You’ve completed the Custom code in Webflow course. Be sure to click the Complete course button in the course progress box on the right. Then, head back to the Webflow University Courses page and enroll in your next course.

1

Getting started

Getting started

Getting started

Coming soon

1

Background & preview 2:00

Background & preview

Coming soon

1

Where you can add custom code 4:00

Where you can add custom code

Coming soon

2

Adding custom code

Adding custom code

Adding custom code

Coming soon

2

The Code Embed element 6:01

The Code Embed element

Coming soon

2

At the layout level (Code Embed element) 3:00

At the layout level (Code Embed element)

Coming soon

2

Page & site level code 3:36

Page & site level code

Coming soon

2

Page-level code 3:00

Page-level code

Coming soon

2

Site-level code 4:00

Site-level code

Coming soon

2

Adding custom code

Custom code in the Webflow CMS 3:01

Custom code in the Webflow CMS

Coming soon

2

In the Webflow CMS 5:00

In the Webflow CMS

Coming soon

3

Managing custom code

Managing custom code

Managing custom code

Coming soon

3

Previewing, testing, & troubleshooting 5:00

Previewing, testing, & troubleshooting

Coming soon

3

Best practices for maintainable code 4:00

Best practices for maintainable code

Coming soon

4

Wrap up

Wrap up

Wrap up

Coming soon

4

Try it: use the Code Embed element 4:00

Try it: use the Code Embed element

Coming soon

4

Wrap up

Try it: add page-level code 4:00

Try it: add page-level code

Coming soon

4

Wrap up

Try it: add site-level code 4:00

Try it: add site-level code

Coming soon

4

Additional resources 2:00

Additional resources

Coming soon

Course progress

0%

Assessment

Test your knowledge

Up next

Continue to next lesson → Complete course ✓