Hľadáte rýchly a spoľahlivý spôsob ako si na Vaše webové stránky vložíte Vaše aktuálne fotky z Vášho Instagramu?

 

V tomto návode si ukážeme 2 externé služby, ktoré zabezpečia zobrazenie aktuálnych fotiek z Vášho Instagramu na Vašom webe a samozrejme preklik, aby návštevníci mohli dať “Follow“.

Prvá služba je úplne zdarma. Druhá služba je spoplatnená jednorázovým poplatkom vo výške 10$.

Instagram widget pre Váš web pomocou služby Pixlee.com (zdarma)

1. Kliknite na tento odkaz, ktorý Vás presmeruje na stránky Pixlee.com

2. Zaregistrujte sa.

Kliknite pre registráciu

Vyplňte údaje 

Prihlás sa cez Instagram účet 1/3

Prihlás sa cez Instagram účet 2/3

Prihlás sa cez Instagram účet 3/3

3. Po autorizácii tejto online služby s Instagram účtom sa Vám zobrazí HTML kód Vášho “feedu”. Skopírujte si tento kód.

4. Vložte kód na web.

Kód vložte na miesto na webe kde chcete aktuálne fotky z Instagram zobraziť.

Prejdite do editácie webu na Webnode a pomocou tlačítka “+” a “HTML” vložte kód na web.

Na Vašom webe to bude vyzerať takto:

Instagram widget pre Váš web pomocou služby lightwidget.com (prémiový za 10$)

1. Kliknite na tento odkaz, ktorý Vás presmeruje na stránky lightwidget.com

2. Kliknite na tlačítko “Log In With Instagram” a prihláste sa pomocou účtu od Instagramu.

ako vložiť instagram na web

3. Upravte si widget podľa Vašich predstáv a keď budete hotový kliknite na “Get Code“.

4. Skopírujte si vygenerovaný HTML kód (CTRL+C) a zaplaťte 10$ kliknutím na tlačítko “Upgrade this widget“.

5. Vložte HTML kód na webové stránky.

6. Zmeny publikujte a máte hotovo. Widget sa zobrazí v publikovanej verzii Vášho webu.

UPDATE: 5.12.2019 – Z návodu bola ostránená služba Instawidget.net, ktorá bola zrušená a prestala fungovať. Službu som nahradil alternatívnou Pixlee, ktorá funguje skvele. 

TIP: Pridajte si ikonku Instagram a Facebook do pravého horného rohu na webe vo Webnode. Viac v návode: Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Ďalšie skvelé návody

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

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?

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?

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 ?

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?

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?

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 si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web.   Tvorba webu s...

Ako vo Webnode skryť dátum zverejňenia článku?

Ako vo Webnode skryť dátum zverejňenia článku?

Ako na webe vo Webnode skryť dátum zverejnenia článku?V návode Ako vo Webnode skryť košík v eshope? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako jednoducho môžete vo Webnode, odstrániť dátum z článku vo Vašom blogu....

Pomohol ti tento návod? Pošli ho priateľom 🙂

Follow me