Webflow Integration

Documentation on how to add a Scout copilot to your Webflow 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 Webflow Site

  1. Login to Webflow and navigate to your sites Dashboard.
  1. From here look for the Webflow icon at the top left of the page this will open a dropdown menu, select Site Settings.
  2. On the left hand menu select Custom Code at the bottom
  3. Look for the Footer option and paste your integration code with your Copilot_ID here.
  4. Save the changes and publish, your chatbot should now be visible across your site.

Step 4: Test Your Chatbot

  1. Interact with Your Chatbot: Visit your live site and test the chatbot’s functionality.
  2. Ensure Compatibility: Check its performance across different pages and devices to confirm proper integration.
Built with