> ## Documentation Index
> Fetch the complete documentation index at: https://guides.robylon.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Robylon × Wix Integration: Add Chat to your site

> Install the Robylon chat widget on Wix. Add chat widgets, secure webhooks, and event tracking-without code.

### **Step 1: Generate and Copy Your Robylon Chatbot Embed Code.**

1. Log in to your Robylon account and open the dashboard.
2. In the left panel, click on the settings button to navigate to the settings page.

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/Robylon1.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=c7b4c4c51ba8839c514508c2199c7ac6" alt="Robylon dashboard showing the settings menu for chatbot integration in Wix" width="1909" height="830" data-path="Robylon1.png" />
   </Frame>
3. Within the settings tab, select [<u>Channels</u>](https://app.robylon.ai/settings/channels).

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/Robylon2.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=3c68c15e0c43443b2b6cb649409e9644" alt="Robylon Channels screen with Chatbot channel ready for integration" width="1887" height="832" data-path="Robylon2.png" />
   </Frame>
4. Click on the [<u>Chatbot</u>](https://app.robylon.ai/settings/channels/chatbot/interface) widget to access the chatbot details.

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/Robylon3.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=3adcd9410a7c08fb6e7a558c1855631e" alt="Robylon dashboard with Chatbot option highlighted under “Recommended” channels for proactive support and guided help" width="1894" height="825" data-path="Robylon3.png" />
   </Frame>
5. Navigate to the [<u>Install</u>](https://app.robylon.ai/settings/channels/chatbot/install) tab within the chatbot details page.

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/Robylon4.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=9f163359a767d412287a835ad527f107" alt="Robylon Chatbot details and the Install tab for embed configuration" width="1898" height="823" data-path="Robylon4.png" />
   </Frame>
6. Select React to embed code in Wix.

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/Robylon5React.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=d2680a2d9261393500d379590fb1eedd" alt="Robylon dashboard Chatbot Details, Install tab with React option selected, and live chatbot preview of user interaction" width="1870" height="820" data-path="Robylon5React.png" />
   </Frame>
7. Copy the provided chatbot embed code.

   <Frame>
     <img src="https://mintcdn.com/robylonai/pG36l_PUrEUv4ovY/images/Robylon6React.png?fit=max&auto=format&n=pG36l_PUrEUv4ovY&q=85&s=eeaa6a41c4d9f841bcc8684a9ee02538" alt="Copy the embed code snippet for Robylon chatbot to paste into the Wix site" width="1896" height="843" data-path="images/Robylon6React.png" />
   </Frame>

### **Step 2**: Sign in to Your Wix Account and Embed Your Chatbot

1. Login to your Wix account and go to the dashboard.
2. On your dashboard, locate and click on the ‘Design Site’ button in the top right corner of the dashboard.

   <Frame>
     <img src="https://mintcdn.com/robylonai/PjPIolzErNMQ4u8B/images/Wix1.png?fit=max&auto=format&n=PjPIolzErNMQ4u8B&q=85&s=b7f17799a40dc988bbd9e3232ccdcfda" alt="Wix Editor site dashboard selecting page to insert Robylon chatbot" width="1900" height="796" data-path="images/Wix1.png" />
   </Frame>
3. Select the site you want to add the Robylon chatbot to. Click and load that site into your Wix editor.
4. Scroll down to any section of the page you want to add the Robylon chatbot.
5. Click on the Big Plus icon (Add Elements) on the left sidebar of your Wix editor.

   <Frame>
     <img src="https://mintcdn.com/robylonai/PjPIolzErNMQ4u8B/images/Wix2.png?fit=max&auto=format&n=PjPIolzErNMQ4u8B&q=85&s=0c95855ef480a38c77cbc379a391d662" alt="Wix Editor with ‘Add → Embed Code’ (HTML iframe) option in site menu" width="1883" height="851" data-path="images/Wix2.png" />
   </Frame>
6. Scroll down to locate and click on the ‘Embed Code’ button, then click on the ‘Marketing Tools’ button and select ‘Custom Code’ in that section.

   <Frame>
     <img src="https://mintcdn.com/robylonai/PjPIolzErNMQ4u8B/images/Wix3.png?fit=max&auto=format&n=PjPIolzErNMQ4u8B&q=85&s=4faf88b45cee410d2e1d57fdb7a05576" alt="Wix HTML iframe settings with Robylon embed code pasted" width="1888" height="854" data-path="images/Wix3.png" />
   </Frame>
7. The custom code widget should pop up, click ‘+ Add Custom Code’ in the top right corner of that widget.

   <Frame>
     <img src="https://mintcdn.com/robylonai/PjPIolzErNMQ4u8B/images/Wix4.png?fit=max&auto=format&n=PjPIolzErNMQ4u8B&q=85&s=8f15910c0a485056d10517c2f18735ea" alt="Wix site publish dialog showing the domain and publish button after integration" width="1884" height="839" data-path="images/Wix4.png" />
   </Frame>
8. Paste the copied code snippet into the custom code editor and provide a name for your code.
9. Choose an option under ‘Add Code to Pages’.
10. Click where you want to place your chatbot under the  ‘Place Code’ section.
11. Click Apply and preview your website, and there you should see the floating Robylon chat icon on your website.