Jak dostat chat na web: Shoptet, WordPress a Tag Manager

Nasazení chatu na web bývá to, čeho se lidé bojí nejvíc, a přitom je to nejrychlejší část celého zavedení. Widget je jeden řádek HTML, ne zásuvný modul, ne instalace, ne zásah do databáze:

<script src="https://www.livebot.cz/widget.js" data-klic="VAS-KLIC" async></script>

Ten řádek najdete v portálu v sekci Widget už s vaším klíčem, stačí ho zkopírovat. Zbytek článku je o tom, kam ho vložit.

Platí přitom jedno obecné pravidlo: kód patří na konec stránky, těsně před uzavírací značku </body>, a musí být na všech stránkách webu. Atribut async říká prohlížeči, že na chat nemá čekat, stránka se načte stejně rychle jako předtím.

Shoptet

Shoptet má pro vlastní kód připravené pole, takže do šablony vůbec nemusíte.

1. V administraci jděte do Vzhled a obsah → Editor a otevřete záložku HTML kódy
2. Najděte sekci Zápatí, je to obsah, který se vkládá před koncovou značku </body>
3. Vložte řádek s kódem na konec a uložte

Změna se projeví hned na celém e-shopu, včetně detailů produktů a košíku. Jestli nechcete, aby chat vyskakoval v košíku nebo v pokladně, nastavte to potom v portálu, widget umí vyjmenovat cesty, na kterých se schová. Je to lepší cesta než vkládat kód jen na některé stránky.

WordPress

Na WordPressu vedou dvě cesty a ta pohodlnější je zároveň bezpečnější.

Zásuvný modul na vkládání kódů. V katalogu modulů jich najdete několik a všechny dělají totéž: přidají do administrace pole pro kód do hlavičky a patičky webu. Hledejte podle toho, co má modul umět — vložit vlastní kód do zápatí všech stránek — a vyberte takový, který má hodně instalací a nedávnou aktualizaci. Kód pak patří do pole pro patičku nebo konec stránky, nikoli do hlavičky.

Přímo do šablony. Kdo si troufne na soubory, vloží řádek do footer.php před </body>. Má to jeden háček, o kterém se často mlčí: při aktualizaci šablony se soubor přepíše a kód zmizí. Pokud tuhle cestu volíte, dělejte to v podřízené šabloně (child theme), ne v té původní. Jinak vám chat jednou zmizí a nikdo nebude vědět proč.

Pro WooCommerce platí totéž, je to pořád WordPress.

Google Tag Manager

Když do webu sahat nemůžete nebo nechcete, a Tag Manager už na webu máte, je to nejrychlejší cesta ze všech.

1. V Tag Manageru vytvořte novou značku typu Vlastní HTML
2. Vložte do ní řádek s kódem
3. Jako spouštěč vyberte All Pages (všechny stránky)
4. Uložte a publikujte kontejner, dokud kontejner nepublikujete, značka se na webu neprojeví

Je to stejná cesta, jakou se nasazuje měření návštěvnosti, takže ji zná každý, kdo někdy nastavoval analytiku.

Jedno upozornění: pokud máte Tag Manager svázaný se souhlasem s cookies tak, že se všechny značky spouštějí až po odsouhlasení, nebude se chat zobrazovat lidem, kteří souhlas nedali. Chat je funkční prvek webu, ne marketingový nástroj, nastavte mu tedy spouštění bez čekání na souhlas s marketingem.

Cokoli jiného

Widget je kus HTML, takže funguje všude, kam jde vložit kód: Wix, Squarespace, Webnode, PrestaShop, Joomla, Drupal, weby psané na míru. Liší se jen název pole v administraci. Hledejte „vlastní kód", „HTML kódy", „zápatí" nebo „před </body>", a když nic takového nenajdete, napište nám, poradíme.

Jak poznat, že to běží

Po vložení kódu otevřete web v novém okně. Bublina chatu se objeví v rohu do pár vteřin. Když se neobjeví, projděte tohle:

Vložili jste kód na všechny stránky? Někdy se omylem přidá jen na domovskou. Zkuste otevřít podstránku.

Nemáte doménu jinou, než jakou má web v portálu? Widget běží jen na doménách, které máte v nastavení povolené, je to pojistka, aby vám ho někdo nevložil na cizí web. Chybí-li tam, doplňte ji.

Nebrání tomu blokovač reklam? Některé blokovače zastaví i chat. Zkuste anonymní okno bez rozšíření.

Nezmizel kód při aktualizaci šablony? Klasika u WordPressu, viz výš.

Ve všech případech platí, že tohle není práce na odpoledne. Když se zaseknete, napište nám, nasazení je jeden řádek a nemá vás zdržet ani o hodinu.