Framer Integration

Documentation on how to add a Scout copilot to your Framer website.

1

Step 1: Join Scout and Create Your Organization

  1. Sign Up: If you don’t have a Scout account yet, sign up for free.
  2. Create Your Workflow: Build your Scout copilot workflow or use a prebuilt template.
  3. Design Your Copilot: Personalize your AI copilot’s tone, style, and functionality.
2

Step 2: Grab the Integration Code

Obtain the Code: Once your copilot is ready, get the integration code snippet from Scout Copilot documentation.

1<scout-copilot copilot_id="YOUR_COPILOT_ID_HERE"></scout-copilot>
2<script type="module" src="https://copilot.scoutos.com/copilot.js"></script>
3

Step 3: Add the Chatbot to Your Framer Site

  1. Log in to Framer: Access your Framer account and navigate to your dashboard.
  2. Go to Settings: On the top right of the screen, click on the Settings icon.
  3. Site settings: On the site settings tab select General.
  4. Custom Code: Scroll down to Custom Code.
  5. Paste code snippet: Ensure you include your Copilot ID in the pasted snippet.
  6. Save and Publish: Once you save and publish your changes you should now see the Scout copilot across your site.
4

Step 4: Test It Out

  1. Test: Once you publish your site, interact with the chatbot to ensure it’s working as expected.
  2. Check Performance: Test the chatbot across different pages to confirm proper functionality.
Built with