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
Webnode Review: How to create a website/e-shop for free (Webnode review 2023 +SEO TIPS)
Have you ever wanted to create your own website from scratch? Do you want to create a website or e-shop and make it visible on the Internet? Get started right now and learn how to easily create your first custom website.Creating a website with Webnode is so simple...
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 redirect “Continue shopping” button in cart in Webnode e-shop to OWN URL?
Would you like to set a specific URL in your Webnode e-shop for the "Continue shopping" button in your cart?In the Webnode e-shop editor, the "Continue shopping" button in the cart is predefined to redirect the visitor of your e-shop to the last visited page. Webnode...
How to add a top bar to WEBNODE website (with contact information and social icons)
You can easily add top bar with contact information, social networks icons or a currency switcher (in the e-shop) or a website language switcher (flags).In our Webnode Free News i was talking about 5 new features of the NEW Premium Business Package and 6 best WEBNODE...
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?
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?
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 snowflake animation to the Webnode site? Falling snow html code
Would you like to improve your Webnode site by animating the falling snow? No problem! In this tutorial, I'll show you how to add falling online snow to your site. Simple and free. Read more! #Let's go! 1. Log in to editing the Webnode site and paste the HTML code...
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 🙂
