Wix Integration Guide

Integration Steps

Adding your Cloudpresser AI chatbot to your Wix website is straightforward:

Method: Using Custom HTML/JavaScript

Wix allows you to add custom code to your site:

1. Get your chatbot code:
   • Go to your Cloudpresser AI Chat dashboard
   • Select the chatbot you want to integrate
   • Click on the "View Code" or "Integration" button
   • Copy the provided code snippet
2. Add the code to your Wix site:
   • Log in to your Wix account and open your site in the Editor
   • Click on the "+" button to add a new element
   • Search for "Custom Code" or "HTML Code" and add it to your page
   • Paste your chatbot code into the HTML box
   • Click "Apply" and then "Save" your site

Alternative Method: Using Wix Velo (Corvid)

For more advanced users, you can use Wix Velo (formerly Corvid) to add the chatbot to all pages:

1. Enable Velo:
   • In your Wix Editor, click on "Dev Mode" or "Velo by Wix" in the top menu
   • Click "Turn on Velo"
2. Add the code to your site:
   • Go to "Public & Backend" in the left sidebar
   • Click on "masterPage.js"
   • Add the following code to the file:

   import wixWindow from 'wix-window';
   
   $w.onReady(function() {
       // Add Cloudpresser AI Chat script
       const script = document.createElement('script');
       script.src = 'https://your-app-origin/chatbot-widget.js';
       script.setAttribute('data-chatbot-id', 'YOUR_CHATBOT_ID');
       script.async = true;
       document.head.appendChild(script);
   });

   Replace 'YOUR_CHATBOT_ID' with your actual chatbot ID and update the script src URL if needed.

3. Save and publish:
   • Click "Save" and then "Publish" your site

Troubleshooting

Need Help?

If you're experiencing issues with the Wix integration, please contact our support team at [email protected].