Jak dostat chatbota na váš web

Nejjednodušší cesta: plugin vloží chatbota na všechny stránky a ID projektu zadáte do formuláře. Kód do šablony nepíšete.

1. Stáhněte plugin

   Stáhněte soubor creative-webmind-ai.zip. Nerozbalujte ho — WordPress chce ZIP.

2. Nahrajte ho do WordPressu

   V administraci WordPressu otevřete Pluginy › Instalace pluginů › Nahrát plugin, vyberte stažený ZIP a klepněte na Instalovat. Potom plugin aktivujte.

3. Vložte ID projektu

   V Nastavení › Creative WebMind AI vložte ID projektu. Najdete ho v administraci WebMindu u Instalačního kódu — je to hodnota data-project, třeba 3f2b8c1e-…. Uložte.

4. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Plugin při aktivaci nikam nevolá a v administraci WordPressu nic nenačítá. Chatbota v něm vypnete jedním zaškrtnutím, nastavení zůstane.

Pokud nechcete další plugin nebo už používáte plugin na vkládání kódu (do hlavičky a patičky), stačí do něj vložit jeden řádek.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód.

2. Otevřete vkládání kódu

   Ve WordPressu otevřete nastavení pluginu pro vložení kódu do hlavičky a patičky (podle pluginu bývá v Nastavení nebo v samostatné položce menu). Některé šablony mají totéž přímo v nastavení vzhledu.

3. Vložte do patičky

   Kód vložte do pole pro patičku (footer, „před </body>“) a uložte. Do hlavičky ho nedávejte — fungoval by také, ale patička nezdržuje načtení stránky.

4. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Používáte-li cache plugin, po vložení vymažte mezipaměť, jinak návštěvníci uvidí starou verzi stránek.

V Shoptetu vložíte kód přes editor HTML kódů. Doplněk do Shoptet Doplňků připravujeme; do té doby je tohle nejrychlejší cesta.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód.

2. Otevřete HTML kódy

   V administraci Shoptetu přejděte do Nastavení › Editor › HTML kódy.

3. Vložte do zápatí

   Kód vložte do pole Zápatí a uložte. Chatbot se objeví na všech stránkách e‑shopu.

4. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

V projektu WebMindu musí být nastavená doména, na které e‑shop skutečně běží. Dokud jede jen na dočasné adrese Shoptetu, nastavte v projektu tu.

Webnode umožňuje vložit vlastní HTML do hlavičky nebo patičky webu. Zda je tahle možnost dostupná, záleží na tarifu Webnode.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód.

2. Najděte vložení HTML

   V editoru Webnode otevřete nastavení webu a najděte sekci pro vlastní HTML kód v hlavičce nebo patičce. Pokud ji nevidíte, váš tarif ji nejspíš nezahrnuje.

3. Vložte do patičky

   Kód vložte do patičky, uložte a web znovu publikujte — Webnode změny ukáže až po publikování.

4. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Wix umožňuje vlastní kód v nastavení webu; podle tarifu může vyžadovat placený web s vlastní doménou.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód.

2. Přidejte vlastní kód

   V nastavení webu najděte vlastní kód (Custom Code) a přidejte nový. Vložte řádek, zvolte načtení na všech stránkách a umístění na konec těla stránky (body – end).

3. Publikujte

   Uložte a web publikujte.

4. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Squarespace má vkládání kódu (Code Injection); jeho dostupnost se liší podle tarifu.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód.

2. Vložte do Footer

   V nastavení webu otevřete vkládání kódu (Code Injection), kód vložte do pole Footer a uložte.

3. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Máte na webu Google Tag Manager? Pak nemusíte sahat do webu vůbec — chatbota přidáte jako značku z naší šablony.

1. Stáhněte šablonu

   Stáhněte soubor creative-webmind-ai.tpl.

2. Importujte šablonu

   V kontejneru GTM otevřete Šablony, u šablon značek klepněte na Nová, v editoru šablony otevřete menu ⋮ vpravo nahoře a zvolte Importovat. Vyberte stažený soubor a šablonu uložte. GTM ukáže, že šablona smí načíst jen skript z creative-webmindai.cz.

3. Vytvořte značku

   V části Značky klepněte na Nová, jako typ vyberte Creative WebMind AI a vložte ID projektu z administrace WebMindu.

4. Spouštěč a publikace

   Jako spouštěč zvolte All Pages (všechny stránky), značku uložte a kontejner publikujte (Odeslat). Před publikováním to můžete vyzkoušet v režimu Náhled.

5. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Šablona předá ID projektu v adrese skriptu (?project=…), protože GTM neumí nastavit atribut data-project. Funguje to stejně jako ruční vložení.

1. Zkopírujte kód

   V administraci WebMindu u Instalačního kódu klepněte na Kopírovat kód. Vypadá takhle, jen s vaším ID projektu:

   <script src="https://creative-webmindai.cz/widget.js" data-project="ID-VAŠEHO-PROJEKTU" async></script>

2. Vložte před </body>

   Řádek vložte do šablony těsně před ukončovací značku </body>, aby byl na všech stránkách. Atribut async zajistí, že nezdrží načtení stránky.

3. Ověření

   Otevřete web (ideálně v anonymním okně, ať nevidíte starou verzi z mezipaměti). Vpravo dole se objeví tlačítko chatu. Když ne, otevřete konzoli prohlížeče (F12 › Konzole) a hledejte hlášku [WebMind]: 402 znamená neaktivní předplatné, 403 že web běží na jiné doméně, než je nastavená v projektu.

Widget běží v uzavřeném prvku stránky, takže ho styly vašeho webu nerozbijí a on nerozbije je.