Přidáním chatbota ChatLab na váš web WordPress umožníte návštěvníkům komunikovat s vaším AI asistentem přímo na stránkách. K dispozici jsou dva způsoby instalace: plugin pro WordPress (doporučeno) nebo ruční vložení kódu.
Než začnete
Před sdílením chatbota se zákazníky jej vytvořte a natrénujte. Pro instalaci potřebujete také oprávnění k úpravám a publikování webu. Přečtěte si návod Jak vytvořit svého prvního chatbota.
Krok 1 - Otevřete záložku Deploy v ChatLabu
- Přihlaste se do ChatLab a vyberte chatbota, kterého chcete vložit
- Klikněte na záložku Deploy (Nasadit) a poté v pravém panelu platforem vyberte WordPress
Panel pro WordPress zobrazuje dvě záložky: Plugin Installation (Instalace pluginu) a Manual Installation (Ruční instalace).
Způsob 1: Plugin pro WordPress (doporučeno)
Metoda s pluginem představuje nejjednodušší způsob, jak ChatLab do WordPressu přidat - bez nutnosti upravovat kód.
- Kliknutím na Get the plugin on WordPress.org (Získat plugin na WordPress.org) otevřete stránku pluginu na webu wordpress.org
- Nainstalujte a aktivujte plugin "ChatLab - AI Chatbot" z repozitáře pluginů WordPressu
- V administraci WordPressu otevřete ChatLab a klikněte na Continue (Pokračovat). Pokud provozujete e-shop na WooCommerce a chcete také vyhledávání produktů a dohledávání objednávek, nechte zaškrtnutou možnost WooCommerce integration (Integrace s WooCommerce).
- Přihlaste se ke svému účtu ChatLab a vyberte chatbota, kterého chcete zobrazit.
- Dokončete průvodce propojením a vraťte se do WordPressu. Plugin nainstaluje widget automaticky.
- Otevřete svůj web v prohlížeči a zkontrolujte, zda se zobrazuje ikona chatbota
Způsob 2: Ruční instalace
Pokud dáváte přednost ručnímu vložení kódu, klikněte na záložku Manual Installation (Ruční instalace).
- Nainstalujte a aktivujte plugin pro vkládání kódu do záhlaví, například WPCode (dříve Insert Headers and Footers).
- V případě WPCode otevřete Code Snippets > Header & Footer. Viz pokyny k záhlaví a zápatí WPCode.
- V ChatLabu zvolte buď Widget (vyskakovací okno chatu spouštěné ikonou chatu), nebo Iframe (trvale viditelný chat vložený přímo do stránky). Srovnání najdete v článku Jaký je rozdíl mezi widgetem a Iframe?
- Kliknutím na Copy to clipboard (Kopírovat do schránky) zkopírujte kód
- V případě varianty Widget vložte kód do pole Header (Záhlaví) a uložte. V případě varianty Iframe vložte kód do HTML bloku na stránce, kde se má chat zobrazit (pomocí účtu či editoru, který povoluje HTML kód pro iframe), a poté stránku aktualizujte nebo publikujte. Nevkládejte iframe do záhlaví (header).
- Obnovte svůj web a zkontrolujte, zda se chatbot zobrazuje
Ověření instalace
Po dokončení kteréhokoli z postupů otevřete svůj web na WordPressu v prohlížeči. V rohu stránky byste měli vidět ikonu chatu (režim widgetu) nebo okno chatu vložené přímo v obsahu stránky (režim iframe). Kliknutím na ikonu otevřete chat a odešlete zkušební zprávu, abyste ověřili, že vše funguje správně.