Adding Custom Code to a Page or your Entire Framer Site

In this tutorial, you'll learn how to add custom code to your Framer website. Whether you want to integrate tools like Intercom or Facebook Pixel, custom code allows you to enhance your site's functionality. Follow the step-by-step instructions to add code to your entire website or a specific page.

0:06 Finding the custom code section
0:10 Adding custom code to the head or body tag
0:17 Saving the custom code
0:22 Preview limitations
0:28 Publishing the website
0:32 Opening the website in a browser to see the custom code in action
1:08 Verifying Intercom chat functionality on the published site
1:17 Adding custom code to a specific page
1:32 Removing the custom code from the general section
1:36 Accessing the specific page
1:40 Pasting the custom code in the specific page's custom code section
1:49 Saving the custom code for the specific page
1:54 Republishing the site
2:03 Verifying custom code functionality on the specific page
2:08 Observing the absence of custom code on other pages

[wilsonthevolleyball]

Can't connect Hotjar for some reason.. is it a bug?

[anastasiiafilenkova]

Thanks for this one here!

But how to insert Cookiebot custom code (if it's not showing on the site). What can go wrong in such a simple scenario?

Thanks!

[ishaanpotnis]

Can we connect external API and fetch JSON data?

[sohanvjartakhani]

hello Framer, My name is Sohan and iam from India i want to upgrade to Framer monthly plan.
it's better to have Google pay option in your payment section.

[alexmomeni]

Awesome, can you please make a video on how to translate the site/pages into different languages?