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 WordPress.
    Robylon5js Pn
  7. Copy the provided chatbot embed code.
    Robylon6js Pn

Step 2: Install the WPCode plugin on your WordPress Website to embed Robylon’s bot code

  1. Login to your WordPress dashboard, and go to the plugin button in the admin bar on the left side, and then click on the ‘Add New Plugin’.
    WP1 Pn
  2. Then search for the ‘WPCode’ plugin and install it to embed custom code.
    WP2 Pn
  3. Click on the ‘Activate’ button in the plugin. Upon activation, the plugin will be added to the ‘Installed Plugins’ page.
    WP3 Pn
  4. Click on the ‘Installed Plugins’ button in the WordPress admin bar to go to the plugin page.

Step 3: Embed the code in WordPress to Display Your Chatbot Widget 

  1. Click on the ‘Code Snippets’ labeled menu item in your WordPress admin bar, and it will open the ‘All Snippets’ page.
    WP4 Pn
  2. Then, click on the ‘Add New’ button, and this will bring you to the add snippet page.
    WP5 Pn
  3. Click on the ‘+Add Custom Snippet’ button.
    WP6 Pn
  4. Then, choose the code type from the list of options that appear on the screen, and click on JavaScript in our case.
    WP7 Pn
  5. Now, enter a title for the custom code snippet and paste the copied code for the chatbot, and save the snippet.
    WP8 Pn
  6. Then you will see 2 options to insert, you can select the ‘Auto Insert’ method, and the snippet will be automatically inserted and executed on your site.
    WP8 Pn
  7. Now you can preview your site to see the embedded Robylon’s chatbot there.
    WP9 Pn
    WP11 Pn