Shopware

Čo budete potrebovať

• Účet v Otte. Kód chatu nájdete v paneli v Prehľade, na karte Inštalácia a integrácie, na dlaždici Shopware. Je pod dlaždicou Ďalšie platformy, nájdete ju aj vyhľadávaním.
• Shopware 6. Tag Manager cez záložku Analytics predajného kanála ide od verzie 6.7.
• Pri ceste cez šablónu: vývojára alebo agentúru s prístupom ku kódu obchodu.
• Pri ceste cez rozšírenie: prístup do administrácie s právom inštalovať rozšírenia.

Kód chatu

Google Tag Manager z vložených značiek vyhodí atribúty data-, takže by chat nevedel svoj kľúč. Dlaždica Shopware vám preto dá krátky zavádzač, ktorý chat spustí aj s kľúčom. Kliknite na Skopírovať kód:

<script>(function(){var s=document.createElement('script');s.src='https://ottoai.sk/widget.js';s.async=true;s.setAttribute('data-otto-key','pk_vas_kluc');(document.head||document.documentElement).appendChild(s);})();</script>

Vloženie kódu

Šablóna témy (vývojár)

1. Pošlite kód chatu vývojárovi alebo agentúre, ktorá vám obchod spravuje. Môžete použiť e-mail nižšie.
2. Vývojár v téme alebo vlastnom plugine rozšíri šablónu @Storefront/storefront/base.html.twig a kód pridá do bloku base_body_script spolu s {{ parent() }}. Blok je tesne pred </body>.
3. Po nasadení otvorte Settings, System, Caches & indexes a kliknite na Clear cache.

Rozšírenie zo Shopware Store

1. V administrácii otvorte Extensions, Store a nájdite rozšírenie, ktoré vkladá vlastný HTML kód so značkou <script> na všetky stránky obchodu.
2. Rozšírenie pridajte a nainštalujte, potom ho v Extensions, My extensions aktivujte.
3. V nastaveniach rozšírenia vložte kód chatu do poľa pre kód na konci stránky alebo v pätičke a uložte.
4. Otvorte Settings, System, Caches & indexes a kliknite na Clear cache.

Google Tag Manager

1. Ak Tag Manager v obchode ešte nemáte: v Sales Channels otvorte predajný kanál obchodu a záložku Analytics.
2. Do Tracking ID zadajte ID kontajnera GTM-…, zapnite Activate Google Analytics a kliknite na Save.
3. V Google Tag Manageri kliknite na Značky, Nová, potom na Konfigurácia značky a vyberte Vlastné HTML.
4. Kód chatu vložte do poľa HTML, ako spúšťač vyberte všetky stránky (All Pages) a značku uložte.
5. Kliknite na Odoslať a zmeny zverejnite tlačidlom Zverejniť.

Postup nájdete aj v oficiálnej nápovede platformy Shopware.

E-mail pre podporu

Kód vkladá podpora, agentúra alebo vývojár? Pošlite im tento e-mail a pod text vložte kód chatu z dlaždice.

Dobrý deň,

prosím o vloženie priloženého kódu chatu Otto do nášho obchodu Shopware tak, aby bol na všetkých stránkach tesne pred </body>. Navrhujem rozšíriť šablónu @Storefront/storefront/base.html.twig v našej téme a kód pridať do bloku base_body_script spolu s {{ parent() }}. Kód prosím vložte na ostrý obchod, chat sa naviaže na doménu, kde sa ukáže prvýkrát. Po úprave prosím vymažte cache.

Ďakujem.

Overenie

1. Otvorte svoj web v novom okne prehliadača a obnovte stránku. Vpravo dole má naskočiť bublina chatu.
2. Napíšte do chatu skúšobnú otázku. Otto odpovie o pár sekúnd.
3. V paneli v Nastaveniach, v časti Prepojenia, riadok Váš web ukáže doménu, na ktorej chat beží.

Katalóg produktov

Feed pre Google vytvoríte ako predajný kanál typu Product comparison (Produktvergleich) so šablónou Google Shopping (XML), adresa je v jeho nastaveniach pri Export URL. Predtým musíte mať vytvorenú dynamickú skupinu produktov (Dynamic product group).

Adresu feedu vložte v paneli v Nastaveniach, v časti Katalóg, a kliknite na Overiť feed. Panel povie, koľko produktov našiel, a Otto si feed potom obnovuje sám. Viac v časti Katalóg produktov.

Keď niečo nefunguje

Chat sa ukáže až po súhlase s cookies

Tag Manager zo záložky Analytics načíta Shopware až po súhlase s cookies Google. Ak má byť chat hneď, použite cestu cez šablónu témy alebo rozšírenie.

Po prepnutí na Tag Manager zmizlo meranie Google Analytics

Tracking ID teraz načítava Tag Manager namiesto Google Analytics. V Tag Manageri pridajte značku pre Google Analytics.

Máme Shopware v cloude

Do cloudovej verzie sa inštalujú len aplikácie (apps), nie pluginy, a šablóna sa upravuje len cez aplikáciu. Použite aplikáciu zo Shopware Store, ktorá vkladá HTML kód, alebo Tag Manager.

Rozšírenie prijme len JavaScript bez značky script

Kód chatu je HTML so značkou <script>. Vyberte rozšírenie, ktoré vkladá HTML kód, alebo cestu cez šablónu témy.

Ďalej skontrolujte

• Obnovte stránku bez cache klávesmi Ctrl+F5 alebo ju otvorte v anonymnom okne.
• Kód má byť na stránke len raz, druhý sa ignoruje.
• Lišta súhlasu s cookies môže skripty zablokovať až do súhlasu. Ak sa chat ukáže až po súhlase, pozrite časť Súhlas s cookies.
• Ak má web hlavičku Content-Security-Policy, povoľte v nej https://ottoai.sk, postup je v časti Content-Security-Policy.
• V konzole prehliadača (kláves F12) hľadajte správy začínajúce [Otto]. Povedia, čo chatu chýba.
• Stále nič? Napíšte nám na podpora@ottoai.sk a pošlite adresu webu.

Odstránenie chatu

Kód zmažte tam, kam ste ho vložili: vývojár ho odstráni zo šablóny, v rozšírení ho vymažte alebo rozšírenie deaktivujte, v Tag Manageri značku zmažte a zmeny zverejnite. Potom v Caches & indexes kliknite na Clear cache.