How do I embed a Dropchat bot on my WordPress site?

Adding a chat assistant bubble to your Wordpress site with zero coding skills needed.

Required: You must be on the Creator Plan or higher to follow this guide

  •  First, log into your Dropchat account.

  • Click into any of the chatbots you have made previously. If you have not made a chatbot before, check out this guide. In this example, we will use a chatbot we already made from a PDF of the Bitcoin white paper.

  • After clicking into your chatbot, navigate to the "Manage Chatbot" tab towards the top left.
  • In the middle section, under "Share Chatbot", click the blue "Embed" button. 

A pop-up will appear with options on how to add a Dropchat to your site. In this example, we will be creating a chat bubble in the bottom right of your site, which is the most user-friendly option for most websites.

  • Click the "Copy Code" icon on the top code snippet option.

  • Now that you have this code snippet copied, we can go to WordPress. Reminder: You will need the Creator plan on WordPress or higher to embed your Dropchat bot. 
  • First, install and activate the free Insert Headers and Footers plugin by WPCode.
  • On the left-hand side of your dashboard, navigate to Code Snippets → Header & Footer.
  • Paste the code into the Header box and click the “Save Changes” button:
    An arrow points to the box to paste the code. A second arrow points to the Save Changes button.

    After that, you should see the Dropchat bubble icon in the bottom-right corner of your deployed WordPress site.