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 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....

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na Vaše webové stránky vložiť mapu od Mapy.cz?V návodoch Ako správne nastaviť Google Mapu vo Webnode? a Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali jednoduché riešenie pre pridanie mapy na web cez služby Google. V tomto návode sa...

Ako na web pridať padajúce konfety?

Ako na web pridať padajúce konfety?

Ako na webové stránky vo Webnode pridať animáciu - padajúce konfety?Do mojej Webnode poradne prišla otázka, či je možné na webe vo Webnode pridať animáciu padajúcich konfet. Áno je to možné - pre všetkých, ktorí hľadajú "padajúce konfety na web" som pripravil kód,...

Ako prepojiť Google Tag Manager s webom od Webnode?

Ako prepojiť Google Tag Manager s webom od Webnode?

Čo je to Google Tag Manager?Internetový (online) marketing vyžaduje vkladanie rôznych meriacich kódov na Váš web či e-shop. Aby ste nemuseli vkladať každý meriaci kód "ručne" do hlavičky,či pätičky webu môžete použiť službu Google Tag Manager, ktorá Vám umožní vložiť...

Ako zvýšiť predaj v e-shope o 7-18 % ?

Ako zvýšiť predaj v e-shope o 7-18 % ?

Chcete zvýšiť predaj na Vašom e-shope? Máte návštevníkov, avšak len málo ľudí si niečo kúpi? V tomto návode Vám ukážem skvelý spôsob ako zvýšiť predaje v e-shope. Sú to notifikácie. Áno - obyčajné, pre niekoho možno otravné, notifikácie. Online nástroj Notifikuj.cz sa...

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode e-shope skryť nákupný košík?Máte u spoločnosti Webnode vytvorený e-shop a chceli by ste skryť nákupný košík v menu a tlačítko "Pridať do košíku", aby ste mohli využívať e-shopové prvky ako napr. pridávanie produktov, avšak nechcete využívať e-shop ako...

Ako na web vo Webnode vložiť anketu?

Ako na web vo Webnode vložiť anketu?

Chcete na webové stránky vo Webnode vložiť anketu?Online dotazník zdarma (anketa na web) je jeden z najčastejších spôsobov ako dostať od návštevníkov webu spätnú väzbu. Bez spätnej väzby je ťažké posúdiť, či na svojich zákazníkov pôsobíte správne a či má vôbec Vaše...

Ako pridať obrázok GIF vo Webnode?

Ako pridať obrázok GIF vo Webnode?

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...

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