How To Install the Common Ninja Global Script on Framer?

Adding global scripts to your Framer project allows you to enhance your website with custom functionalities that go beyond the built-in features. Whether you're integrating third-party services, adding analytics, or including custom JavaScript code, Framer makes it easy to incorporate these scripts into your project.

In this guide, we'll show you how to install the Common Ninja global script on your Framer project.

1. Step 1: Access the Project Settings
   
   
   • Open Your Project: Start by opening your Framer project.
     
     
   • Navigate to the Project Settings: Click on the project name in the top-left corner of the interface to open the project settings.
     
     
2. Step 2: Locate the Custom Code Section
   
   
   • Go to Custom Code: In the project settings menu, look for the "Custom Code" tab. This is where you can add your global scripts.
     
     
   • Open the Custom Code Editor: Click on the "Custom Code" tab to open the editor where you can input your code.
     
     

1. Step 3: Add the Common Ninja Global Script
   
   
   • Input the Script: In the custom code editor, add the following script to include the Common Ninja SDK:
     

     <script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>

   • Save Your Changes: After adding the script, make sure to save your changes by clicking the "Save" button.
     
     
2. Step 4: Publish Your Project
   
   
   • Preview and Test: Before publishing, preview your project to ensure that the script is working as expected. You can do this by clicking the "Preview" button in the top-right corner of the interface.
     
     
   • Publish: Once you're satisfied with the functionality, click the "Publish" button to make your changes live.

We hope this helps!