Instagram a Webnode

Ako prepojiť Facebook s webovými stránkami vo Webnode sme rozoberali v článku Ako prepojiť Facebook s webom? V tomto návode si ukážeme návod ako prepojiť Instagram s Vašim webom vo Webnode. Instagram Feed widget od spoločnosti Elfsight je skvelá služba, ktorá Vás určite očarí nie len svojím dizajnom.

Sociálne siete sú dnes neoddeliteľnou súčasťou online biznisu a preto čoraz väčšia časť podnikateľov a užívateľov zdieľa obsah sociálnych sietí aj na svojich webových stránkach. Práve sociálne siete slúžia na budovanie komunity a vlastnej značky (tzv. branding), ktoré napomáhajú zlepšovať komunikáciu a zväčšujú dôveru medzi Vašou firmou a zákazníkom. Faktom ostáva, že stále viac a viac ľudí zanecháva svoj dojem z produktu/služby práve cez Facebook recenzie, príspevok či kometár a podobne.

Redakcia Wpromotions.eu pre Vás pripravila tento návod ako rýchlo a jednoducho zdieľať obsah Instagramu na Vašich webovkách.

Instagram Feed widget od Elfsight

Instagram Feed widget – zdarma VS premium

Instagram Feed widget, ktorý si ukážeme v tomto návode je zdarma. Externá služba Elfsight ponúka vo svojej bezplatnej verzii (LITE) možnosť vytvoriť si 1 widget zadarmo.

V prípade potreby ďalšieho widgetu, je nutné zakúpiť si jeden z Prémiových tarifov, ktorý táto služba ponúka.

Cena začína už na 10 USD / mesiac.

Cenník Elfsight

Instagram Feed widget – vyberte si ten správny typ

Externá služba Elfsight umožňuje vybrať si šablónu pre Instagram Feed widget, a tým celý proces urýchliť. Aktuálne si môžete vybrať zo 7 šablón:

 

      • 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 šablóny

1. Prejdite na oficiálne stránky https://elfsight.com/, otvorte tab Widgets a vyberte možnosť Instagram Feed.

Elfsight - Widgets - Instagram Feed widget

2. Vyberte si jednu zo 7-mich dostupných šablón (náhľad môžete vidieť na pravej strane) a kliknite na tlačidlo Continue with this template.

*Pre účely tohto návodu sme vybrali šablónu „Profile Widget“

Instagram Feed widget - výber šablóny

3. V sekcii Sources vyberte správny typ Vášho účtu – My Business Account pre Váš podnikateľský účet alebo My Personal Account pre Váš osobný účet. V prípade, že chcete zdieľať obsah z verejných Instagram účtov alebo obsah tzv. hashtagov, kliknite na Public Accounts & Hashtags. 

*V našom prípade použijeme osobný Instagram účet, teda vyberieme My Personal Account. 

Instagram Feed widget - nastavenie zdroju obsahu

4. Upravte si widget, ktorý bude zobrazovať obsah Vášho instagramu na webe, podľa vlastných predstáv. Kliknutím na Layout, môžete zmeniť rozloženie príspevkov/celého widgetu, ako napríklad veľkosť medzery medzi príspevkami či titulok/nadpis celého widgetu.

Instagram Feed widget - nastavenie medzery medzi príspevkami
Instagram Feed widget - nastavenie medzery a titulku - ukážka
Instagram Feed widget - nastavenie titulku

Pod sekciou Post, ste schopní nastaviť zobrazenie jednotlivých príspevkov.

Instagram Feed widget - nastavenie jednotlivých príspevkov

Po kliknutí na widget užívateľom, Vám Elfsight ponúka na výber z troch možností. Nájdete ich v sekcii Post – Post Click Action.

 

      • None – po kliknutí na widget sa nestane nič
      • Open in Popup – widget sa otvorí priamo na stránke a užívateľ si ho môže prezerať
      • Open on Instagram – widget sa otvorí priamo v Instagrame
Instagram Feed widget - nastavenie akcia po kliknutí

Zmeniť jazyk celého widgetu (viď obrázok nižšie), môžete jednoducho v sekcii Settings – Language.

Instagram Feed widget - nastavenie jazyka

5. V prípade, že ste s úpravami hotový, kliknite na Add to website for free.

