Adding Scout’s Copilot to Your WIX Site
Step 1: Join Scout and Create Your Organization
- Create an Account: If you don’t have a Scout account yet, sign up for free at Scout OS.
- Set Up Your Organization and App: Follow the steps to create your organization and app. Once set up, you’ll be directed to the App Builder dashboard.
Once your app is up and running, it’s time to create your copilot. For tips on crafting a custom copilot, see the Interactive Web Assistants Made Easy blog post.
With your custom copilot designed to your liking, you’re ready to deploy it to your website.
Step 2: Grab the Integration Code
Obtain the Code: Once your copilot is ready, get the integration code snippet from the guide.
Step 3: Add the Chatbot to Your Wix Site
- Log in to Wix: Access your Wix account and navigate to your dashboard.
- Go to Settings: On the bottom left of the screen, click on the settings tab.
- Select Custom Code: Choose the “Custom Code” option on the settings page.
- Add New Code: Click “Add Custom Code,” paste your code snippet here, and ensure you include your Copilot ID.
- Configure Placement: Decide where you want the copilot to appear — across the entire site or on specific pages — and choose its location on the page.
Now, you can create your Scout app. For guidance on setting up a basic Q&A bot, check out the Developers Q&A quickstart.
Once your app is up and running, it’s time to create your copilot. For tips on crafting a custom copilot, see the Interactive Web Assistants Made Easy blog post.
With your custom copilot designed to your liking, you’re ready to deploy it to your website.
💡 Good to know
When embedding videos from external platforms, consider the following best practices:
const inter = Inter({ subsets: ['latin'] })const inter = Inter({ subsets: ['latin'] })Each branch is a fully-isolated copy of its parent. We suggest creating a long-term branch for each developer on your team to maintain consistent connection strings.
Using Blob for video hosting
Each branch is a fully-isolated copy of its parent. We suggest creating a long-term branch for each developer on your team to maintain consistent connection strings.
1. Uploading a video to Vercel Blob:
In your dashboard, navigate to the "Storage" tab and select your Blob store. In the Blob table's upper-right corner, find and click the "Upload" button.
Then, choose the video file you wish to upload. After the upload completes, the video file will appear in the Blob table.
Spend less time managing and more time delivering with tools designed for efficiency.
To manage a large number of redirects (1000+), you may consider creating a custom solution using Middleware.
💡 Good to know
When embedding videos from external platforms, consider the following best practices:
- Size Optimization: Automatically serve correctly sized images for each device, using modern image formats like WebP and AVIF.
- Implement strategies for loading videos based on network conditions, especially for users with limited data plans.
2. Displaying the video
Once the video is uploaded and stored, you can display it in your AcmeLib application. Here's an example of how to do this using the tag and React Suspense:
Conclusion
Integrating Scout’s copilot into your Wix site is a straightforward process that can significantly enhance how you engage with your visitors. With just a few easy steps, you’ll have a functional chatbot ready to assist your customers.
If you have any questions or need further assistance, join our Slack community where our users and staff are available to help.