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

Ako prepojiť Facebook Messenger s webom u Webnode?

Ako prepojiť Facebook Messenger s webom u Webnode?

Chcete prepojiť Facebook Messenger s webom u Webnode a získať tak "online chat" na webe úplne zdarma?   Jednoduchý návod na prepojenie webu u Webnode s Facebook Messenger Facebook Messenger je skvelou voľbou pre komunikáciu s návštevníkom Vášho webu. Po kliknutí na...

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Hľadáte jednoduché riešenie pre e-mailový marketing vo Webnode? Chcete na Váš web vložiť vyskakovacie okno (pop-up) pre zber e-mailov? Posielajte svojim odberateľom novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odberateľov a 12 000 e-mailov...

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

Viliam

Jednatel vo Webgrow s.r.o.
Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou. Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.


Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions


Pripojte sa prosím do môjho newslettra a
z
ískajte zdarma návody a tipy na tvorbu webu

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)