Site icon
 William Promotions

How to add social icons into footer in Webnode CMS?

Viliam
 Viliam

Webnode

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

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!

Webnode

More awesome tuts

Ako vytvoriť Google Maps API kľúč?

by | Mar 1, 2025 | , ,

V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč. Ak chcete...

Webnode Recenzia

by | Jan 1, 2025 | ,

Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...

Was this tutorial helpful? Share it, please.

Create NEW website now
Follow me
Latest posts by Viliam (see all)
Exit mobile version