Hledáte rychlý a spolehlivý způsob jak si na Vaše webové stránky vložíte Vaše aktuální fotky z Vašeho Instagramu?

 

V tomto návodu si ukážeme 2 externí služby, které zajistí zobrazení aktuálních fotek z Vašeho Instagramu na Vašem webu a samozřejmě proklik, aby návštěvníci mohli dát “Follow“.

První služba je zcela zdarma. Druhá služba je zpoplatněna jednorázovým poplatkem ve výši 10 $.

Instagram widget pro Váš web pomocí služby Pixlee.com (zdarma)

1. Klikněte na tento odkaz, který Vás přesměruje na stránky Pixlee.com

2. Zaregistrujte se:

Vyplňte údaje

Přihlaste se přes Instagram účet 1/3

Přihlaste se přes Instagram účet 2/3

Přihlaste se přes Instagram účet 3/3

3. Po autorizaci této online služby s Instagram účtem se Vám zobrazí HTML kód Vašeho “feedu”. Zkopírujte si tento kód.

4. Vložte kód na web.

Kód vložte na místo na webu, kde si prajete zobrazit fotografie z Instagramu.

Pokračujte do editace webu ve Webnode a pomocí tlačítka “+” a “HTML” vložte kód.

Na vašem webe to bude vypadat takto:

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

1. Klikněte na odkaz, který Vás přesměruje na stránky lightwidget.com

2. Klikněte na tlačítko “Log In With Instagram” a přihlaste se pomocí účtu od Instagramu.

ako vložiť instagram na web

3. Upravte si widget podle Vašich představ a když budete hotový klikněte na “Get Code“.

4. Zkopí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. Změny publikujte a máte hotovo. Widget se zobrazí v publikované verzi Vašeho webu.

 

UPDATE z 5.12.2019: Z návodu jsem odstranil službu Instawidget.net, která přestala fungovat. Službu jsem nahradil alternatívou Pixlee, která funguje skvěle.

TIP: Přidejte si do pravého horního rohu ikony sociálních sítí FB a Instagram. Více v návodu Jak přidat ikony soc. sítí (FB a Instagram) do horní části na webu ve Webnode.

Další návody

Jak propojit Google Tag Manager s webem od Webnode?

Jak propojit Google Tag Manager s webem od Webnode?

Co je to Google Tag Manager?Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód "ručně" do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na...

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?Máte u společnosti Webnode vytvořený e-shop a chtěli byste skrýt nákupní košík v menu a tlačítko "Přidat do košíku", abyste mohli využívat e-shopové prvky jako např. přidávání produktů, avšak nechcete využívat e-shop jako...

Jak zvýšit prodej v e-shopu o 7-18%?

Jak zvýšit prodej v e-shopu o 7-18%?

Chcete zvýšit prodej na Vašem e-shopu? Máte návštěvníků, avšak jen málo lidí si něco koupí? V tomto návodu Vám ukážu skvělý způsob jak zvýšit prodeje v e-shopu. Jsou to notifikace. Ano - obyčejné, pro někoho možná otravné, notifikace. Online nástroj Notifikuj.cz se mi...

Jak na web ve Webnode vložit anketu?

Jak na web ve Webnode vložit anketu?

Chcete na webové stránky ve Webnode vložit anketu?Online dotazník zdarma (anketa na web) je jeden z nejčastějších způsobů jak dostat od návštěvníků webu zpětnou vazbu. Bez zpětné vazby je obtížné posoudit, zda na své zákazníky působíte správné a zda má vůbec Vaše...

Jak přidat obrázek GIF ve Webnode?

Jak přidat obrázek GIF ve Webnode?

Chcete na web ve Webnode vložit GIF obrázek? Systém Webnode nepovoluje gify, když je vložíte jako obrázek. Z tohoto důvodu musíte nejprve požadovaný .GIF obrázek nahrát na externí stránku a získat tak URL adresu obrázku. Získanou URL adresu vložíte do kódu a HTML kód...

Jak propojit Facebook Messenger s webem u Webnode?

Jak propojit Facebook Messenger s webem u Webnode?

Chcete propojit Facebook Messenger s webem u Webnodea získat tak "online chat" na webu zcela zdarma?   Jednoduchý návod na propojení webu u Webnode s Facebook Messenger Facebook Messenger je skvělou volbou pro komunikaci s návštěvníkem Vašeho webu. Po kliknutí na...

Jak si vytvořit web stránku jednoduše a zdarma (Webnode návod)

Jak si vytvořit web stránku jednoduše a zdarma (Webnode návod)

Chtěli jste si někdy vytvořit vlastní webovou stránku úplně od začátku? Chcete si vytvořit web nebo e-shop a zviditelnit se na Internetu? Začněte právě teď a naučte se jak si jednoduše vytvoříte svůj první vlastní web. Vytvoření webu s Webnode je...

Jak Nastavit Emailový Marketing ve Webnode přes MailChimp?

Jak Nastavit Emailový Marketing ve Webnode přes MailChimp?

Hledáte jednoduché řešení pro e-mailový marketing ve Webnode?   Chcete na Váš web vložit vyskakovací okno (pop-up) pro sběr e-mailů?   Posílejte svým odběratelům novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odběratelů a 12 000 e-mailů...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Viliam

Jednatel at Webgrow s.r.o.
Baví mě Internet a zvlášť redakční systémy jako Webnode nebo WordPress s Divi šablónou. Vytvořil jsem pro Vás portál Wpromotions.eu, abych Vám pomohl s tvorbou Vaší webové stránky nebo e-shopu. V případě potřeby mě neváhejte kontaktovat, rád Vám poradím.

Přihlaste se k odběru novinek ze světa webových stránek - William Promotions

Připojte se do našeho newsletteru, a už Vám neunikne žádný návod :)

Získej zdarma návody a tipy na tvorbu webu

1x e-mail do měsíce s 5 novými návody

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