Robylon × Webflow Integration: Add Chat to your site

​

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.
   
3. Within the settings tab, select Channels.
   
4. Click on the Chatbot widget to access the chatbot details.
   
5. Navigate to the Install tab within the chatbot details page.
   
6. Select JavaScript to embed code in Webflow.
   
7. Copy the provided chatbot embed code.
   

​

Step 2: Embed the code in Webflow to Display Your Chatbot Widget 

1. To embed the code in Webflow, log in to your Webflow account and go to your dashboard.
2. Hover over the website you want to add the chatbot to and click on “Open in Webflow”.
   
3. On the designer page, click on the file icon (Pages) in the left navbar of the Webflow site designer.
   
4. Hover over the page you want to embed the chatbot on and click on the settings icon of that page.
   
5. Scroll down in the settings panel of that page till you reach the Custom code section. Paste the Robylon chatbot copied code in the custom code section inside the head tag. Then save the changes.
   
6. Publish your website for staging to see the chat icon on that page.
   
7. Test the chatbot to see if it works fine, then you can publish it for production.