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.
    The Robylon dashboard Settings page, where you start WordPress chatbot embed setup
  3. Within the settings tab, select Channels.
    Robylon Channels menu in settings to select Chatbot for WordPress integration
  4. Click on the Chatbot widget to access the chatbot details.
    Chatbot widget tile selected in Robylon Channels to view its settings
  5. Navigate to the Install tab within the chatbot details page.
    Robylon Chatbot “Install” tab showing embedding options for WordPress
  6. Select JavaScript to embed code in WordPress.
    JavaScript embed option selected in Robylon for WordPress chatbot code
  7. Copy the provided chatbot embed code.
    Embed code snippet in Robylon ready to copy for WordPress site

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’.
    WordPress dashboard showing Plugins → Add New screen to install WPCode
  2. Then search for the ‘WPCode’ plugin and install it to embed custom code.
    WPCode plugin listing in the WordPress Add Plugins page is ready for installation
  3. Click on the ‘Activate’ button in the plugin. Upon activation, the plugin will be added to the ‘Installed Plugins’ page.
    Activate the WPCode plugin in the WordPress Installed Plugins list
  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.
    The WordPress sidebar “Code Snippets” menu is visible to embed Robylon code
  2. Then, click on the ‘Add New’ button, and this will bring you to the add snippet page.
    Add a New Snippet page in WordPress showing options to create a custom snippet
  3. Click on the ‘+Add Custom Snippet’ button.
    WordPress WPCode plugin screen with the option to add a custom code snippet for embedding the Robylon agent
  4. Then, choose the code type from the list of options that appear on the screen, and click on JavaScript in our case.
    WordPress snippet creation with a prompt to choose the JavaScript snippet type
  5. Now, enter a title for the custom code snippet and paste the copied code for the chatbot, and save the snippet.
    WordPress snippet editor where you paste the Robylon chatbot code
  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.
    WordPress snippet settings showing “Auto Insert” method selected
  7. Now you can preview your site to see the embedded Robylon’s chatbot there.
    WordPress website with Robylon chatbot launcher icon visible in bottom right corner after integration.
    WordPress site with Robylon Support Bot open, showing chatbot greeting message after successful integration