Instagram je stále populárnější a proto bychom na něj neměli zapomínat. Tato sociální síť se dá k propagaci e-shopu krásně využít. Pokud máte Instagram založený, určitě jej nenechávejte ladem a umístěte jej na vaše e-shopové stránky. Jak vložit Instagram widget, který zákazníka zaujme více než klasický odkaz si nyní ukážeme.

Zadejte si do internetového prohlížeče adresu https://instawidget.net/.

Nyní na stránkách naleznete tlačítko „Get Free Instagram Widget for Website“ případně tlačítko „Make Immediately“. Obě tato tlačítka vás přesměrují na tvorbu widgetu.

Po kliknutí na jedno z tlačítek se dostanete ke konfigurátoru vašeho widgetu. Jednotlivá pole si vysvětlíme.

Username – zde zadejte jméno vašeho instagramového profilu

Hashtag – pomocí hashtagu můžete vyfiltrovat fotky zobrazené ve vašem widgetu

Widget Width – šířka widgetu

User Icon – zobrazení (show) či skrytí (hide) vaší uživatelské ikony

User introduction – zobrazení (show) či skrytí (hide) úvodního textu

Follow button – zobrazení (show) či skrytí (hide) tlačítka pro získání followerů

Followers – zobrazení (show) či skrytí (hide) počtu vašich followerů

Box border – zobrazení (show) či skrytí (hide) rámečku/ohraničení widgetu

Box Border Color – barva rámečku/ohraničení widgetu

Text color – barva textu ve widgetu

Background Color – barva pozadí ve widgetu

Photo Gallery –  zobrazení (show) či skrytí (hide) fotek z vašeho instagramu

Photo Padding – velikost mezery mezi jednotlivými fotkami

Photo Effect – zde můžete k fotkám přidat efekty

Layout – rozložení fotek. Kolik fotek bude na jednom řádku a následně kolik chceme zobrazovat řádků.

Share button – zobrazení (show) či skrytí (hide) tlačítka sdílet

Photo border – zobrazení (show) či skrytí (hide) rámečku u fotek

Open New Window – po kliknutí na widget se instagram otevře (open) či neotevře (not open) v novém okně

Preview – tímto tlačítkem promítnete změny do vašeho widgetu, který vidíte vedle tabulky na úpravu. Takto bude váš widget vypadat.

Pokud jste si widget upravili dle vašich představ, stačí pouze zkopírovat vytvořený kód.

Zkopírovaný kód můžete vložit do patičky e-shopu, levého sloupce atd. Ukážeme si vložení do levého sloupce. Postup můžete využít i na jiná místa v e-shopu.

Přejděte do sekce Obsah webu – Struktura webu – Levý sloupec.

Zde klikněte na ikonu „<>„, pomocí které se dostanete do zdrojového kódu a kód vložte.

Výsledek na e-shopu pak vypadá zhruba takto.