Below we will see how you can integrate the Facebook Messenger button into your website and get instant messages from anyone with a Facebook account. This will allow you to see the message on your Facebook page or 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 activated plugins to block ads. You can also embed them connections in email newsletters.
All you have to do is replace "iguru.gr" in the following code with the numeric ID of your Facebook profile or username. The link can be customized with CSS to make it 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 a { cursor: pointer; }
Of course you can change the parameters and color your button as you like it.
Advice: If you do not see the messages sent to your Facebook profile, it is because Facebook automatically hides messages from people who are not in your contact list. Go to facebook.com/messages, click on "More" and select "filtered" to see all the messages that do not appear in your inbox.
2. Facebook Messenger button
Αυτό είναι το προεπιλεγμένο κουμπί του Facebook Messenger και χρησιμοποιεί JavaScript. Σε αντίθεση με την προηγούμενη επιλογή που επιτρέπει αποστολή μηνυμάτων στο προσωπικό προφίλ, αυτό το κουμπί είναι διαθέσιμο μόνο στους ιδιοκτήτες σελίδων στο Facebook για να μπορούν λαμβάνουν μηνύματα από άλλους users of Facebook.
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
Have you seen Facebook Like box built into websites, but did you know that the 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.
