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.
    Robylon1 Pn
  3. Within the settings tab, select Channels.
    Robylon2 Pn
  4. Click on the Chatbot widget to access the chatbot details.
    Robylon3 Pn
  5. Navigate to the Install tab within the chatbot details page.
    Robylon4 Pn
  6. Select React to embed code in Framer.
    Robylon5js Pn
  7. Copy the provided chatbot embed code.
    Robylon6js Pn

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.
    Framer1 Pn
  3. Now, click on the settings icon in the top right part of your Framer website dashboard.
    Framer2 Pn
  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.
    Framer3 Pn
  6. Then save the settings and publish your Framer website to see the chat icon on that page.
    Framer4 Pn
  7. Test the chatbot to see if it works fine, then you can push it for production.