Máte e-shop na Shoperu? Tento návod vás krok za krokem provede vším, co je potřeba udělat pro propojení Smartsupp — od instalace pluginu na jedno kliknutí až po postup s ručním vložením kódu.
Průvodce jsme rozdělili do těchto sekcí:
Instalace Smartsupp pluginu
V administraci Shoperu přejděte do sekce Doplňky a integrace > Aplikace. Sjeďte dolů a najděte Smartsupp (uvedený jako Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), poté na něj klikněte.
Zvolte možnost Nainstalovat aplikaci.
Odsouhlaste podmínky App Store a pokračujte stisknutím Nainstalovat.
Po úspěšné instalaci se vám zobrazí potvrzení, že plugin Smartsupp byl nainstalován.
Nastavení Smartsupp
Po instalaci běžte do Doplňky a integrace > Moje aplikace a klikněte na ikonu Smartsupp.
Následně si můžete vytvořit nový Smartsupp účet nebo se přihlásit do stávajícího a napojit jej na váš e-shop v Shoperu.
Po propojení můžete ihned začít komunikovat s návštěvníky vašeho e-shopu nebo upravit další nastavení Smartsupp pomocí Smartsupp API. Nezapomeňte uložit změny.
Tip: Po uložení změn otevřete e-shop v nové záložce a obnovte stránku — chatovací widget Smartsupp by měl být nyní viditelný.
Ruční instalace kódu
Pokud se vám plugin nedaří nainstalovat, můžete vložit kód Smartsupp ručně jako JavaScriptový snippet.
Zkopírování chat kódu
Svůj unikátní chatovací kód pro Smartsupp najdete v administraci pod Nastavení > Kanály > Live chat > Instalace > Vložit kód.
Vložení kódu do Shoperu
V Shoperu vyhledejte pole pro JavaScriptové snippety a vložte sem váš Smartsupp kód. Nezapomeňte odstranit značky <script> a </script> — v tomto poli není možné HTML značky použít.
Poznámka: JavaScriptové pole v Shoperu má omezený počet znaků. Proto kód vkládejte co nejkratší – nepřidávejte komentáře //, protože pak nemusí fungovat. Po vložení kódu obnovte stránku v prohlížeči a zkontrolujte změny.
API úpravy
Pomocí Smartsupp JavaScript API můžete jednoduše nastavit chování chatu v e-shopu Shoper. Zde je několik častých příkladů:
Otevření chat widgetu z vlastního tlačítka:
<button onclick="smartsupp('chat:open')">Chatovat s námi</button>
Skrýt chat widget na vybraných stránkách (například na košíku nebo na pokladně):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Skrýt výchozí tlačítko chatu a nechat chat trvale skrytý i po zavření:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Poznámka: Javascriptové pole v Shoperu je omezeno počtem znaků a nepovoluje komentáře //. Kód udržujte co nejkratší a do tohoto pole nevkládejte HTML značky jako <script>.
Odinstalování pluginu
Pokud potřebujete plugin Smartsupp odebrat, přejděte na Doplňky a integrace > Moje aplikace a klikněte na aplikaci Smartsupp.
Vyberte možnost Odinstalovat aplikaci.
Potvrďte odinstalaci pluginu.
Poznámka: Smartsupp a Shoper jsou samostatné služby. Odinstalace pluginu nezruší vaše předplatné Smartsupp. Pro zrušení předplatného kontaktujte náš tým podpory.
Související zdroje:
Instalace Smartsupp — ucelený přehled všech možností instalace.
Google Tag Manager — alternativní způsob propojení prostřednictvím GTM.
Co dál?
Základní nastavení chat boxu — Upravte barvy, pozici na stránce, uvítací zprávu a další možnosti.
Stav chat boxu — Zjistěte, jak funguje stav widgetu chatu a jak jej nastavit dle vašich potřeb.
Proč nevidím chat na svém webu? — Nejčastější problémy s instalací a jejich řešení.
Stáhnout pluginy — Objevte všechny dostupné integrace pro různé platformy.