How to create Facebook “Message Us” button to your website

Update: This article explains how to create a “Message Us” button for your website using a plugin. If you’re looking to build a Facebook Messenger Chatbot for your business, click here. Follow my Facebook Page for daily Facebook advertising tips.

Facebook is eating the internet in many ways, one of them is definitely Messenger – it is changing the way we communite with each other, and with brands. Facebook launched bots for Messenger in f8 2016, not everyone is excited about it but we see the way it might change a lot of things, one of them being online customer service for brands.

Like it or not, messaging is one the most important element for ecommerce in our part of the world. No matter how well you build your ecommerce website, how you strategize and educate your customers towards better online shopping experience, we still can’t really get rid of “PM”.

From our experience working with brands in website development projects (yes we build award-winning websites), we see an increasing number of clients asking for live chat feature for their new website. While live chat isn’t bad at all, but there’s a problem in terms of user experience and management – most free plugins require user to login via desktop/laptop to manage conversation. It is actually not quite user friendly.

When Facebook rolled out a bunch of enhancement and new features around Messenger, we saw the possibility of Messenger taking over those softwares and become THE ANSWER for online customer service.

First of all Facebook Page Plugin allows you to create a conversation box in your Page box that you usually place in your website, like this:

Screen Shot 2016-06-18 at 12.24.27 AM

How do we do that? First visit, you’ll see this:


Follow the steps:

  1. Insert your Facebook page URL
  2. Replace the default “timeline” with “messages”
  3. Check this if you’re not sure what is your plugin container width (advisable)

Pretty simple way to create another avenue for your website visitor to start conversation with you.

Alternatively, many have seen the “Message Us” button being featured everywhere but not sure how to get that. While getting the button officially may require some technical knowledge to setup in Facebook Developers, there’s actually an easier way to get that.

Screen Shot 2016-06-15 at 12.36.23 AM

First visit, you’ll see this:


Follow the steps:

  1. Insert your Facebook page URL
  2. Insert the button message
  3. Choose button design
  4. Copy the code and paste it in your website using widgets, etc.

Go ahead and try, let us know if you have any other interesting methods or strategies in using the features.

Jason Gan