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:
After that, you should see the Dropchat bubble icon in the bottom-right corner of your deployed WordPress site.