Jak vložit na eshop fans box s odkazem na Facebookovou stránku

Ukážeme si jak jednoduše vložit do patičky eshopu Page Plugin, který je přímým nástupcem like boxu, hojně používaného na většině webových stránkách. Nejen že tento plugin má modernější vzhled, ale také přibyly nové funkce:

• zobrazují se události a zprávy
• možnost zobrazení úvodní fotky
• Call-to action tlačítko / Dát stránce “To se mi líbí”, nebo sdílet

Vygenerování kódu Page Pluginu

Na adrese facebook for developers si snadno vygenerujeme kód pro vložení na stránky.

V tomto formuláři vyplníte URL facebookové stránky na kterou chcete odkazovat, dáte jí šířku a výšku v px, která se v reálném čase zobrazuje dole v generátoru a Vy tak ihned vidíte jak bude box vypadat. Dále tam jsou 4 zaškrtávací políčka kde nastavujete zda chcete velkou či malou hlavičku, zda chcete schovat úvodní obrázek, zda chcete přizpůsobit šířku přednastaveného modulu na Vašem eshopu (doporučuji nechat zaškrtnuté) a poslední, zda chcete schovat tváře Vašich přátel fb stránky.

Až toto vše vyplníte, kliknete na tlačítko Get Code, kdy vyskočí pop-up okno s vygenerovaným kódem JavaScript SDK nebo IFrame, já použiji IFrame, tento kód si zkopíruji a vložím do ExitShopu.

Vložení Page Pluginu do ExitShopu

Otevřu si obchod a dostanu se do sekce obsah, tam najdu patičkový formulář, přepnu se do kódu a vložím ho tam. Zde dodám, že jsem si v generátoru zadal výšku 220px, po vložení na eshop, byl box malý, proto jsem “height” zvýšil na 330px aby byla výška zarovnána s heureka bannerem. Můžete to udělat přímo v ExitShopu jako já nebo se vrátíte zpět na generátor a výšku změníte v editoru.

Mám hotovo ???? Takto Page Plugin vypadá v praxi.