Nasazení live chatu do Shoptetu

Shoptet je jednička mezi e-shopovými řešeními na českém trhu. Vlastní e-shop si vytvoříte na pár kliknutí. A stejně jednoduché je i nasazení našeho SupportBox live chatu na web, který běží právě na Shoptet platformě.

Jak přidat live chat

V levém menu klikněte ikonu pluska a následně vyberte možnost Přidat chat. 

Nyní si váš live chat v poli Název chatu pojmenujte. Název slouží pouze pro vaši orientaci. Zákazníci název nikdy neuvidí. Název uvidíte pouze vy v levém bočním menu.  

Jakmile budete mít vyplněn Název chatu, klikněte na zelené tlačítko Vytvořit.

Live chat máte nyní přidaný v SupportBoxu a zobrazil se vám i Kód pro implementaci na webu – tento kód budete potřebovat v dalších krocích.

Kam vložit kód pro implementaci chatu v administraci Shoptetu

Přihlaste se do administrace vašeho e-shopu. V levém bočním menu klikněte na Vzhled a Obsah. Z podkategorie vyberte možnost Editor a dále v horním menu HTML kód.

Do políčka Zápatí (před koncovým tagem BODY) vložte váš Kód pro implementaci chatu, který jste získali ve vašem SupportBoxu.

Pokud chcete zobrazovat e-mailovou adresu zákazníka a propojit jeho objednávky v SupportBoxu, můžete rovnou vložit kód níže.

Jen nezapomeňte doplnit VASE_ID a VAS_SECRET z vašeho implementačního kódu chatu ze SupportBoxu.

HTML<!-- Zacatek kodu chatu SupportBox -->
<script type="text/javascript">
    var supportBoxChatId = VASE_ID;
    var supportBoxChatSecret = 'VAS_SECRET';

    if (shoptet.customer.email) {
        var supportBoxChatVariables = {
            email: shoptet.customer.email,
        }
    }
</script>
<script src="https://chat.supportbox.cz/web-chat/entry-point" async defer></script>
<!-- Konec kodu chatu SupportBox -->

Takto by pak měl váš výsledný kód vypadat: 

HTML<!-- Zacatek kodu chatu SupportBox -->
<script type="text/javascript">
    var supportBoxChatId = 1111;
    var supportBoxChatSecret = 'a111aa1a1111aa11a11a1a111a';

    if (shoptet.customer.email) {
        var supportBoxChatVariables = {
            email: shoptet.customer.email,
        }
    }
</script>
<script src="https://chat.supportbox.cz/web-chat/entry-point" async defer></script>
<!-- Konec kodu chatu SupportBox -->

Změny nezapomeňte potvrdit kliknutím na zelené tlačítko Uložit.

Pokud se podíváte na váš web, v pravém spodním rohu budete mít již ikonku chatu.

Zákaznici vám nyní mohou psát dotazy a vy jim můžete pohodlně odpovídat přímo ze SupportBoxu.

Obsah košíku zákazníka v detailu chatu

Pokud provozujete e-shop na Shoptetu, v detailu live chatu vidíte i obsah košíku zákazníka, který vám právě píše. Díky tomu máte při komunikaci okamžitě kontext – víte, co zákazník zvažuje koupit, aniž byste se museli ptát.

Obsah košíku se zobrazí pouze tehdy, pokud zákazník nějaké zboží v košíku má. Pokud košík změní v průběhu chatu, zobrazí se nová bublina s aktuálním obsahem. Nejnovější stav košíku je vždy nahoře – včetně data a času aktualizace.

Narazili jste na nějaké nejasnosti? Napište nám na info@supportbox.cz a rádi vše prověříme.