Shopware

Co budete potřebovat

• Účet v Ottovi. Kód chatu najdete v panelu v Přehledu, na kartě Instalace a integrace, na dlaždici Shopware. Je pod dlaždicí Další platformy, najdete ji i vyhledáváním.
• Shopware 6. Tag Manager přes záložku Analytics prodejního kanálu funguje od verze 6.7.
• U cesty přes šablonu: vývojáře nebo agenturu s přístupem ke kódu obchodu.
• U cesty přes rozšíření: přístup do administrace s právem instalovat rozšíření.

Kód chatu

Google Tag Manager z vložených značek vyhodí atributy data-, takže by chat neznal svůj klíč. Dlaždice Shopware vám proto dá krátký zavaděč, který chat spustí i s klíčem. Klikněte na Zkopírovat 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žení kódu

Šablona motivu (vývojář)

1. Pošlete kód chatu vývojáři nebo agentuře, která vám obchod spravuje. Můžete použít e-mail níže.
2. Vývojář v motivu nebo vlastním pluginu rozšíří šablonu @Storefront/storefront/base.html.twig a kód přidá do bloku base_body_script spolu s {{ parent() }}. Blok je těsně před </body>.
3. Po nasazení otevřete Settings, System, Caches & indexes a klikněte na Clear cache.

Rozšíření ze Shopware Store

1. V administraci otevřete Extensions, Store a najděte rozšíření, které vkládá vlastní HTML kód se značkou <script> na všechny stránky obchodu.
2. Rozšíření přidejte a nainstalujte, pak ho v Extensions, My extensions aktivujte.
3. V nastavení rozšíření vložte kód chatu do pole pro kód na konci stránky nebo v patičce a uložte.
4. Otevřete Settings, System, Caches & indexes a klikněte na Clear cache.

Google Tag Manager

1. Pokud Tag Manager v obchodě ještě nemáte: v Sales Channels otevřete prodejní kanál obchodu a záložku Analytics.
2. Do Tracking ID zadejte ID kontejneru GTM-…, zapněte Activate Google Analytics a klikněte na Save.
3. V Google Tag Manageru klikněte na Značky, Nová, pak na Konfigurace značky a vyberte Vlastní HTML.
4. Kód chatu vložte do pole HTML, jako spouštěč vyberte všechny stránky (All Pages) a značku uložte.
5. Klikněte na Odeslat a změny zveřejněte tlačítkem Publikovat.

Postup najdete i v oficiální nápovědě platformy Shopware.

E-mail pro podporu

Kód vkládá podpora, agentura nebo vývojář? Pošlete jim tento e-mail a pod text vložte kód chatu z dlaždice.

Dobrý den,

prosím o vložení přiloženého kódu chatu Otto do našeho obchodu Shopware tak, aby byl na všech stránkách těsně před </body>. Navrhuji rozšířit šablonu @Storefront/storefront/base.html.twig v našem motivu a kód přidat do bloku base_body_script spolu s {{ parent() }}. Kód prosím vložte na ostrý obchod, chat se naváže na doménu, kde se poprvé ukáže. Po úpravě prosím vymažte mezipaměť.

Děkuji.

Ověření

1. Otevřete svůj web v novém okně prohlížeče a obnovte stránku. Vpravo dole má naskočit bublina chatu.
2. Napište do chatu zkušební otázku. Otto odpoví za pár sekund.
3. V panelu v Nastavení, v části Propojení, řádek Váš web ukáže doménu, na které chat běží.

Katalog produktů

Feed pro Google vytvoříte jako prodejní kanál typu Product comparison (Produktvergleich) se šablonou Google Shopping (XML), adresa je v jeho nastavení u Export URL. Předtím musíte mít vytvořenou dynamickou skupinu produktů (Dynamic product group).

Adresu feedu vložte v panelu v Nastavení, v části Katalog, a klikněte na Ověřit feed. Panel řekne, kolik produktů našel, a Otto si feed pak obnovuje sám. Více v části Katalog produktů.

Když něco nefunguje

Chat se ukáže až po souhlasu s cookies

Tag Manager ze záložky Analytics načte Shopware až po souhlasu s cookies Google. Pokud má být chat hned, použijte cestu přes šablonu motivu nebo rozšíření.

Po přepnutí na Tag Manager zmizelo měření Google Analytics

Tracking ID teď načítá Tag Manager místo Google Analytics. V Tag Manageru přidejte značku pro Google Analytics.

Máme Shopware v cloudu

Do cloudové verze se instalují jen aplikace (apps), ne pluginy, a šablona se upravuje jen přes aplikaci. Použijte aplikaci ze Shopware Store, která vkládá HTML kód, nebo Tag Manager.

Rozšíření přijme jen JavaScript bez značky script

Kód chatu je HTML se značkou <script>. Vyberte rozšíření, které vkládá HTML kód, nebo cestu přes šablonu motivu.

Dále zkontrolujte

• Obnovte stránku bez mezipaměti klávesami Ctrl+F5 nebo ji otevřete v anonymním okně.
• Kód má být na stránce jen jednou, druhý se ignoruje.
• Lišta souhlasu s cookies může skripty zablokovat až do souhlasu. Pokud se chat ukáže až po souhlasu, podívejte se do části Souhlas s cookies.
• Pokud má web hlavičku Content-Security-Policy, povolte v ní https://ottoai.sk, postup je v části Content-Security-Policy.
• V konzoli prohlížeče (klávesa F12) hledejte zprávy začínající [Otto]. Řeknou, co chatu chybí.
• Pořád nic? Napište nám na podpora@ottoai.sk a pošlete adresu webu.

Odstranění chatu

Kód smažte tam, kam jste ho vložili: vývojář ho odstraní ze šablony, v rozšíření ho vymažte nebo rozšíření deaktivujte, v Tag Manageru značku smažte a změny zveřejněte. Pak v Caches & indexes klikněte na Clear cache.