Služba Vás vyzve o prihlásenie. Môžete využiť svoj existujúci Google alebo Facebook účet, či sa prihlásiť pomocou e-mailu.

Instagram Feed widget - pridať widget na webovú stránku
Instagram Feed widget - prihlásenie do Elfsight

6. Kliknite na tlačidlo Publish v pravom hornom rohu a skopírujte si potrebný HTML kód pomocou Copy Code.

Intagram Feed widget - skopíruj HTML kód widgetu

7. Prihláste sa do editácie webu vo Webnode a vložte kód podľa toho, aké služby máte vo Webnode zakúpené:

1. Mám vo Webnode zakúpené Prémiové služby LIMITED, MINI, STANDARD, PROFI alebo BUSINESS

Ak máte u Webnode zakúpené Prémiové služby Limited a vyššie tak môžete vložiť kód svojho widgetu (Instagram Feed widget) na akékoľvek miesta na Vašej webovej stránke.

Kliknite na tlačítko „+“ a zvoľte možnosť „HTML„.

pridať obsah - HTML

pridať obsah – HTML

 

 

 

2. Mám vo Webnode verziu ZDARMA (FREE)

Ľutujeme, ale vo verzii Zdarma nástroj Webnode neumožňuje pridávanie HTML kódov. Je potrebné si zakúpiť niektorý z balíčkov – Limited, Mini, Standard, Profi alebo Business.

Zakúpte si prémiové služby

Zakúpte si prémiové služby

 

 

8. Hotovo – po vložení kódu už len publikujte zmeny tlačidlom Publikovať v hornej lište. Instagram Feed widget uvidíte v publikovanej verzii Vašej webovej stránky.

Publikujte zmeny vo Webnode

Instagram Feed widget – ukážka

Ukážka widgetu v editore (naľavo) a v publikovanej verzii stránky (napravo).

Ukážka widgetu v editore stránky
Instagram Feed widget - ukážka

Pár slov na záver

Prepojenie Instagramu s webovými stránkami vo Webnode môže byť pre podnikateľov a užívateľov v dnešnom digitálnom svete veľkým pozitívom.

Instagram Feed widget od spoločnosti Elfsight ponúka efektívne a jednoduché riešenie pre zdieľanie obsahu z osobného či firemného Instagram účtu, ako aj z verejných Instagram účtov či zdieľanie obsahu hashtagov. Možnosť výberu šablóny, prispôsobenia a integrácie sú veľmi užitočné.

Bezplatná verzia widgetu bude stačiť mnohých užívateľom, no pre tých, ktorí potrebujú viac, je k dispozícii aj prémiová verzia s rozšírenými možnosťami.

S našim návodom je proces prepojenia sociálnych sietí s webom vo Webnode rýchly a jednoduchý. Neváhajte a vyskúšajte si to hneď teraz. 

TIP: Vy ešte nemáte vlastnú webovú stránku vo Webnode? Získajte zľavu až 17% na nový web. Pre získanie zľavy kliknite na tento odkaz.

Instagram Feed widget – Časté otázky (FAQ)

Ako odstránim konkrétny príspevok/príspevky z widgetu?

V prípade, že Váš Instagram Feed widget zobrazuje konkrétny príspevok/príspevky z Vášho Instagramu, ktoré by ste chceli skryť, môžete tak urobiť pod sekciou Sources – Filters. Kliknutím na Add Filter pod časťou „HIDE POSTS CONTAINING THESE WORDS OR HASHTAGS“, ste schopný pridať slovo, slovné spojenia alebo hashtagy, ktoré widget vylúči/nezobrazí. Všetky príspevky, ktoré obsahujú dané slovo alebo hashtag budú skryté. 

Instagram Feed widget - filtre

Ako pridám widget, ktorý zobrazuje hashtag?

Pod sekciou Sources, vyberte Source Type ako Public Accounts & Hashtags a zadajte hashtag, ktorý chcete zobraziť. 

Instagram Feed widget - hashtag widget

Potrebujem mať technické znalosti, aby som si na web pridal widget od Elfsight?

Nie, technické znalosti vôbec nepotrebujete. Prečítajte si tento návod a určite to zvládnete! Držíme palce!

Musím zadávať číslo platobnej karty?

Nie – služba Elfsight nepožaduje vyplnenie platobnej karty pri použití verzii Zdarma (LITE).

Ďalšie skvelé návody

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

Viliam
Follow me