Instagram a Webnode

Jak propojit Facebook s webovými stránkami ve Webnode jsme rozebírali v článku Jak propojit Facebook s webem? V tomto návodu si ukážeme návod jak propojit Instagram s Vaším webem ve Webnode. Instagram Feed widget od společnosti Elfsight je skvělá služba, která Vás jistě okouzlí nejen svým designem.

Sociální sítě jsou dnes nedílnou součástí online byznysu a proto stále větší část podnikatelů a uživatelů sdílí obsah sociálních sítí i na svých webových stránkách. Právě sociální sítě slouží k budování komunity a vlastní značky (tzv. branding), které napomáhají zlepšovat komunikaci a zvětšují důvěru mezi Vaší firmou a zákazníkem. Faktem zůstává, že stále více a více lidí zanechává svůj dojem z produktu/služby právě přes Facebook recenze, příspěvek či kometář a podobně.

Redakce Wpromotions.eu pro Vás připravila tento návod jak rychle a snadno sdílet obsah Instagramu na Vašich webovkách.

Instagram Feed widget od Elfsight

Instagram Feed widget – zdarma VS premium

Instagram Feed widget, který si ukážeme v tomto návodu je zdarma. Externí služba Elfsight nabízí ve své bezplatné verzi (LITE) možnost vytvořit si 1 widget zdarma.

V případě potřeby dalšího widgetu, je nutné zakoupit jeden z Prémiových tarifů, který tato služba nabízí.

Cena začíná již na 10 USD/měsíc.

Ceník Elfsight

Instagram Feed widget – vyberte si ten správný typ

Externí služba Elfsight umožňuje vybrat si šablonu pro Instagram Feed widget, a tím celý proces urychlit. Aktuálně si můžete vybrat ze 7 šablon:

 

      • Instagram Feed – Profile Widget
      • Instagram Feed – Grid
      • Instagram Feed – Small Widget
      • Instagram Feed – Hashtag Showcase
      • Instagram Feed – Post Slider
      • Instagram Feed – Dark Profile Widget
      • Instagram Feed – Dark Small Widget
Instagram Feed widget šablony

1. Přejděte na oficiální stránky https://elfsight.com/, otevřete tab Widgets a vyberte možnost Instagram Feed.

Elfsight - Widgets - Instagram Feed

2. Vyberte si jednu ze 7-mi dostupných šablon (náhled můžete vidět na pravé straně) a kliknětena tlačítko Continue with this template.

*Pro účely tohoto návodu jsme vybrali šablonu „Profile Widget“

Instagram Feed widget - výběr šablony

3. V sekci Sources vyberte správný typ Vašeho účtu – My Business Account pro Váš podnikatelský účet nebo My Personal Account pro Váš osobní účet. V případě, že chcete sdílet obsah z veřejných Instagram účtů nebo obsah tvz. hashtagů, klikněte na Public Accounts & Hashtags.

*V našem případě použijeme osobní Instagram účet, tedy vybereme My Personal Account.

Instagram Feed widget - nastavení typu zdroje obsahu

4. Upravte si widget, který bude zobrazovat obsah Vašeho instagramu na webu, podle vlastních představ. Kliknutím na Layout, můžete změnit rozložení příspěvků/celého widgetu, jako například velikost mezery mezi příspěvky či titulek/nadpis celého widgetu.

Instagram Feed widget - nastavení mezery mezi příspěvky
Instagram Feed widget - nastavení mezery a titulku - příklad
Instagram Feed widget - nastavení titulku

Pod sekcí Post, jste schopni nastavit zobrazení jednotlivých příspěvků.

Instagram Feed widget - nastavení jednotlivých příspěvků

Po kliknutí na widget uživatelem Vám Elfsight nabízí na výběr ze tří možností. Naleznete je v sekci Post – Post Click Action.

 

  • None – po kliknutí na widget se nestane nic
  • Open in Popup – widget se otevře přímo na stránce a uživatel si jej může prohlížet
  • Open on Instagram – widget se otevře přímo v Instagrame 
Instagram Feed widget - nastavení - akce po kliknutí

Změnit jazyk celého widgetu (viz obrázek níže), můžete jednoduše v sekci Settings – Language.

Instagram Feed widget - nastavení jazyka

5. V případě, že jste s úpravami hotovi, klikněte na Add to website for free.

Služba Vás vyzve o přihlášení. Můžete využít svůj stávající Google nebo Facebook účet, zda se přihlásit pomocí e-mailu.

