Below we will see how you can integrate its button Facebook Messenger on your website and be able to receive instant messages from anyone with a Facebook account. So you will be able to see the message on your Facebook page or on your personal profile.
1. Use a simple Facebook Messenger link
The default Facebook Messenger button can be created using JavaScript, but you can write it in pure HTML without JavaScript being required.
The advantage is that these buttons will appear even if the user has enabled plugins to block ads. You can also embed the links in email newsletters.
All you have to do is replace "iguru.gr" in the code below with the numerical ID of your Facebook profile or username. THE connection can be customized with CSS to look like a button.
Message us on Facebook
The CSS you can use by adding it directly to the style.css of your page is as follows:
.fb-messenger span {background: #496aff none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-family: 'Arial', sans-serif; font-size: 14px; padding: 6px 8px; white-space: nowrap; } .fb-messenger and {cursor: pointer; }
Of course you can change the parameters and color your button as you like it.
Advice: If you don't see messages sent to your Facebook profile, it's because Facebook automatically hides messages from people who aren't on your contact list. Go to facebook.com/messages, click “More” and select “filtered” to see all the messages that don't appear in your inbox.
2. Facebook Messenger button
This is the default Facebook Messenger button and uses JavaScript. Unlike the previous option that allows messages to be sent to personal profile, this button is only available to Facebook page owners to receive messages from other Facebook users.
Copy and paste the following code into your blog, but remember that you need to replace "iguru.gr" with your numeric ID that your Facebook page has.
Advice: If you cannot use the Facebook Messenger button, it is possible that your Facebook page is set to not receive messages. From the Facebook settings, select General, messages and select the option that says "Let users communicate privately with the page by pointing to the Message button".
3. Facebook Messenger Box
You have seen it Facebook Like box embedded in web pages, but did you know that same box can also include Facebook Messenger? The feature allows someone to contact you without leaving your website.
In this case you should replace "iguru.gr" in the above code with the username or ID of your Facebook page.
In the above code you can change the numbers of "data-width" and "data-height" to adjust the box to your measurements.
