Instagram widgety: zobrazení obsahu z Instagramu na vašem e-shopu
Prezentujete svou značku na Instagramu a chcete váš feed dynamicky zobrazovat na e-shopu? K tomuto účelu slouží řada externích widgetů, díky nimž svůj instagramový obsah zobrazíte na e-shopu pomocí jednoduchého vložení kódu. Některé z těchto widgetů jsou placené, mnoho jich však obsahuje i verzi zdarma. U takových však musíte musíte počítat s jistými omezeními, jakými jsou například nemožnost vybrat z více variant designu či zobrazení loga společnosti, která widget poskytuje.
V tomto návodu si představíme dva z widgetů, avšak pokud se rozhodnete pro jakýkoli jiný, princip nastavení bude velice pravděpodobně do velké míry podobný.
Light Widget
Light Widget nabízí širokou škálu jednoduchého nastavení a přestože nabízí verzi zdarma, tato se aktualizuje pouze 1x denně a je dostupná jen pro weby s HTTP. Pro zabezpečené HTTPS je zapotřebí widget upgradovat na placenou verzi, ovšem zde přichází příjemná zpráva. Poplatek je totiž pouze 10 USD a je jednorázový. Jakmile tedy widget zakoupíte, zůstane vám na neomezenou dobu a nemusíte se obávat žádných opakujících se plateb. Vzhledem k široké škále přizpůsobení a hladkému provozu Light Widget určitě stojí za zvážení. Podívejme se tedy na jeho nastavení.
Na domovské stránce lightwidget.com se zaregistrujte kliknutím na tlačítko Sign up v pravém horním rohu.
2. Vytvořte svůj uživatelský účet: vyplňte e-mail, heslo (to pak znovu potvrďte), odsouhlaste podmínky a dokončete registraci kliknutím na tlačítko Create account.
3. Jakmile se dostanete do prostředí Light Widgetu, máte možnost připojit svůj instagramový účet. Zde je na výběr ze dvou možností, my jsme pro naše účely zvolili první z nich (přestože je vhodnější pro osobní účty, je naprosto dostačující).
4. Nyní bude zapotřebí potvrdit propojení s Instagramem. Pokud jste k Instagramu v prohlížeči přihlášeni, uvidíte následující okno. Pokud přihlášeni nejste, bude zapotřebí se nejprve přihlásit. Poté klikněte na tlačítko Povolit.
5. Nyní bude možná několik minut trvat, než se účty spojí. Až se tak stane, uvidíte u svého účtu štítek Active a tlačítko Create widget:
6. Nyní se již dostáváme k samotnému nastavení widgetu. V levé části je menu pro ladění a zobrazení widgetu, v pravé hlavní části pak můžete vidět reálný náhled widgetu. Nad náhledem můžete přepínat mezi zobrazením na desktopu, tabletu a mobilu:
7. Menu je poměrně obsáhlé a nabízí spoustu možností, jak widget přizpůsobit vašim potřebám. Nebojte se zkoušet různá nastavení, jejichž efekt ihned uvidíte v náhledu. Až budete s widgetem spokojeni, své volby potvrďte pomocí tlačítka Create:
8. V dalším okně již vidíte vygenerovaný kód widgetu. Tlačítko Copy to clipboard zajistí zkopírování kódu do schránky.
9. Získaný kód pak můžete vložit do jakéhokoli prostoru na vašem e-shopu. V našem příkladu chceme widget zobrazovat na všech stránkách e-shopu, k čemuž se perfektně hodí prostor nad patičkou. Jeho editaci najdete v sekci Obsah webu > Struktura webu > Patička webu > Prostor nad patičkou webu. Zde přes tlačítko Zdrojový kód vložte celý kód widgetu. Změny uložte a zkontrolujte výsledek na e-shopu. 🙂
Embed Social
Widget od Embed Social disponuje bezplatnou verzí, ovšem jak už jsme zmínili v úvodu, musíte počítat s jistými omezeními. Free verze nabízí pouze jednu možnost zobrazení, a to koláž, která si z prostoru na vašem e-shopu ukousne poměrně velkou porci. Například při umístění nad patičkou bude zabírat až zbytečně hodně místa. Také u ní počítejte s uvedením odkazu na web EmbedSocial.com. Widget nemůžete ve verzi zdarma nijak personalizovat a aktualizovat se bude pouze jednou denně. Ale je možné, že pro něj i tak najdete využití.
Placená verze pak nabízí podobné možnosti nastavení jako výše popsaný Light Widget, ale oproti němu si za Embed Social trochu připlatíte. Nejlevnější profi verze vás vyjde na 29 USD měsíčně, na druhou stranu v ní ale můžete využít až tři zdroje, synchronizace bude probíhat každé tři hodiny a propojit můžete kromě Instagramu také ostatní sociální sítě, jako je Facebook, TikTok, YouTube a další.
My se ale zaměříme na verzi zdarma:
Na webu embedsocial.com nejprve klikněte na nabídku Pricing:
2. Zde v právě aktivní záložce EmbedFeed kliněte na Start free trial ve free verzi widgetu:
3. Vytvořte svůj účet: Vyplňte jméno, příjmení, e-mailovou adresu, heslo, potvrďte, že nejste robot a dokončete registraci kliknutím na tlačítko Create account.
4. V pop-up okně klikněte na tlačítko Lets get started.
5. Verze zdarma nabízí pouze instagramové propojení, zde tedy není moc co vymýšlet. Zvolte platformu Instagram. 🙂
6. Zde zvolte zdroj typu Account, níže vyplňte uživatelské jméno vašeho instagramového účtu. Ujistěte se, že váš účet je veden jako firemní, nikoli osobní. Nezapomeňte vyplnit uživatelské jméno včetně “@” na jeho začátku. Pokračujte kliknutím na tlačítko Next.
7. Další obrazovka vás opět ve free verzi nenechá si vybírat, jediná aktivní volba je Collage. Pokračujte kliknutím na tlačítko Create feed v pravém horním rohu.
8. V posledním kroku již můžete vidět váš vygenerovaný kód, který, stejně jako u předchozího widgetu, můžete vložit na váš e-shop pomocí textového editoru přes volbu Zdrojový kód. Veškerá další přizpůsobení widgetu nejsou ve verzi zdarma aktivní, můžete si je ale projít, abyste případně věděli, jaké možnosti se vám nabídnou, pokud se rozhodnete pro upgrade na verzi PRO.
V uživatelských rozhraních vašich účtů na obou platformách máte možnost po přihlášení s widgety dále pracovat a měnit jejich nastavení.