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

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

Jaký byl rok 2020 ve společnosti Webnode.cz?

Jaký byl rok 2020 ve společnosti Webnode.cz?

Webnode hlásí více než 50 000 hodin odpracovaných v roce 2020V minulosti bylo k založení vlastní internetové stránky nutné ovládat alespoň základní technické znalosti či pomoc programátora. A právě tento fakt mnoho lidí od tvorby vlastního webu odradil.  ...

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

Viliam
Follow me