How to Add Messenger Button on WordPress Website?

Creative, Pixel Perfect, One Page Parallax WordPress Theme. Fit for agencies or freelancers.

Messenger is one of the most popular chatting application used for communications from one place to another via instant messages or audio/video calls. It is quick, easy to use and user-friendly and is rated positively by their active users. Due to this reason, adding its chat options on your website can be the best way to make yourself available for any type of communication from your clients. By doing so, you can easily solve the pre-sale questions and boost the conversion rate of your website by 45%.

If you are a WordPress user then, you can find various type of WordPress plugin to integrate messenger contact button on your website. However, you will need to be careful while picking the right one for your WordPress website. You can go through the features of the plugin in terms of design, customization option, position option and many more.

Here, in this article, we will be using WP FB Messenger Button to show you how to add Messenger button on WordPress website. It is a premium WordPress plugin by AccessPress Themes that comes with cool button designs and various option to place your Messenger contact button in an eye-catchy way.

Major Features of WP FB Messenger Button:

  • 10 Predesigned Button Templates
  • 10 Different Hover Animation Effects
  • Custom Color Options
  • Page, Post and Category Selection Option
  • 8 Different Positions for Button Placement
  • Enable/Disable Button Text
  • Sticky/Floating Button
  • Add Button on Menu

Full Feature and Details of WP FB Messenger Button

Adding Messenger Button using WP FB Messenger Button:

Now let’s begin this tutorial and add an attractive messenger contact button on WordPress website:

Step 1:

WP FB Messenger Button - Premium WordPress Messenger Button Plugin

Purchase WP FB Messenger Button from CodeCanyon marketplace at a reasonable price of $10. Then, install it on your WordPress website. The installation of WP FB Messenger Button is similar to the installation of other WP plugins. So if you have any difficulties while installing the plugin then, you can refer to its documentation.

After that, activate it on your website.

Step 2:

Upon activating the plugin, you will see “WP FB Messenger Button” on the left menu of your admin area. Click on it to continue.

You will land to the user detail page where you need to add the user name of your Facebook account.

Step 3:

Now move on to the next tab – “Floating Button”. This tab contains different settings section for the Messenger Floating Button. They are:

Display Settings:

Here, you can enable/disable the messenger button on desktop and mobile. Besides, you can enable the button text and set the align for your messenger button.

Also, you can choose to display the button with text only, make your button sticky and add tooltip.


From here, you can choose any of the 10 pre-designed templates to choose the best matching messenger layout for your WordPress website.

Color Settings:

Here, you can customize the color of the button, text, icon and icon background.

Animation Settings:

Here, you can choose any of the 10 pre-designed animations to add cool animations for your messenger button.

Button Position:

From here, you can choose any of the 8 inbuilt button position to display the messenger button on the most favourable location of your site’s screen.


Here, you can specify the page, post and category where you want to display your messenger contact button.

Step 4:

If you want to add the messenger contact button on the menu of your site then, you can configure this tab. It contains different settings to display your messenger button on the menu. They are:

General Settings:

Here, you can set the position of the contact button on the menu. Also, you can enable the button text and add a custom text for the button text.


From here, you can select any of the 5 pre-available templates to add the most suitable messenger button on your site’s menu.

Color Settings:

Here, you can configure the color for the button, text, icon and icon background of the messenger button on the menu.

Menu Option:

Here, you can select the menu in which you want to display your messenger button.

Step 5:

Alternatively, you can add the messenger button anywhere on your WordPress website using the shortcode generator available on the plugin. It generates the dynamic shortcode as per the configuration and customization made on the settings. The settings include display settings, templates, color settings, animation settings, button position and contact details with the same options as on the floating button tab.

Step 6:

You can also add a customer chat button for page to enable your customer to chat with you on your Facebook page. In order to do that, add Facebook App ID and Facebook Page ID. You can also choose the theme color, logged in greetings and logged out greetings.

Wrapping Up

In this way, you can add Messenger contact buttons on your WordPress website and make yourself available to your clients for calls and messages. So, if you want to add a Messenger button on your WordPress website then, you can purchase the plugin at a reasonable price and follow this step by step tutorial.

You can also checkout the collection of:


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.