Chcete na web vo Webnode vložiť GIF obrázok?

Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok.
Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku.
Získanú URL adresu vložíte do kódu a HTML kód vložíte na Váš web vo Webnode pomocou tlačítka „+“ a „HTML„.
Návod na vloženie .GIF obrázku na web vo Webnode
- Nahrajte .GIF obrázok na externú službu, skopírujte si URL adresu obrázku a vložte ju do kódu namiesto URL-OBRAZKU. *Ak obrázok nahráte na iný server, uistite sa, že máte URL adresu s koncovkou obrázkou (.gif).
2. V kóde môžete upraviť hodnotu max-width na požadovanú veľkosť obrázku. V kóde je veľkosť obrázku nastavená na 100%. *Zmenou napr. na 50% môžete obrázok zmenšiť o polovicu.
3. Kód vložte na Vaše webové stránky pomocou tlačítka „+“ a „HTML„. (kód vložíte na miesto kde chcete gif obrázok zobraziť)
Potrebný kód k vloženiu GIF obrázku je:

Výborne – Po vložení kódu sa obrázok bude zobrazovať v publikovanej verzii Vášho webu.

Ďalšie skvelé návody
Ako presmerovať tlačítko „Pokračovať v nákupe“ na konkrétnu URL adresu vo Webnode e-shope?
Chceli by ste si vo Vašom e-shope vo Webnode nastaviť konkrétnu URL adresu na tlačítko "Pokračovať v nákupe" v košíku?V e-shope Webnode je tlačítko "Pokračovať v nákupe" v košíku preddefinované, aby návštevníka Vášho e-shopu presmerovalo na posledne navštívenú stránku...
Recenzia Weebly 2021 | Názory, postrehy a skúsenosti
Obsah RecenzieV recenzii Webnode sme si ukázali podľa môjho názoru najlepší nástroj pre tvorbu prezentačného webu, či jednoduchého e-shopu (v pomere cena vs kvalita / jednoduchosť). Poďme sa teraz spoločne pozrieť na ďalší nástroj pre tvorbu webu -...
Ako vložiť Facebook Pixel kód na web vo WEBNODE?
Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel? ...
Ako premenovať „Košík“ v menu vo WEBNODE e-shope?
Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ? S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...
Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?
Chcete zaujať Vaše publikum? Chceli by ste si vylepšiť Váš web? Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...
Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?
Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text. V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...
Ako vytvoriť jednoduchý vizitkový web?
Ako vytvoriť jednoduchý vizitkový web? (scroll-ovací web)Čo je to vizitkový web? Vizitkový web je jednoduchý web, ktorý stručne a jasne predstavuje Vaše služby, či produkty. Je to jednoduchá webová stránka, ktorá slúži pre získanie základných informácií o Vašej firme....
Ako si vytvoriť vlastnú pätičku vo Webnode?
Chceli by ste na web/e-shop pridať vlastnú pätičku (footer) vo Webnode?Chceli by ste si na webové stránky, či e-shop vo Webnode pridať presmerovanie resp. odkaz na Vaše obchodné podmienky&GDPR do pätičky? S mojim jednoduchým návodom to určite zvládnete. Stačí sa...
Ako skryť kategóriu „všetky produkty“ vo výpise produktov v e-shope od Webnode?
Ako na webe vo Webnode skryť kategóriu "Všetky produkty" vo výpise produtkov?V návode Ako vo Webnode skryť košík v eshope? a Ako vo Webnode skryť dátum zverejňenia článku? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako...
Pomohol ti tento návod? Pošli ho priateľom 🙂
- Webnode zľavový kód 2026 – 15 % zľava na Premium balíček - 11.12.2025
- Ako vytvoriť webové stránky pre prenájom karavanu? - 7.4.2025
- Webnode Recenzia - 1.1.2025

































Použil jsem váš návod na přidání obrázku GIF na Webnode, ale nezobrazil se mi. Místo URL-OBRAZKU jsem vložil adresu .gif vytvořenou na https://pictr.com/. Kde jsem mohl udělat chybu?
Děkuji
Jiří
Dobrý deň,
Uistite sa, že URL adresu obrázku máte s koncovou napr. xxx.com/muj-obrazek.jpg .
URL adresu s koncovkou vložte do kódu a kód vložte na web.
S pozdravom
Viliam
ako sa na webe pictr.com zaregistrujem? neviem najst tuto moznost
Ahoj Lucia,
Na webe pictr.com sa registrovať pravdepodobne už nedá, tak stačí keď použiješ inú externú službu pre nahranie obrázkov ako napr. https://imgur.com/upload alebo https://gifyu.com/?lang=sk
Dúfam, že sa Ti to podarí 🙂
Prajem pekný deň.
ahoj
chcem sa spýtať je možné spustiť gif po odoslaní napr. formulára
ďakujem za čas a odpoveď 🙂
Dobrý deň, pán Jaroslav,
ďakujem za zastavenie na mojom webe 🙂
Áno – dá sa to 🙂 Po kliknutí na formulár môžete nastaviť „Akciu po odoslaní“ – nastavíte, aby po odoslaní formuláru presmerovalo návštevníka na konkrétnu stránku. Túto stránku si musíte najprv vytvoriť a môžete ju nazvať napr. Ďakujeme a pod.
Na stránku „Ďakujeme“ vložíte následne HTML kód s Vašim GIF obrázkom a máte HOTOVO 🙂
Mrknite na článok, kde popisujem nastavenie akcie po odoslaní formuláru: https://www.wpromotions.eu/ako-pridat-konverzny-kod-vo-webnode/
TIP: Na túto ďakovaciu stránku si môžete pridať môj kód pre padajúce konfety. Po odoslaní formuláru sa Váš návštevník dostane na túto ďakovaciu stránku, kde sa mu automaticky spustia konfety a prípadne nejaké GIFko 🙂
Padajúce konfety nájdete tu: https://www.wpromotions.eu/ako-na-web-pridat-padajuce-konfety/
S pozdravom
Viliam