My Chatsimple
  • Chatsimple website
  • ✨Add Chatsimple to Your Website
    • General Websites
    • Google Tag Manager
    • Google Tag Manager Integration
    • Go Daddy
    • WordPress
    • Webflow
    • Wix
    • Shopify
    • Show only for Specific Pages, Countries, Times or Subset of visitors
    • Google Sites
  • Connect Chatsimple to your CRM
    • Pipedrive Integration
    • Zoho Integration
    • HubSpot Integration
    • Zapier API documentation
  • Understanding 'Original Source'
  • 🎨Widget specifics
    • Widget Customization
    • Block Chat Interface (<iframe>)
    • Common Questions and Answers
    • ?
  • 💪UNLOCK FULL POWER OF CHATSIMPLE
    • ⚙️Configure Chatsimple - AI Nav
    • 👩‍🎨Personalize look and feel
    • 👟Train your AI chatbot
    • 🗣️Content creation
    • ⛓️Facebook integration
    • 🛃Integrate with Hubspot
    • 📊Dashboard and Insights Update
    • 🥇Get better google search rankings
    • 👨‍💼Lead Capture Qualification Followup with personalized email
    • ⏰Book MORE meetings with Calendly integration
    • 🎙️AI Copilot with Voice Search
  • Improving Response Quality
    • 🖌️Finetune your Agent's Responses
    • 🏌️Set your business goals
    • 🪞Mirror brand personality
  • Contact
    • Email
Powered by GitBook
On this page
  • Install Chatsimple on WordPress Websites
  • Step 1: Access Your Dashboard
  • Step 2: Locate and Copy the Code
  • Step 3: Log In to Your WordPress Site
  • Step 4: Choose a Plugin
  • Step 5: Install the Plugin (Example: Simple Custom CSS and JS)
  • Step 6: Verify the Installation
  • Celebrate 🎉
  1. Add Chatsimple to Your Website

WordPress

AI Chatbot for WordPress. Install Chatsimple and get started!

PreviousGo DaddyNextWebflow

Last updated 1 year ago

Install Chatsimple on WordPress Websites

Integrate the power of Chatsimple into your WordPress site and offer a real-time, AI-powered chat experience to your visitors. Follow these straightforward steps, and you'll have Chatsimple up and running in no time!

Step 1: Access Your Dashboard

Visit the (https://app.chatsimple.ai) to find the unique script for embedding the chatbot on your site.

Step 2: Locate and Copy the Code

In the “Add to Website” section of the dashboard, click the “Copy” button to copy the script to your clipboard.

"Add to Website" section of the dashboard

Step 3: Log In to Your WordPress Site

Log in to your WordPress settings, where you'll be adding a plugin to install the Chatsimple code.

Step 4: Choose a Plugin

You may use any plugin that allows custom HTML/JS insertion. Some popular options include:

  • Simple Custom CSS and JS

  • Insert Headers and Footers

  • Custom JavaScript & CSS in Pages!

Note: While we suggest the above plugins, feel free to choose one that suits your needs.

Step 5: Install the Plugin (Example: Simple Custom CSS and JS)

Follow these steps to install Chatsimple using the Simple Custom CSS and JS plugin:

  1. Go to Plugins section > Search Simple Custom CSS and JS > Click Install > Activate.

  2. Click Add HTML Code button.

  3. Paste the Chatsimple code copied from Step 2 into the HTML code section.

  4. Click Save, or Publish if prompted.

<!-- Other HTML code here -->
<!-- Paste the Chatsimple code here -->
<script src="URL_OF_THE_SCRIPT"></script>

Step 6: Verify the Installation

Refresh your WordPress site to ensure the Chatsimple widget appears as expected.

If you use Wordpress rocket, you might have issues. To resolve, tweak your setup so Wordpress Rocket ignores the 'ai-loader.js' script.

Celebrate 🎉

Congratulations! Chatsimple is now integrated with your WordPress website, ready to convert visitors into customers with personalized, round-the-clock engagement.

✨
Chatsimple Dashboard