Add an Embeddable Facebook Messenger Message Button to your website

Add an Embeddable Facebook Messenger Message Button to your website



You can manage your customer questions instantly from a dedicated Facebook Messenger messaging channel facilitated by Zoho Desk. This feature also allows businesses to communicate the latest business trends, track their sales, and more. The User-experience on Messenger is simple, familiar, and relatable and has the potential to accelerate the adaptation of Instant Messaging for business communications.

Why should you add a Facebook Messenger chat button to your website?  

  1. The embeddable button allows your website visitors to engage with your business whenever they want to. 
  2. It also frees the customers from the burden of waiting for answers to their most pressing concerns and questions.  

How to add a Facebook Messenger chat button to your website  

To set up the embeddable message button, you will need the details of the linked Facebook Page. With this detail that you have provided, a unique reference link will be generated for the Facebook business account.


There are three ways to enable your customers to contact you via the Messenger messaging button: by setting it up as a chat option on your website.

    • Via a Link

    • Via a QR Code

    • Via a customizable Message Button (Code Snippet)

Regardless of which option you choose, you have to start by generating a Facebook Messenger Embed Code:

1. Navigate to the Setup icon (  ) in the top bar.

2. Select Instant Messaging under the channels option.

3. Select Messenger Channel.

4. Click on Configure.

5. Select the channel you wish to set up the embeddable button for.

6. Click on Generate Messenger Embed Code by hovering over the Channel options.




The chat link feature lets customers to click on an auto-generated Messenger chat link (reference link) and start chatting instantly through the Facebook Messenger messaging app. You can also enter a pre-filled message that will be displayed on your website.



 

2. QR Code 

You can also start chatting by downloading an auto-generated QR code. All you have to do is download the QR code and paste it on your website. You can also display it at your store (physical outlet) for customers to quickly scan and reach out to you through the Messenger app.

 


3. Message Button 

The third option is widely used. You can create a message button easily by using the customizable code snippet option.

 

Step 1: Customize the message button on the IM Setup by choosing the Message Button style.

 

(i) Choose the button size

    • Compact (or)

    • Standard

 

(ii) Choose the background color of the button

    • Primary (or)

    • Secondary

 

(iii) Enter the button text (This will be displayed on your website)

 

(iv) Choose the size of the button radius by moving the cursor over the desired size value and selecting it

 

On the right-hand side, you can see the Customized Message Button Preview, where you can review and copy the generated code snippet.




Step 2: Once you have customized the button based on your preferences, copy the generated code snippet.

 

Step 3: Find the right position to place the embeddable button on your website and paste the code snippet.

 

Finally, this chat setup of the customized message button will enhance your website and give your customers the instant support they need.