Bonomi
HomeInboxFree Trial
English
English
  • Welcome
  • Service information
    • Status
    • Changelog
  • Bonomi App
    • Introduction
    • Getting started
    • Creating your first Assistant
    • Assistant profile
      • Setting Up Automated Messages
        • Add Emojis to your text
      • Test your Assistant
  • Bonomi Inbox
    • Start using your Inbox
    • Dashboard
    • Contacts
      • Contact Details
      • Contact Activity
      • Contact Import
    • Messages
      • Assignment and Mark Done
    • Dynamic Variables
    • Snippets
    • User Profile
      • Notifications
      • User Activity Status
      • Resetting your Password
    • Invite your teammates
  • Conversation Channels
    • Channels Overview
    • Website Chat Widget
      • Install on WordPress
      • Install on Wix
      • Install on Squarespace
      • Install on Shopify
    • Facebook
      • Message Tag
      • Private Replies
      • Messaging settings
    • WhatsApp
      • WhatsApp Business API Onboarding
    • Viber
      • Connect Viber to Bonomi
    • Instagram
    • Telegram
    • Zapier
  • Learn more about Bonomi
    • Bonomi Features Overview
    • Short Introduction
  • Tips and tricks
    • Answer all questions through Inbox
    • Use reply options to navigate conversations
    • Add emojis to spice up messages
Powered by GitBook
On this page
  • Setting Up for Installation
  • Installing on Wordpress
  • Step 1: Log in to WordPress
  • Step 2: Navigate to the Plugins Page
  • Step 3: Add New Plugin
  • Step 4: Open Headers and Footer Console
  • Step 5: Add the Live Chat Script
  • Done!
  • Limitations
  • WP-Rocket

Was this helpful?

  1. Conversation Channels
  2. Website Chat Widget

Install on WordPress

Installing a web chat widget on your WordPress website.

PreviousWebsite Chat WidgetNextInstall on Wix

Last updated 4 years ago

Was this helpful?

Adding a web chat widget on your WordPress website is a quick and easy process. It does not require any coding skills or technical knowledge.

Setting Up for Installation

In order to install a web chat widget on WordPress, you will need the following: - Access to your website's WordPress Dashboard - A code snippet for your web chat widget

If you have the channels already connected on the Bonomi platform and you need to retrieve the generated code snippet, navigate to the Manage Channels section under Settings. Press the respective blue Edit button to find the generated script.

Installing on Wordpress

Step 1: Log in to WordPress

Navigate to your website’s WordPress Admin Dashboard and log in.

Step 2: Navigate to the Plugins Page

From the left navigation panel, click on Plugins. On the Plugins Page, press the blue Add New button on the top of the page.

Step 3: Add New Plugin

Using the search bar, search for the Insert Header and Footers plugin. You will see many options on the search result page that you can use, but we will be using the "Insert Header and Footers" plugin by WPBeginner for this tutorial. Press the Install Now button and make sure you activate the plugin to make use of it.

Step 4: Open Headers and Footer Console

From the left navigation menu, click on Settings and select the Insert Headers and Footers plugin from the settings submenu.

Step 5: Add the Live Chat Script

Copy your plugin script from Bonomi and paste it into the Script in Footer section of the Header and Footer console page.

Once you have pasted the script, click on the blue "Save" button on the bottom of the page.

Done!

The chat widget is now active on your website!

Limitations

WP-Rocket

If you are using a WordPress cache plugin such as WP-Rocket, you might need to add our widget domain to the Javascript Excluded Files.

https://cdn.chatapi.net/webchat/widget/(.*).js

Once saved, it is recommended to clear the cache in WordPress.

If you don't have a code snippet already, you will generate one when creating a Bonomi .

The Add New Plugin Button
The Insert Headers and Footers Plugin
Navigating to the Plugin Console Page

Open the website and check out the chat plugin. You will find it in the bottom-right corner. Now your website visitors can chat effortlessly with you. If you used the code snippets generated from the Bonomi platform, you will be able to manage the conversations and of the widget from the Platform.

Website Chat Widget
update the appearance