Tips to Embed Facebook Message Buttons

A preferred mode for communicating with people all over the world on the Internet has always been Email. Email addresses of the Websites are put on the web pages and make them hyperlinks by a click using the mail to protocol. Even if things are changing a lot, email is still playing an important role and mostly the new generation is preferring instant texting and messaging apps like Facebook Messenger over email by embedding the Facebook Message buttons in your website. And nowadays writing an email feels as boring as creating a resume for some people.


The following steps explain the various techniques that how the Facebook Messenger button can be embedded in your website. When the Message Me button is selected, it directly allows them to launch the Facebook Messenger app on the website if they are on the desktop or on their mobile phone. If you have your own Facebook account, you can to receive messages on your Facebook page or your Facebook profile.

1 : Simple Facebook Messenger Link


All the thing that you have to do is to simply replace “XYZ” in the snippet below along with your Facebook’s pride username. If you aren’t having a username yet, instead you can make use your numerical Facebook profile ID. The link may be customised with CSS to resemble a button as shown in the video.

Tip: If you are not able to see messages sent to your Facebook profile or account, it is just because Facebook can automatically hide messages from people who are not on your Facebook friends list or your Facebook contacts. Go to, click on “More” in the drop-down and choose the option “Filtered” to see all messages that are not visible in your main inbox.

2 : Facebook Messenger Button


The default Facebook Messenger button is rendered using JavaScript as already said. Unlike the previous section which allows you to send messages to personal profile as well, this button is available only to the owners of the Facebook Page to receive messages from other Facebook users.

It is easy to get started with this, a simple process of copy-paste of the following snippet in your blog template but never forget to replace “XYZ” with the numeric ID of you Facebook Page. You can also change the colour as white on white background button for a blue text.

Tip: If you are not able to use the Facebook Messenger button, it is almost said that your Facebook Page is configured not to receive any message. So, go to the settings of your Facebook Page, select General, Messages and switch on to the option which says “Allow people to contact my Page privately by showing the Message button”.

3 : Facebook Messenger Box

You could have seen that the Facebook Like box is embedded in websites but have you ever known that the same Facebook Like box also can include an inline form that allows any Facebook user to contact you even without leaving your webpage.


In this case, you have to replace “XYZ” in the snippet below with your pride username or your Facebook Page ID. Anyone who is logged into Facebook can message you from your website itself, similar to regular contact us forms.

Also, you must check for the Plugin to your Facebook Page to know more about all the other options of configuration which can easily be set by the use of the data attributes. This is the Facebook Message buttons can be embedded in your website.

You May Also Like Top 15 Best Google Chrome Extensions for Productivity