Search

management

start

management

design

management

scroll

management

navigation

management

effects

management

cms

management

localization

management

insert

management

templates

management

integrations

management

code

management

courses

Custom Code

Add Custom Code globally or to a single page

Add Custom Code globally or to a single page

In this tutorial, you’ll learn how to add Custom Code to your Framer website.

Intermediate

Framer is a powerful tool that allows you to build entire websites without writing any code. However, there may be times when you need to add custom code to your site. This can be done by adding code to the start or end of your head tag or the start or end of your body tag.

To add custom code to your entire site, go to your project settings and scroll down to the custom code section. Here, you can add code that will run on every page of your site.

To add custom code to a single page, go to the page settings and add your code to the custom code section. This code will only run on that page.

Here are some examples of when you might need to add custom code to your Framer site:

  • To add an intercom chat

  • To add Facebook pixel

  • To add other scripts

Adding custom code is a great way to extend the functionality of your Framer site. However, it is important to note that adding custom code can also make your site more difficult to maintain.