Skip to main content
Exclusive Discount Deal
up-to 55 off
Offer ends in:
00

days day

00

hours hour

00

Mins Min

00

Secs Sec

Claim Your Deal

How to Add a Messenger Button to WordPress: Step-by-Step Guide

blog author logo
Sadia Gungun
10-Sep-2026
Reading Time: 8 mins
What Tool Should I use to Add Messenger to Website

If you want to add a Messenger button to WordPress, you do not need to build a custom integration. With Bit Assist, you can add Facebook Messenger as a floating contact option and manage the setup directly from the WordPress dashboard.

One important distinction before we start: Meta discontinued the old Facebook Chat Plugin in 2024. Bit Assist does not recreate that embedded website chat box. Its Messenger channel works as a contact button that uses your Facebook profile or Page username and sends the visitor to Messenger. If you are searching for a Messenger chat plugin for WordPress, this distinction matters.

TL;DR

  • Install and activate Bit Assist from your WordPress dashboard.
  • Create a widget, open Channels, and select Messenger.
  • Add the Facebook profile or Page username you want visitors to contact.
  • Review the title, image, opening behavior, office-hours option, and desktop/mobile visibility.
  • Use Customizations to adjust the floating widget, then test the Messenger button on desktop and mobile.
  • FAQ, WooCommerce, External Publish, and Widget Analytics are optional additions for sites that need them.

What Does the Messenger Channel Do in Bit Assist?

The Messenger channel gives visitors a visible Messenger button on WordPress inside the Bit Assist floating widget. When they select it, Bit Assist uses the Facebook username you configured to open the corresponding Messenger destination.

This is different from a native live-chat inbox inside WordPress. The actual conversation continues in Messenger, so think of the website button as a convenient contact path rather than an embedded Messenger support desk. If you want to compare this approach with other options, see our guide to the best chat plugins for WordPress.

Why Add a Messenger Button to WordPress?

Give Messenger Users a Familiar Contact Option

If part of your audience already uses Messenger, placing a Facebook Messenger button on WordPress removes the extra step of making them search for your Facebook profile or Page manually.

Keep the Contact Choice Visible

A floating widget keeps Messenger available while visitors browse different pages. You can also control how the widget looks and where it appears so it stays useful without getting in the way of the page.

Offer Messenger Alongside Other Channels

Messenger does not have to be the only way to reach you. Bit Assist can place multiple supported contact and self-service channels in one widget. For example, you can also add a Telegram chat button to WordPress when part of your audience prefers Telegram.

How to Add a Messenger Button to WordPress

The core setup is straightforward: install Bit Assist, create a widget, add Messenger, configure the Facebook username, customize the widget, and test the result. The FAQ, WooCommerce, External Publish, and Analytics sections later in this guide are optional.

Step 1: Install and Activate Bit Assist

From the WordPress dashboard, go to Plugins → Add New Plugin. Search for Bit Assist, install it, and activate the plugin. After activation, open Bit Assist in the WordPress admin area.

Step 2: Create a Widget and Open Channels

On the Bit Assist dashboard, click Add Widget. This creates the floating widget that will hold your Messenger channel and any other contact options you add later.

Add Widget button on the Bit Assist dashboard

Inside the widget editor, stay on the Channels tab and click Add Channel.

Step 3: Select Messenger

The Create New Channel panel shows the available channels. Find and select Messenger. You can use the search field if you do not want to scan the complete list.

Step 4: Configure the Messenger Channel

After selecting Messenger, the channel editor opens. Start by checking the Channel Title. Bit Assist uses “Messenger” by default, but you can change the label if something else will be clearer to visitors.

You can also replace the default channel image with a custom image or GIF. The most important field is the Facebook username. Enter the username from the Facebook profile or Page that you want visitors to contact.

Use the username portion of the Facebook profile or Page URL, not a random display name. For example, if the profile or Page URL ends with /yourbrand, the username is typically yourbrand.

Then review On click open channel on. Bit Assist can open the destination in a new tab, the current tab, or a new window. The editor also includes Hide after office hours, which is a Pro option, and Channel show on controls for desktop and mobile visibility.

Save the channel after reviewing the settings. Do not assume the username is correct just because the Messenger icon appears in the widget; test the destination on the front end.

Step 5: Test the Messenger Chat Button

Open your website in a normal browser window, open the Bit Assist widget, and select Messenger. Confirm that the Messenger chat button on WordPress takes you to the Facebook profile or Page you intended to use.

Repeat the test on a phone as well. Check that the floating button does not cover navigation, consent notices, forms, or checkout controls.

Optional: Add an FAQ Channel

If visitors often ask the same questions before starting a conversation, you can add an FAQ channel. FAQ is a Pro self-service channel, so it is not required for the Messenger setup.

Go back to Channels → Add Channel, search for FAQ, and select it.

Inside the FAQ editor, add the questions and answers you want visitors to see. Bit Assist also lets you format FAQ descriptions, include links, and manage multiple entries.

