How to add custom code

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

What can you add with Custom Code?

  • Analytics and marketing tags: GA4, Meta Pixel, LinkedIn

  • Chat and support widgets: Intercom, Zendesk, Crisp

  • Custom CSS and JavaScript: tweaks, utilities, tiny features

  • Structured data and meta tags: JSON‑LD,

Custom Code

How to add custom code

  1. Open Project Settings

  2. Select the Custom Code tab from the menu

  3. Click Add Script if you don’t have any code added yet

  4. Click the + button if you already have code added to your site

  5. Give the script a recognizable name so you can easily identify what the code snippet is for later

  6. Select the placement of the code

  7. If you want to add the code to specific pages only, select them from the list

  8. If you select a CMS page, you can add Structured Data for SEO

  9. Select Once if you want the code to be added and executed only once, for example when adding event listeners. Select Run On Every Page Visit if you want the code to be executed every time someone visits that page.

Add Script

Updated