Custom Code
You can insert custom code at the start or end of the <head> and <body> tag of your site.
Adding Custom Code
⚠️ Note: Any setting configured on the site level will act as the default setting for every page on the website. Any setting configured on the page level will override what is added on the site level.
You can insert custom code at the start or end of the <head> and <body> tag of your site. Custom code and scripts will be added to every page across the published site. These changes will not be visible in your preview, only in the published site.
In order to insert custom code, click on the name of the project to access the Site Settings and scroll down to the Custom Code section.
HTML, CSS, and Javascript are supported. The following tags are allowed: <link>,<script> ,<meta>, and <style>. You will not be able to integrate any server-side languages, such as Perl, PHP, Python, or Ruby.
Note: We do not validate custom code for you, so make sure to check your code before publishing.
Custom Code Use Cases
You can use the custom code feature to integrate lots of services, such as analytics, real time chat, localisation tools and much more. Here are some examples of snippets that you can use to integrate third party services into your Framer website by pasting the code into the head and body sections.
• Google Analytics
• Google Tag Manager
• Hotjar
• Facebook Pixel
• Segment
• Optimizely
• Google Optimize
• Addthis
• Intercom
• Chatwoot
• Localize
Note: Make sure to include the opening and closing <script> tags.