Přidat widget na webovou stránku
Přihlášení do Elfsight

6. Klikněte na tlačítko Publish v pravém horním rohu a zkopírujte si potřebný HTML kód pomocí Copy Code.

Zkopíruj HTML kód widgetu

7. Přihlaste se do editace webu ve Webnode a vložte kód podle toho, jaké služby máte ve Webnode zakoupeny:

1. Mám ve Webnode zakoupené Prémiové služby LIMITED, MINI, STANDARD, PROFI nebo BUSINESS

Pokud máte u Webnode zakoupené Prémiové služby Limited a výše tak můžete vložit kód svého widgetu (Instagram Feed widget) na jakákoli místa na Vaší webové stránce.

Klikněte na tlačítko „+“ a zvolte možnost „HTML„.

přidat obsah - HTML

přidat obsah – HTML

 

 

 

2. Mám ve Webnode verzi ZDARMA (FREE)

Litujeme, ale ve verzi Zdarma nástroj Webnode neumožňuje přidávání HTML kódů. Je třeba si zakoupit některý z balíčků – Limited, Mini, Standard, Profi nebo Business.

zakupte si prémiové služby

zakupte si prémiové služby

8. Hotovo – po vložení kódu už jen publikujte změny tlačítkem Publikovat v horní liště. Instagram Feed widget uvidíte v publikované verzi Vaší webové stránky.

Publikujte změny ve Webnode

Instagram Feed widget – ukázka

Ukázka widgetu v editoru (nalevo) a v publikované verzi stránky (napravo).

Ukázka widgetu v editoru stránky
Instagram Feed widget - ukázka

Pár slov na závěr

Propojení Instagramu s webovými stránkami ve Webnode může být pro podnikatele a uživatele v dnešním digitálním světě velkým pozitivem.

Instagram Feed widget od společnosti Elfsight nabízí efektivní a jednoduché řešení pro sdílení obsahu z osobního či firemního Instagram účtu, jakož i z veřejných Instagram účtů či sdílení obsahu hashtagů. Možnost výběru šablony, přizpůsobení a integrace jsou velmi užitečné.

Bezplatná verze widgetu bude stačit mnoha uživatelům, ale pro ty, kteří potřebují více, je k dispozici i prémiová verze s rozšířenými možnostmi.

S naším návodem je proces propojení sociálních sítí s webem ve Webnode rychlý a snadný. Neváhejte a vyzkoušejte si to hned teď.

TIP: Vy ještě nemáte vlastní webovou stránku ve Webnode? Získejte slevu až 17% na nový web. Pro získání slevy klikněte na tento odkaz.

Instagram Feed widget – Časté dotazy (FAQ)

Jak odstraním konkrétní příspěvek/příspěvky z widgetu?

V případě, že Váš Instagram Feed widget zobrazuje konkrétní příspěvek/příspěvky z Vašeho Instagramu, které byste chtěli skrýt, můžete tak učinit pod sekcí Sources – Filters. Kliknutím na Add Filter pod částí „HIDE POSTS CONTAINING THESE WORDS OR HASHTAGS“, jste schopni přidat slovo, slovní spojení nebo hashtagy, které widget vyloučí/nezobrazí. Všechny příspěvky, které obsahují dané slovo nebo hashtag budou skryty.

Instagram Feed widget - filtry

Jak přidám widget, který zobrazuje hashtag?

Pod sekcí Sources, vyberte Source Type jako Public Accounts & Hashtags a zadejte hashtag, který chcete zobrazit.

Instagram Feed widget - hashtag widget

Potřebuji mít technické znalosti, abych si na web přidal widget od Elfsight?

Ne, technické znalosti vůbec nepotřebujete. Přečtěte si tento návod a určitě to zvládnete! Držíme palce!

Musím zadávat číslo platební karty?

Ne – služba Elfsight nepožaduje vyplnění platební karty při použití verze Zdarma (LITE).

Další skvělé návody

6 nejlepších Webnode šablon pro tvorbu webu v roce 2021

6 nejlepších Webnode šablon pro tvorbu webu v roce 2021

6 nejoblíbenějších šablon pro tvorbu webu v redakčním systému WebnodeV našich Webnode Free Novinkách jsme si už o Webnode editoru řekli pár zajímavostí. Už jste četli článek o 5 nových funkcích NOVÉHO Prémiového balíčku Business?   Věděli jste, že redakční systém...

Pomohl ti tento návod? Pošli ho přátelům 🙂

Viliam
Follow me