Jak nainstalovat Smartsupp live chat do vašeho Shoper obchodu — pomocí vestavěného pluginu ze Shoper App Store nebo ručním vložením kódu.
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í > Chatbox > Instalace > Vložit kód.
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: Shoper má limit 250 znaků v poli API. Nepoužívejte komentáře // v kódu, protože je Shoper může vyhodnotit jako nefunkční. Po vložení obnovte prohlížeč, abyste viděli změny.
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: Shoper má limit 250 znaků v poli API a nepodporuje komentáře //. Ujistěte se, že se váš kód vejde do limitu a nepoužívejte HTML značky 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!