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 JavaScript to embed code in Bubble.
    Robylon5js Pn
  7. Copy the provided chatbot embed code.
    Robylon6js Pn

Step 2: Embed Robylon Chatbot on Your Bubble App

  1. Once you’ve copied your Robylon embed code, sign in to your Bubble account and head to your account dashboard.
  2. On your dashboard, pick the Bubble app or website you wish to embed the chatbot on.
    Bubble1 Pn
  3. Scroll down to the section of the page you want to add the embed code.
  4. On the left sidebar of the editor, locate the HTML component and drag it to any section of the page to add a chatbot.
    Bubble2 Pn
  5. Double-click on the HTML component to reveal the code editor.
    Bubble3 Pn
  6. Paste the Robylon Embed code copied earlier into the editor.
    Bubble4 Pn
  7. You can now preview your Bubble app to test your chatbot.
    Bubble5 Pn
    Bubble6 Pn
    Bubble7 Pn