How to add social icons into footer in Webnode CMS?

by | Mar 26, 2021 | All tutorials, Widgets | 1 comment

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:

 

Webnode DEMO website with social icons

In this tutorial I will show you an online application that will allow us to add soc icons. networks to the bottom of your website.

List of social network icons is really large and the basic ones such as Facebook, Linkedin, YouTube, Instagram, Pinterest or Twitter are there.

No technical skill required to connect this service to your Webnode website.

Elfsight is free and you don’t have to pay anything at all.

✎ DIY Tutorial: How to add soc icons. networks to the bottom of your WEBNODE website?

1. Register for free —> www.elfsight.com (in menu choose Widgets and Social Media Icons)

Soc.siete Elfsight navod na webnode

2. Add social icons. depending on what social networks you use and set your URL addreses and click on Add to website

2. vyber si typ nástroj

3. Click on button “Add to website”

4. Choose free version (you can upgrade to premium later if needed)

5. On the “Add to website” page, copy the code that will be used to connect this service to your website.

List of social networks icons available for you in Elfsight

Ikonky soc. sietí v Addthis.com - ukážka všetkých ikoniek

6. Log in to Webnode CMS and paste the code into HEADER of all pages of your website.

Now, please choose the way how to insert the code, depending on what Premium plan you have purchased from Webnode:

 

1. I have purchased Premium plan Standard or Profi

If you have purchased Standard or Profi Premium Services from Webnode, you can paste the code into all pages of the site with a single paste.

At the top of the editor, click “Settings” – “Website Settings” – “HTML Header / Footer” – “HTML Header“.

2. I have website in the Free version or I have purchased the Premium Plan Limited or Mini.

If you have a website created in the Free version or you have purchased the Limited or Mini Premium Plan, then you must insert the code in the header on each page separately.

1. Paste the code in the header of each page:

7. Now just publish the changes and you are DONE.

I am happy for you!

I’m glad you read to the end and added social network icons to your Webnode website.

I hope everything went smoothly.

Please write to me in the comments if you succeeded.

I keep my fingers crossed for your online business. Good luck!

More awesome tuts

How to show and hide text on click?

How to show and hide text on click?

by | Feb 2, 2019 | ,

You have too much text on your website, and you need to show / hide the text by clicking the text, for example, "More info" ? Read more...   If you have a lot of text on the web and you want to hide the text elegantly and click the button, for example, To view it...

How to add a countdown timer in Webnode?

How to add a countdown timer in Webnode?

by | Jan 31, 2019 | ,

Countdown time in the WebnodeDo you need to add countdown timer HTML code to your website? Are you planning a wedding, party or opening a new restaurant and want to keep everyone on edge? No problem.1. Use the script to count down the time:xxx xxx On line no. 1 you...

Was this tutorial helpful? Share it, please.

Create NEW website now
Viliam
Follow me
Latest posts by Viliam (see all)
0 0 votes
Article Rating
Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Elin A
Elin A
3 years ago

You are a literal lifesaver! Thank you so much for your amazing help!

0
Reply