Why Go for Scout’s AI Copilot?

• Around-the-Clock Help: Provide answers to your customers any time of day or night — never miss out on potential leads!
• Multilingual Support: Scout can respond in your customers’ native languages, ensuring clear and effective communication.
• On-Brand Responses: Customize the copilot’s tone and style to match your brand’s unique voice.
• Simple Setup: No tech expertise required — Scout’s copilot is easy to set up and deploy.

Adding Scout’s Copilot to Your WIX Site

Step 1: Join Scout and Create Your Organization

1. Create an Account: If you don’t have a Scout account yet, sign up for free at ScoutOS.
2. 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

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.

Step 2: Grab the Integration Code

Obtain the Code: Once your copilot is ready, get the integration code snippet from this guide.

Step 3: Add the Chatbot to Your Wix Site

1. Log in to Wix: Access your Wix account and navigate to your dashboard.
2. Go to Settings: On the bottom left of the screen, click on the settings tab.
3. Select Custom Code: Choose the “Custom Code” option on the settings page.
4. Add New Code: Click “Add Custom Code,” paste your code snippet here, and ensure you include your Copilot ID.
5. 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.

To use a local image, src your .jpg, .png, or .webp image files.

async function VideoComponent({ fileName }) {
  const {blobs} = await list({
    prefix: fileName,
    limit: 2
  });
  const { url } = blobs[0];
  const { url: captionsUrl } = blobs[1];

  // The return value is *not* serialized
  // You can return Date, Map, Set, etc.
 
  return (
    <video controls preload="none" aria-label="Video player">
      <source src={url} type="video/mp4" />
      <track
        src={captionsUrl}
        kind="subtitles"
        srcLang="en"
        label="English">
      Your browser does not support the video tag.
    </video>
  );
};

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. You can reset your development branch to main whenever needed.

To manage a large number of redirects (1000+), you may consider creating a custom solution using Middleware.

const inter = Inter({ subsets: ['latin'] })

const inter = Inter({ subsets: ['latin'] })

1. Automatically, using a static import.
2. Explicitly, by including a width your height property.
3. Implicitly, by using fill which causes the image to expand to fill its parent element.

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.

Priority

Examples

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.

To manage a large number of redirects (1000+), you may consider creating a custom solution using Middleware.

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.