Hledáte způsob jak na webové stránky u Webnode vložíte ikonky soc. sítí do horní části webu? 
V návodech Jak propojit Facebook s webem? a Jak propojit www stránky se sociální sítí Instagram? jsme si ukázali jak Váš web můžete různými způsoby propojit se soc. sítěmi Facebook a Instagram.
V tomto návodu si ukážeme další velmi jednoduché řešení pro soc.siete FB / Instagram a to přidání ikonek soc. sítí do horní části Vašeho webu (vlevo/nahoru).
#1. První krok je úprava URL adres pro Vaše sociální sítě v kódu nižšie.
Na řádku č. 23 v kódu upravte hodnotu URL-ADRESA-PRE-INSTAGRAM pro Instagram.
Přepište hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vašeho Instagramu. (Např. URL adresa pro můj Instagram je: https://www.instagram.com/iamwilliam5/ )
Na řádku č. 28 v kóde upravte hodnotu URL-ADRESA-PRE-FACEBOOK pro Facebook.
Přepište hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vašeho Facebooku. (Např. URL adresa pre moju firmu na Facebook je: https://www.facebook.com/webgrowcz/ )
#2. Druhý krok je vložení upraveného kódu do hlavičky stránek.
V horní liště editoru klikněte na 
a zvolte např. „Úvodní stránku“ a pokračujte možností „SEO Nastavení stránky“ a upravený kód vložte do sekce „HTML kód v hlavičce„.
Kód vložte do hlavičky na všechny stránky na kterých to chcete mít 🙂
Potřebný kód je:
TIP: Vložte si na web online chat pro rychlejší komunikaci s návštěvníky Vašeho webu. Doporučuji službu, která je zdarma – Smartsupp
Další návody
Jak na webové stránky vložit mapu z Mapy.cz?
Jak na Vaše webové stránky vložit mapu od Mapy.cz?V návodech Jak správně nastavit Google Mapu ve Webnode? a Jak si vytvořit mapu s vlastními body (špendlíky na mapě)? jsme si ukázali jednoduché řešení pro přidání mapy na web přes služby od Google. V tomto návodu se...
Jak na web pridať padajíci konfety?
Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...
Jak propojit Google Tag Manager s webem od Webnode?
Co je to Google Tag Manager?Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód "ručně" do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na...
Jak skrýt nákupní košík v e-shopu Webnode?
Jak skrýt nákupní košík v e-shopu Webnode?Máte u společnosti Webnode vytvořený e-shop a chtěli byste skrýt nákupní košík v menu a tlačítko "Přidat do košíku", abyste mohli využívat e-shopové prvky jako např. přidávání produktů, avšak nechcete využívat e-shop jako...
Jak zvýšit prodej v e-shopu o 7-18%?
Chcete zvýšit prodej na Vašem e-shopu? Máte návštěvníků, avšak jen málo lidí si něco koupí? V tomto návodu Vám ukážu skvělý způsob jak zvýšit prodeje v e-shopu. Jsou to notifikace. Ano - obyčejné, pro někoho možná otravné, notifikace. Online nástroj Notifikuj.cz se mi...
Jak na web ve Webnode vložit anketu?
Chcete na webové stránky ve Webnode vložit anketu?Online dotazník zdarma (anketa na web) je jeden z nejčastějších způsobů jak dostat od návštěvníků webu zpětnou vazbu. Bez zpětné vazby je obtížné posoudit, zda na své zákazníky působíte správné a zda má vůbec Vaše...
Jak přidat obrázek GIF ve Webnode?
Chcete na web ve Webnode vložit GIF obrázek? Systém Webnode nepovoluje gify, když je vložíte jako obrázek. Z tohoto důvodu musíte nejprve požadovaný .GIF obrázek nahrát na externí stránku a získat tak URL adresu obrázku. Získanou URL adresu vložíte do kódu a HTML kód...
Online rezervační systém na web? Recenze systému, který se přizpůsobí každému podnikání
Chcete na Váš web přidat spolehlivý a jednoduchý online rezervační systém? Reservanto je nejlepší rezervační systém, který nabízí verzi Zdarma bezplatně a to dožitovne. Jedním z cílů Vašeho webu může být například vytvoření rezervace. Nejčastěji tuto formu využívají...
Jak propojit Facebook Messenger s webem u Webnode?
Chcete propojit Facebook Messenger s webem u Webnodea získat tak "online chat" na webu zcela zdarma? Jednoduchý návod na propojení webu u Webnode s Facebook Messenger Facebook Messenger je skvělou volbou pro komunikaci s návštěvníkem Vašeho webu. Po kliknutí na...
Líbil se ti tento návod? Pošli ho přátelům 🙂
- Webnode slevový kód 2026 – 15 % sleva na Premium plány - 10.12.2025
- Jak vytvořit webové stránky pro pronájem karavanu? - 6.5.2025
- Jak si založit Webnode e-shop v roce 2025? - 5.1.2025
Dobrý den,
díky za návod. Ale spíš by se mi hodilo vložit ikony na konec stránky do patičky, nebo před ní. Můžete mi prosím poradit? Díky Jirka
Zdravím Jirka,
ďakujem za zastavenie na mojom webe.
Inšpirovali ste ma k napísaniu nového návodu: Jak na web ve Webnode přidat ikonky soc. sítí do DOLNÍ části webu?
Čo myslíte? Bola by táto možnosť pre Vás vyhovujúca?
S pozdravom
Viliam
Dobrý den, existuje nějaká varianta, že byste sem mohl hodit návod, jak widgety umístit pod sebou na levou stranu webové stránky a ne na horní lištu?
Našel jsem si stránky typu ShareThis, kde tuto možnost nabízí, nicméně není tam zahrnuta varianta instagramu, stejně jako tomu je u AddThis.
Děkuji a přeji hezký den 🙂
Petr
Dobrý deň,
ďakujem za komentár.
Pridal som nový návod pre pridanie ikoniek soc. sietí Addthis.com, ktorá umožňuje pridať ikonku Instagram/fb do pravej dolnej časti webu.
Viď. návod: Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?
Čo myslíte? Pomohlo by Vám to?
Do ľavej časti to bohužiaľ cez túto službu Addthis asi nepôjde.
S pozdravom
Viliam