special offer desktop
menu-icon
Bit Assist Menu Icon
Estimated reading: 4 minutes 255 views

Set up Live Chat Messenger as a live Customer Support Channel on your website.

Improving your customer support and enhancing user engagement is crucial to any online business. Integrating Live Chat Messenger with your website using Bit Assist is a straightforward process that can significantly improve live customer support capabilities. With this integration, you can offer real-time assistance to your website visitors and enhance their overall experience. Here’s a step-by-step guide on how to seamlessly add Messenger Live Chat as a live customer support channel using Bit Assist:

Setup a Channel

  1. First, create a widget, then edit the widget
create-widget
  1. Click on add channel to add the support assistant of your choice.
create-click-add-channel
  1. Search and select the channel of your choice from the channels popup
search and select messenger live chat
  1. Channel Title: Set the proper Channel Title. Default it’s taken, Live Chat Messenger. This Title is descriptive text for visitors.
live chat channel name
  1. Custom Image: You can change the channel image of your preference. Also, if you don’t like the normal image, you can add a gif image you want.
custom image messenger live chat
  1. Make Sure to add the Live Chat Messenger Code to your website.
  • First, log in to your Meta account.
  • Select your preferred Business Account From the left-top corner.
  • Select Inbox ➞ See all Settings ➞ Chat Plugin ➞ Set up.
see all setting Messenger Live Chat
chat plugin
  • You can set up your Live Chat Messenger channel on your website through two methods.
    • Standard HTML code
    • WordPress Plugin
setup method messenger live chat

For Standard HTML Code

  • Click the Standard option.
  • Set your preferred language for the chat widget.
  • Then, Enter your website URL (The URL you want to view the chat widget on)
  • Then, Copy the code to your clipboard and finish.
  • Then, Publish it.
set Doamin
publish chat widget
  • Now, Log in to your WordPress Admin panel.
  • In the left menu, select Appearance ➞ Theme File Editor.
theme-file-editor
  • To select the current theme in the drop-down menu, locate the upper right corner of the screen. Usually, the active theme is already chosen by default.
  • Under Theme Files, select Theme Header (header.php).
  • To add the Live Chat Messenger widget embed code to the text area on the left, paste the code right below the stated body tag.
paste code for messenger live chat
  • Click the “Update File” button below the text window to save the changes.
  • Your Live Chat Messenger widget will now be added to the Bit Assist widget channel list. Now Customers can now message you from your website, and your messages will be shown in your Business Page Inbox.

info-icon-bit-apps  INFO

To incorporate Live Chat Messenger Widget into your website’s widget code, you have the option of using a third-party plugin. By avoiding other setups, you can easily integrate the Messenger Live chat widget with Bit Assist and enhance your website’s functionality.

WordPress Plugin

  • Now, Log in to your WordPress Admin panel.
  • In the left menu, select Plugins ➞ Add New.
  • Search Facebook Chat Plugin from the search bar.
  • Now, install and activate the plugin.
Facebook Chat Plugin install and active
  • To connect your WordPress website with the crisp chat widget, click on the “Setup Chat Plugin” button.
setup chat plugin messenger
  • Finally, connect your website with Meta.
  • Your Messenger Live chat widget will now be added to the Bit Assist widget channel list. Now Customers can now message you from your website, and your messages will be shown in your Business Page Inbox.

note-icon-bit-apps  Note

At times, users may experience a delay in the initial loading of the Messenger Live Chat widget. However, this issue does not persist when loading the widget for subsequent times.

  1. With this Hide after office hours feature of Widget Options, You can organize your office time by enabling the Hide after office hours option. You have to upgrade to Pro to use the feature.
business-hours
  1. With this Channel show on feature of Widget Options, you can now afford to hide or show channels on mobile and desktops as of your choice.
hide-and-show-channel
  1. Now save the channel by clicking the Save button. Then you will see a successful channel-created message.
save
save messenger live chat
messenger live chat show on website

info-icon-bit-apps  INFO

If you have issues with the Live Chat Messenger Widget overlapping Bit Assist, check if you installed the latest embed code of Messenger Live Chat Widget Code.

Share this Doc

Live Chat Messenger

Or copy link

CONTENTS