Do you want to link Facebook messenger to a Webnode website and get online chat for free?

 

Simple tutorial – Webnode with Facebook Messenger

Facebook Messenger is a great choice for communicating with your website visitors.

You can connect FB messenger with Webnode easily. Clicking on the icon on your website opens the chat window/online chat.

Of course, Facebook Messenger is free 🙂

I use this great tool to communicate with my clients on my website. (<- click to preview the site with Facebook Messenger)

Warning:

1. Facebook Messenger can only be used with a Business Page (Facebook).

2. Your website needs an SSL certificate (https://)

3. To get the code, you must be the administrator of the FB page.

I split the tut instructions into two parts:

1. Get the online chat code on Facebook

2. Embed code on the web

Example:

Example:

WOW, I WANT THIS ON MY WEBSITE!

1. To get the code, you must have a Business Page created on Facebook. If you don’t have your company page on FB yet, create one for free.

After creating the page, proceed to “Settings” – “Messages“.

Then set your language and start message and then add your website domain to whitelist and copy the code.

2. You can now paste the copied Facebook Online Chat code into your Webnode site on each page where you want to view the chat. Paste the code into the body of the page using the “+” and “HTML” buttons and publish the changes.

YOU ARE DONE – after entering the code, Facebook Messenger will work and you will see it only in the published version of the web 🙂

More awesome tutorials

How to add a playlist or album from Spotify to the Webnode website?

How to add a playlist or album from Spotify to the Webnode website?

In the tutorial "3 easy ways to embed an online MP3 player on the web", I showed you very simple way to embed a music player on your Webnode website. Let's take a look at your other options together.Do you LIKE Spotify?Simply embed your Spotify playlist / album to...

How to rename “Add to cart” button in Webnode e-shop?

How to rename “Add to cart” button in Webnode e-shop?

Would you like to rename the "Add to cart" button in Webnode?In tutorial "How to rename" CART in the menu in the WEBNODE e-shop?" i showed u how to rename CART in the menu. Let's take a look at your other options. Webnode for e-shops is a great choice for your online...

How to set up your own font in Webnode using Google Fonts library?

How to set up your own font in Webnode using Google Fonts library?

VideotutorialWould you like to change the font in Webnode to one of the Google Fonts?   Few words at the beginningWebnode enables you to change the font on your website under section: “Settings” – “Design” – “Fonts”. Of course, Webnode editor offers the most used...

How to add social icons into footer in Webnode CMS?

How to add social icons into footer in Webnode CMS?

Would you like to add social icons like Facebook, Instagram, YouTube etc. to the FOOTER of your WEBNODE website?Social networks like Facebook or Instagram are popular topics on my website. I wrote these tutorials:   How do I easily link my Facebook to my website...

How to add a searchbox in Webnode website or e-shop?

How to add a searchbox in Webnode website or e-shop?

Would you like a searchbox (searchbar) on your e-shop/website from WEBNODE?Are you looking for a simple and stylish search box that you can put on your website or e-shop in Webnode?Video-tutorialVideotutorial is only in Slovak language.In tutorial How to add a custom...

Do you like this tutorial? Share it, please 🙂

Follow me