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

Ako pridať recenzie z Facebook na web vo Webnode?

Ako pridať recenzie z Facebook na web vo Webnode?

Facebook Recenzie vo Webnode Facebook Recenzie - zdarma VS premium Facebook Recenzie - vyberte si ten správny typ Facebook Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Facebook na web vo Webnode? Pár slov na záver Facebook Recenzie HTML Widget -...

Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!

Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!

Vyskakovacie (pop-up) okno vo Webnode Vyskakovacie (pop-up) okno – zdarma VS premium Vyskakovacie (pop-up) okno - vyberte si ten správny typ Vyskakovacie okno (pop-up) a Webnode e-shop/web Vyskakovacie okno (pop-up) – mobil/tablet NÁVOD: Ako pridať vyskakovacie okno...

Ako pridať recenzie z Google na web vo Webnode?

Ako pridať recenzie z Google na web vo Webnode?

Google Recenzie vo Webnode Google Recenzie - zdarma VS premium Google Recenzie - vyberte si ten správny typ Google Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Google na web vo Webnode? Pár slov na záver Google Recenzie HTML Widget - Časté otázky...

Úspešný firemný web – návod, výhody, povinnosti a tipy!

Úspešný firemný web – návod, výhody, povinnosti a tipy!

Ako sme písali v článku Webnode recenzia, Webnode editor je vhodný pre širokú škálu používateľov. Prednedávnom sme si ukázali, že jednoduchosť a užívateľskú prívetivosť tohto online editora ocenia napríklad aj snúbenci, a to pri tvorbe svadobného webu. Webnode je...

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

O nástroji na tvorbu webu Webnode sme naposledy písali vo Webnode recenzii. V novinke 5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy sme Vám ukázali, aké funkcie sú súčasťou najvyššieho Prémiového balíčku. Majitelia e-shopov pripravte sa!...

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Vyskakovacie okno vo Webnode Vyskakovacie okno zdarma vs platená verzia Vyskakovacie okno šablóny Vyskakovacie okno a Webnode e-shop Ako vo Webnode pridať vyskakovacie okno? Záver Vyskakovacie okno - Časté otázky (FAQ)Vyskakovacie okno vo WebnodeChceli by ste na Vaše...

Svadobný web zadarmo

Svadobný web zadarmo

Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...

Webnode Recenzia

Webnode Recenzia

Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...

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

Viliam
Follow me