Save the channel and check the FAQ from the live widget.

Optional: Add WooCommerce Order Information

If this is a WooCommerce store, you can also add the Pro WooCommerce channel. This is separate from Messenger and is useful when customers need to check order-related information without starting a Messenger conversation.

From Channels → Add Channel, select WooCommerce. In the channel editor, use Show Order Details to choose which order fields should be displayed. You can also customize the button text and form colors.

For current Bit Assist versions, WooCommerce order details are restricted to authenticated customers, and the logged-in user can only view an order that belongs to that user. Test this flow with an appropriate customer account before relying on it.

Step 6: Customize the Floating Widget

Once the channels are ready, open Customizations. This area controls the appearance of the overall Bit Assist widget rather than the Messenger destination itself.

You can work with controls such as Widget Name, Widget Style, Widget Color, Widget Icon, Widget Position, Widget Size, Widget Shape, and device visibility. If you use forms elsewhere in the widget, our guide to floating contact form plugins for WordPress covers that contact pattern in more detail.

After changing the design, test the widget again on desktop and mobile because position and size changes can affect how it sits beside other floating elements.

Optional: Publish the Widget on Another Website

External Publish is a Pro feature and is not required when you are only adding Messenger to the WordPress site where Bit Assist is installed. Use it when you want to deploy the same widget on another domain or a non-WordPress website.

Open External Publish, add the external domain where you want to use the widget, and copy the script Bit Assist provides. The script then needs to be added to the external website according to that platform’s installation method.

Step 7: Run a Final Front-End Test

Before you consider the setup finished, open the live site and test the complete widget again. Check the Messenger button first, then any optional channels you added.

  • Does Messenger open the correct Facebook profile or Page?
  • Does the widget look correct on desktop and mobile?
  • Do optional channels such as FAQ or WooCommerce work as expected?
  • Does the widget avoid covering important page controls?

How to Measure Messenger Widget Engagement

If you use Bit Assist Pro, Widget Analytics can help you understand how visitors interact with the widget. The dashboard focuses on aggregate metrics such as visitor counts, total clicks, click rate, and channel activity.

These numbers can tell you whether visitors are noticing and clicking Messenger, but they should not be treated as proof that a Messenger conversation, lead, or sale was completed. If your goal is lead generation, also read our guide to using a chat plugin for lead generation and conversions.

Troubleshooting a Messenger Button on WordPress

Messenger Opens the Wrong Profile or Page

Edit the Messenger channel and recheck the Facebook username. Make sure you copied the username from the intended profile or Page URL, then save and test the button again.

Messenger Does Not Appear in the Widget

Go back to Channels and confirm that Messenger is still part of the widget. Then check the channel’s desktop/mobile visibility controls and any page filters or business-hours rules you have enabled.

The Widget Covers Content on Mobile

Open Customizations and adjust the widget position, size, or spacing. Test the live page on a real phone and make sure the floating button does not overlap menus, forms, consent banners, or WooCommerce controls.

Final Discussion

To add a Messenger button to WordPress with Bit Assist, you only need a few core steps: create the widget, add Messenger, enter the correct Facebook username, customize the widget, and test the destination.

The optional channels are useful when they solve a real visitor need. FAQ can handle repetitive questions, WooCommerce can surface order information for eligible customers, and other messaging or form channels can give people an alternative when Messenger is not their preferred contact method. You can also see our separate guide on how to add a Signal button to WordPress if Signal is relevant to your audience.

Most importantly, describe the setup accurately. The Bit Assist Messenger channel gives visitors a route into Messenger; it does not bring the discontinued Facebook Chat Plugin back as an embedded WordPress inbox.

Frequently Asked Questions

What should I use to add a Messenger button to WordPress?

You can use a WordPress contact widget such as Bit Assist. It lets you add Messenger as a channel without coding and can place other supported contact options in the same floating widget.

Can I add a Messenger button to WordPress without coding?

Yes. With Bit Assist, you can create a widget, select the Messenger channel, enter the Facebook profile or Page username, and configure the channel from the WordPress dashboard without writing code.

Does the Messenger chat button create a live chat box inside WordPress?

No. Meta discontinued the old Facebook Chat Plugin. The Bit Assist Messenger channel acts as a contact button that directs the visitor toward Messenger using the Facebook profile or Page username you configure.

Should I add other contact channels alongside Messenger?

Only when they are useful for your audience. Bit Assist can place Messenger alongside other supported messaging, contact, and self-service channels so visitors can choose another route when needed. Some channels and features require Pro.

Can a Messenger button help generate more inquiries?

It can reduce contact friction for visitors who already use Messenger, which may encourage more people to reach out. It does not guarantee leads or conversions, so track widget engagement and your actual business outcomes separately.

Written by
Sadia Gungun
Hi. This is Sadia Gungun. I am a full-time technical content writer. With a strong focus on WordPress core functionality, I write extensively about how plugins function within the WordPress ecosystem that empowers users to enhance their websites.

Related Blog