Skip to main content

​
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.
    Robylon dashboard settings page showing where to access embed settings for chat widget
  3. Within the settings tab, select Channels.
    Robylon dashboard, highlighting Channels section to access chatbot integration options
  4. Click on the Chatbot widget to access the chatbot details.
    Chatbot widget settings in the dashboard for integration with Framer
  5. Navigate to the Install tab within the chatbot details page.
    Click on the Install tab in the Robylon chatbot panel, select the embed code method for Framer
  6. Select React to embed code in Framer.
    Embed configuration screen showing React option for Robylon chatbot in Framer
  7. Copy the provided chatbot embed code.
    Robylon React embed code snippet ready for copying to the Framer site

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

  1. To embed the code in Framer, log in to your Framer account and go to your dashboard.
  2. Click on the website and select the page on that website you want to add the Robylon chatbot to.
    Framer dashboard with project selection view
  3. Now, click on the settings icon in the top right part of your Framer website dashboard.
    The Framer site settings menu, where custom code can be added
  4. Click on the ‘General’ option in the sidebar of the Settings page. Scroll down to the ‘Custom Code’ section in settings.
  5. Now paste the copied code of Robylon bot here at the End of the head tag.
    Paste the Robylon embed code into the Framer custom code head section
  6. Then save the settings and publish your Framer website to see the chat icon on that page.
    Framer settings with Custom Code fields and a highlighted Publish button to activate the Robylon chatbot
  7. Test the chatbot to see if it works fine, then you can push it for production.