Provozujete svůj e-shop na platformě Shoper? Tento návod vás provede vším, co potřebujete k propojení Smartsupp — od instalace pluginu jedním kliknutím po ruční metodu pomocí kódu.
Návod jsme rozdělili do následujících částí:
Instalace pluginu Smartsupp
V administraci Shoper přejděte na Doplňky a integrace > Aplikace. Přejděte dolů a najděte Smartsupp - live chat, chatbot & nahrávání videa, poté na něj klikněte.
Klikněte na tlačítko Nainstalovat aplikaci.
Přijměte obchodní podmínky App Store a poté klikněte na Instalovat.
Zobrazí se potvrzovací zpráva, že plugin Smartsupp byl úspěšně nainstalován.
Nastavení Smartsupp
Po instalaci přejděte na Doplňky a integrace > Moje aplikace a klikněte na ikonu Smartsupp.
Můžete si vytvořit nový účet Smartsupp nebo se přihlásit ke stávajícímu a propojit ho s vaším Shoper obchodem.
Po propojení můžete začít chatovat s návštěvníky nebo upravit nastavení Smartsupp pomocí Smartsupp API. Nezapomeňte uložit změny.
Tip: Po uložení otevřete svůj obchod v nové záložce a obnovte stránku — chat widget Smartsupp by nyní měl být viditelný.
Ruční instalace kódu
Pokud instalace pluginu nefunguje, můžete přidat kód Smartsupp ručně jako JavaScript snippet.
Zkopírujte kód chatu
Najděte svůj unikátní Smartsupp chat kód na nástěnce v sekci Nastavení > Kanály > Live chat > Instalace > Vložit skript.
Vložte kód do Shoper
V Shoper přejděte do sekce JavaScript snippetů a vložte svůj Smartsupp kód. Ujistěte se, že jste odstranili značky <script> a </script> — Shoper nepřijímá HTML značky v tomto poli.
Poznámka: Pole pro JavaScript v Shoperu může mít omezený počet znaků, kód proto udržujte co nejkratší. Nepoužívejte komentáře // — Shoper je může vyhodnotit jako nefunkční. Po vložení obnovte stránku v prohlížeči, aby se změny projevily.
Přizpůsobení pomocí API
Pomocí JavaScript API Smartsupp můžete přizpůsobit chování chat widgetu ve vašem Shoper obchodě. Zde je několik běžných příkladů:
Otevření chat widgetu z vlastního tlačítka:
<button onclick="smartsupp('chat:open')">Napište nám</button>
Skrytí chat widgetu na konkrétních stránkách (např. košík nebo pokladna):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Skrytí výchozího tlačítka chatu a jeho trvalé ponechání skryté po zavření:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Poznámka: Pole pro JavaScript v Shoperu může mít omezený počet znaků a nepodporuje komentáře //. Kód udržujte krátký a nepoužívejte HTML tagy jako <script>.
Tip: Kompletní seznam dostupných API metod najdete v dokumentaci Smartsupp API.
Odinstalace pluginu
Pokud potřebujete odinstalovat plugin Smartsupp, přejděte na Doplňky a integrace > Moje aplikace a klikněte na aplikaci Smartsupp.
Klikněte na Odinstalovat aplikaci.
Potvrďte odinstalaci.
Poznámka: Smartsupp a Shoper jsou dvě samostatné služby. Odinstalace pluginu nezruší vaše předplatné Smartsupp. Pro jeho zrušení kontaktujte náš tým podpory.
Související zdroje:
Instalace Smartsupp — kompletní přehled všech metod instalace.
Google Tag Manager — alternativní metoda instalace pomocí GTM.
Co dál?
Základní nastavení chatboxu — Přizpůsobte si barvy, pozici, uvítací zprávy a další.
Stav chatboxu — Zjistěte, jak funguje stav chat widgetu a jak ho ovládat.
Proč nevidím chat na svém webu? — Vyřešte nejčastější problémy s instalací.
Stáhnout pluginy — Prozkoumejte všechny dostupné integrace platforem.
💡 Potřebujete další pomoc? Kontaktujte náš tým podpory — rádi vám pomůžeme!