Userdesk
Home
  • 👋Welcome to Userdesk
  • Overview
    • 💡What we do
  • âš¡Product Guides
    • Training data
      • Sitemaps
        • Shopify Store
        • Gitbook
    • Chatbot configuration
      • Welcome message
      • Escalate to human
      • Missing response message
    • Add the Chatbot widget to your website
      • WordPress
      • Shopify
      • Webflow
      • Wix
      • Notion pages
      • Any Website
    • Slack integration
    • JavaScript Widget
    • Customize Widget CSS
    • Chat Widget Changelog
  • 📖API
    • Authentication
    • Create a conversation
    • Send a message
Powered by GitBook
On this page
  1. ⚡Product Guides
  2. Add the Chatbot widget to your website

WordPress

Add the Web Chatbot widget to your WordPress website

PreviousAdd the Chatbot widget to your websiteNextShopify

Last updated 2 years ago

Was this helpful?

CtrlK

Was this helpful?

After you have customized your live chat, you will now learn how to install the Userdesk Chatbot into your WordPress site to give you the ability to chat directly with website visitors in real time.

First, you will need to log in to your WordPress settings and then add a plugin to install the Userdesk Chatbot code into your site.

Add plugins to Wordpress

There are many plugins that you can use and here are some plugins that we think you could consider:

  • Code Snippets

  • Custom CSS and JavaScript.

  • Insert Headers and Footers

  • Code Embed

  • Scripts n Styles

  • Simple Custom CSS and JS

Note: The above plugins are our recommendations but you can always choose another one here

We will use the plugin Simple Custom CSS and JS for this setup example. And after installing the plugin, please follow these steps:

Step 1: Go to Plugins section > Search Simple Custom CSS and JS > Click Settings.

Install plugins to Wordpress

Step 2: Click Add HTML Code button.

Step 3: Go back to Userdesk and copy the Chatbot embed code that you want to install by going to CHATBOTS > Choose the Chatbot > Embed.​

Step 4: Copy the Chatbot embed code in the Install the Chat widget on your website section.

Step 5: Go to WordPress plugins and click on Settings for Simple Custom CSS and JS.

Step 6: paste the code copied in Step 4.

Step 7: Save the process by clicking the Publish button on the right corner.

Now, the Chatbot widget will be available to your WordPress website visitors 🎉

If you have any issues, or you need to support another platform, feel free to reach out to us.