Do you need to insert a widget for linking a Facebook site to a website?

 

In tutorial How to add a social network icons (FB and Instagram) to the top of the Webnode website? I have shown an elegant solution for linking soc. networks with your website. Let’s now take a look at Facebook and yours other options.

In this tutorial i will show you 2 types of free widgets to link your site to Facebook.

1. The first option is to use an external service from piliapp.com

On that site you simply put a link to your Facebook page.

And then you copy the HTML code and put it on your Webnode website.

Warning:
You need to use the Facebook Business Page instead of your Facebook profile.

Generated HTML code put on your website. In the web editor in Webnode, click + and HTML.

2. The second option is to link the website directly with Facebook DEV using Facebook Developer.

On Facebook Developers, you can choose from multiple options to connect to the FB site. For example:

After selecting a right widget, you can add a URL address of your your Facebook Business page in the configurator and modify the widget…

When you are done click on Get Code. (on Facebook Page of course)

You will get 2 codes 

Insert the HTML code from the first column into the header of each page on which you want to have the FB widget.

In the Webnode page editor, click on “Pages” – “Select a page” – “SEO Settings” – “HTML Header“.

Then paste the code from the second column into the web using + and HTML. Insert code to the place where you want to show the widget.

 Example of Facebook Page Plugin:

 

TIP: Connect your Instagram easily with your website. Read more in tutorial How to link your Instagram with website in Webnode?

TIP: Put online chat on the web for faster communication with visitors to your site. I recommend a service that is free – read more in tutorial for Smartsupp

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