> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.eshop-rychle.cz/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Facebook Page plugin a facebook button

# FACEBOOK PAGE PLUGIN

Facebook Page můžete získat zde: [https://developers.facebook.com/docs/plugins/page-plugin](https://developers.facebook.com/docs/plugins/page-plugin)

V kolonce **Facebook Page** URL zadejte adresu Vaší Facebookové stránky. V kolonce **Tabs** zanechte vypsané timeline pokud chcete Facebook box včetně příspěvků, které na Facebook stránky vkládáte. Pokud chcete pouze hlavičku s tlačítky, odstraňte text timeline a nechte kolonku prázdnou. Do kolonky **Width** zadejte požadovanou šířku boxu v pixelech. Pokud kolonku nevyplníte, box se automaticky velikostně přizpůsobí. V kolonce **Height** zadejte výšku Facebook boxu. Pokud ji nevyplníte, opět se nastaví automaticky. 

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1hflrzk.png)

Dále jsou zde tlačítka Use Small Header, Adapt to plugin container width, Hide Cover Photo a Show Friend’s Faces. Tyto pojmy si nyní vysvětlíme.

**Use Small Header** – Zatrhnutím tohoto pole se zmenší hlavička Facebook boxu.
**Adapt to plugin container width** – Zatrhnutím tohoto pole se box přizpůsobí místu, kde je plugin umístěný. Pokud necháte odtržené, bude se box řídit výškou a šířkou, kterou jste nastavili výše.
**Hide Cover Photo** – Zatrhnutím tohoto pole odstraníte fotku v hlavičce (úvodní fotku) a zanecháte pouze logo stránky.
**Show Friend’s Faces** – Zatrhnutím tohoto pole se zobrazí několik fotek lidí, kterým se Vaše stránka líbí.

Poté, co bude Facebook Page vypadat podle Vašich představ, klikněte na modré tlačítko **GET CODE**.

V okně, které se otevřelo, jsou dva kódy. 

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1xd6lxu.png)

Tyto dva kódy si zkopírujeme a vložíme tam, kde jej chceme zobrazovat, v našem případě v levém sloupci e-shopu. ${color}[#e5781f](Vstupte do Obsah webu → Struktura webu → Levý sloupec .)

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1uztz0y.png)

Kódy můžete vložit buď pomocí HTML módu, nebo pomocí editoru [Tiny MCE funkcí Zdrojový kód](https://help.eshop-rychle.cz/cs/article/textovy-editor-tinymce-1iu2mrv/) viz. označení na obrázku. Facebook kódy se vkládají společně a pod sebe. (Pozor ! Facebook Page má minimální šířku 180 px, tudíž je potřeba je vložit do místa, kam se celý obsah vměstná) :

Po kliknutí na ikonku zdrojového kódu, nebo zapnutí HTML módu se Vám zobrazí okno, do kterého je možné vygenerovaný kód vložit. Následně pak jen okno potvrdíte tlačítkem ok a zpátky v textovém editoru celou akci uložíte tlačítkem ULOŽIT.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1jnrrlo.png)

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_lp1gww.png)

Ukázka tvaru celého zdrojového kódu pro zobrazení Facebook page pluginu

Uložíme, a zkontrolujeme na webu:

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1lxwzk4.png)

# FACEBOOK LIKE-BUTTON

Facebook like button slouží jako propojení mezi vaším webem a facebookem a zákazník, který prochází vaše stránky má možnost dát vaší stránce like nebo jí sdílet. Vložení buttonu je v podstatě stejné jako vložení pluginu v předchozím návodu. Kód pro vložení vygenerujete na tomto odkazu:

[https://developers.facebook.com/docs/plugins/like-button](https://developers.facebook.com/docs/plugins/like-button)

Zobrazí se vám konfigurátor kam do **URL to Like** vložíte URL adresu vašich facebookových stránek. Dále nastavíte, jak chcete aby button vypadal **Layout**, jeho velikost **Button Size** a typ buttonu **Action Type** a po nastavení kliknete na **GET CODE**. 
![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_g5ubn0.png)

Následně se vám vygenerují dva kódy, které postupně vložíte stejně jako v předchozím návodu do levého sloupce nebo do patičky webu.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_18kiaq5.png)

Po vložení kódu se vám button zobrazí na místě vložení a v našem případě se zobrazuje takto.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_434um4.png)

Po kliknutí na **To se mi líbí** se zobrazí okno, kde ( pokud není zákazník přihlášen ) ho facebook vyzve k přihlášení a on pak může dát vaší stránce like.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1jqxtoj.png)

${color}[#e17014](Další možností nastavení)

Návod na nastavení Insta widgetu [ZDE](https://help.eshop-rychle.cz/cs/article/instagram-widgety-zobrazeni-obsahu-z-instagramu-na-vasem-e-shopu-xb5awd/)