Documentation: WP FB Messenger Button

Installation Instructions

Login to Messenger in Desktop/Mobile to use WP Messenger Contact Button

  • Unzip wp-viber-contact-button.zip file.
  • Upload all the files to the /wp-content/plugins/wp-fb-messenger-button.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • For customizing the plugin’s settings, click on ‘WP FB Messenger Button’ menu in WordPress left admin menu

Get Started

Once you have successfully installed the plugin, check for the WP FB Messenger Button on the left admin menu and click on it.
Once you click on that menu , you will see the plugin’s landing page with various tabs on the left.

Here you set the content and behavior of the plugin. WP FB Messenger Button basically consists of 6 major tabs in the plugin menu which is individually described below

    • User Details
    • Floating Button
    • Menu Settings
    • Shortcode Generator
    • About
    • How to use

User Details

        • This setting allows you to add the valid facebook username to communicate via messenger

Floating Button

      • Display Settings

        • Hide In Desktop :Enable the button to hide in Desktop
        • Hide In Mobile : Enable the button to hide in mobile
        • Enable Button Text: Enable button to add button text
        • Button Text Align : Choose the align of button text align with icon
        • Button With Only Text : Select if you want button with text only without icon
        • Enable Sticky :Enable to make your messenger button sticky
        • Enable Tooltip: Enable to display tooltip with the messenger button
      • Template Settings

        • Ten different button templates are avialable to display Messenger in Menu
        • This setting allows you to add the selected FB Messenger Button template to display from the available templates.

         

        Color Settings

        • Icon Color: Customize your icon colors
        • Icon Backgroung Color: Customize icon background color
        • Text Color: Customize text color
        • Button Color: Customize button color

         

        Animation Settings

        • This setting allows you to add animation in the selected button templates in the FB Messenger Button.
        Button Position

        • This setting allows you to select the button position of messenger to display in your website.
        Page/Post/Category List

        • Pages:This option allows you to select the specific or all pages option.
          • All Pages :On selecting the all the FB Messenger is added to all the pages available in Website
          • Specific Pages :On selecting the specific,list of pages avialable are listed below you can select the page to display the Messenger Button
        • Posts:This option allows you to select the specific or all post option.
          • All Posts :On selecting the all the FB Messenger is added to all the post available in Website
          • Specific Pages :On selecting the specific,list of post avialable are listed below you can select the post to display the Messenger Button
        • Category:This option allows you to select the specific or all category option.
          • All Category :On selecting the all the FB Messenger is added to all the category available in Website
          • Specific Category :On selecting the specific,list of post avialable are listed below you can select the category to display the Messenger Button
      • General Settings

        • Show Button on Menu : Enable to add the Messenger in the Menu tab.
        • Menu Position : Select the position to display in Menu tab
        • Enable Button Text: Enable to show Messenger button with text
        • Button Text : Add text to display on button with icon
      • Template Settings

        • Five different button templates are avialable to display Messenger in Menu
        • This setting allows you to add the selected FB Messenger Button template to display from the available templates.

         

        Color

        • Icon Color: Customize your icon colors
        • Icon Backgroung Color: Customize icon background color
        • Text Color: Customize text color
        • Button Color: Customize button color

         

        Menu Option

        • This setting allows you all the aviable menu option in your website,the avaiable menu depends on the theme you use.

Shortcode Generator

      • Display Settings

        • Hide In Desktop :Enable the button to hide in Desktop
        • Hide In Mobile : Enable the button to hide in mobile
        • Enable Button Text: Enable button to add button text
        • Button Text Align : Choose the align of button text align with icon
        • Button With Only Text : Select if you want button with text only without icon
        • Enable Sticky :Enable to make your messenger button sticky
        • Enable Tooltip: Enable to display tooltip with the messenger button
      • Template Settings

        • Ten different button templates are avialable to display Messenger
        • This setting allows you to add the selected FB Messenger Button template to display from the available templates.

         

        Color Settings

        • Icon Color: Customize your icon colors
        • Icon Backgroung Color: Customize icon background color
        • Text Color: Customize text color
        • Button Color: Customize button color

         

        Animation Settings

        • This setting allows you to add animation in the selected button templates in the FB Messenger Button.
        Button Position

        • This setting allows you to select the button position of messenger to display in your website.
        Contact Details

        • This setting allows you to add valid FB Username to communicate via Messenger.
        Generate Shortcode

        • Selecting all the avialable option generate shortcode on clicking button Click Me to Generate Shortcode copy the shortcode and paste on post/page/widget to display the Messenger button.


Customer chat button For Pages

If you want to use the customer chat button for your page you can use this settings to display the chat button on your site.

Note: Please go to your facebook page, On the right side there you will find the settings link. Pleaes click on the ‘settings’ link. Afer that please go to ‘Messenger Platform’. On the Whitelisted domain please enter your site’s domain and click save. Now just below there you will find ‘Customer Chat plugin’ on the right there you will find ‘Setup’ button. Click on it and a popup will appear and configure the app as per you need. At last please check I’ve added the code to the website and click finish. Now setup the details below as per your need.

Widget Settings

Copy the genareted shortcode in the widget,to display the messenger to display Messenger in Widget.


Themes Compatible with the Plugin :

WP FB Messenger Button works best with every WordPress theme. It is even more remarkable when used with popular themes like VMagazine and AccessPress Parallax.

Also, you might want to check out,

AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.