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 rename “Cart” in the menu in WEBNODE e-shop?
Would you like to rename the cart in the e-shop in Webnode from "CART" to "My Cart"? With my simple tutorial, you will definitely be able to do it. Just subscribe to my newsletter - William Promotions News - and get the pre-prepared code. In the code, you can...
How to add pencil animation (type&swipe) to a website/e/shop in WEBNODE?
Do you want to attract your audience? Would you like to improve your website? I have created a code for you that will allow you to display an animation of a writing pencil on your website or e-shop in WEBNODE. You can choose your own text in the code so...
How to add FAQ bookmarks to your website/e-shop in Webnode?
Would you like to add a FAQ bookmarks to the WEBNODE website or e-shop? In tutorial How to show and hide text after clicking the "More text" button? I showed you an easy way to hide text on the web. In this tutorial, I will show you how to use my code to create your...
How to create a simple business card website for FREE?
Create your first bussiness card website with WebnodeWhat is a business card website? A business card website is a simple website that briefly and clearly presents your services or products. It is a simple website that is used to obtain basic information about your...
How to add hyperlinks into footer in Webnode?
Would you like to add your own footer to the web / e-shop in Webnode?Would you like to add a redirect to the website or e-shop in Webnode or link to your terms and conditions & GDPR to the footer? With my simple tutorial, you will definitely be able to do it. Just...
How to hide the category “all products” in the list of products in the e-shop from Webnode?
How to hide the "All Products" category in the product listing on the Webnode?In the tutorial How to hide the cart in the eshop in Webnode? and How to hide the article publication date in Webnode? we have shown how easy it is to "hide" something in Webnode....
How to hide (remove) publish date in Webnode blog posts?
How to hide the publication date of posts in Webnode?In the tutorial How to hide the cart in the eshop in Webnode? i have shown u - how easy it is to "hide" something in Webnode. Learn how to easily remove a date from an article on your blog in Webnode in this quick...
How to add falling confetti to your WEB/E-SHOP ?
How to add animation - falling confetti to Webnode websites?I got an question in my Webnode free support if it is possible to add an animation of falling confetti on the Webnode website. Yes, it is possible - for everyone who is looking for "falling confetti on the...
How to connect Google Tag Manager with Webnode website?
What is Google Tag Manager? and why you need it?Online marketing requires embedding of various measurement codes on your website or e-shop. In order to avoid having to insert each tracking code "manually" into the header or footer of the website, you can use the...
Do you like this tutorial? Share it, please 🙂
