Videonávod

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

On-page SEO nastavenia

On-page SEO nastavenia

On-page SEO nastaveniaPár slov na začiatokVitajte v desiatej, predposlednej, časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti nájdete krátke a stručné zhrnutie, čo je to SEO. Zameriame sa na on-page SEO nastavenia a ukážeme si, ako to...

Nastavenia webových stránok

Nastavenia webových stránok

Nastavenia webových stránokPár slov na začiatokVitajte v deviatej časti nášho seriálu Tvorba webových stránok - kompletný návod. Pomaly, ale isto sa blížime ku koncu. V tejto časti sa dočítate všetko o nastaveniach webových stránok vytvorených vo Webnode. Ako zakúpiť...

Ako pridať článok na web?

Ako pridať článok na web?

Ako pridať článok na web?Pár slov na začiatokVitajte vo ôsmej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti sa zameriame na články. Pridať nový článok, premenovať existujúci článok, pridať k článku kategóriu či vložiť na webové stránky...

Ako pridať obsahový blok na web?

Ako pridať obsahový blok na web?

Ako pridať obsahový blok na web?Pár slov na začiatokVitajte v siedmej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti sa dočítate všetko o práci s obsahom. Ako pridať obsah? Ako presunúť obsahový blok? Prejdeme si spolu všetky obsahové...

Ako pridať sekciu na web?

Ako pridať sekciu na web?

Ako pridať sekciu na web?Pár slov na začiatokVitajte v ďalšej, šiestej časti nášho seriálu Tvorba webových stránok - kompletný návod. Táto časť je zameraná na prácu so sekciami, tzv. funkciami. Ako pridať sekciu? Ako zmeniť pozadie? Prejdeme si spolu všetky funkcie,...

Ako upraviť hlavičku a pätičku na webe?

Ako upraviť hlavičku a pätičku na webe?

Ako upraviť hlavičku a pätičku na webe?Pár slov na začiatokVitajte v piatej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti, ktorá je obsahovo zatiaľ najobšírnejšia, si povieme ako upraviť hlavičku a pätičku webu. Ako nastaviť menu na...

Ako pridať a formátovať text na webe?

Ako pridať a formátovať text na webe?

Ako pridať a formátovať text na webe?Pár slov na začiatokVitajte v štvrtej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti si ukážeme ako pridať text, vysvetlíme si formátovanie či ako zmeniť kategóriu textu. Podelíme sa s Vami o...

Ako pridať obrázok na web?

Ako pridať obrázok na web?

Ako pridať obrázok na web?Pár slov na začiatokVitajte v tretej časti nášho seriálu Tvorba webových stránok - kompletný návod, s ktorým je tvorba webu hračkou pre každého. V tejto časti sa zamerieme na prácu s obrázkami vo Webnode a odpovieme si na najčastejšie otázky,...

Ako pridať novú stránku na web?

Ako pridať novú stránku na web?

Ako pridať novú stránku na web?Pár slov na začiatokVitajte v druhej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti sa zameriame na stránky. Pridať novú stránku, premenovať existujúcu stránku či skopírovať stránku na Vašom webe nebolo...

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

Follow me