Přeskočit na obsah
Platformy

Shopify

Jak vložit kód chatu Otta do motivu na Shopify, kde vzít feed produktů a co dělat, když chat po změně motivu zmizí.

Na této stránce

Shopify je obchodní platforma s administrací i v češtině. Kód chatu vložíte do souboru motivu theme.liquid v editoru kódu, zabere to asi 5 minut. Pokud s kódem motivu nepracujete, pošlete ho vývojáři.

Co budete potřebovat

  • Účet v Ottovi. Kód chatu najdete v panelu v Přehledu, na kartě Instalace a integrace, na dlaždici Shopify.
  • Přístup do administrace Shopify jako vlastník obchodu nebo pracovník s oprávněním k motivům a úpravě kódu.
  • Koupený motiv. Kód placeného motivu ve zkušební verzi dovolí Shopify upravit až po koupi.

Kód chatu

Na dlaždici Shopify klikněte na Zkopírovat kód. Dostanete jeden řádek s veřejným klíčem vaší firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukázce je místo klíče pk_vas_kluc, dlaždice vám dá kód s vaším klíčem. Klíč není heslo, netřeba ho tajit. Kód stačí vložit jednou, platí pro celý web.

Vložení kódu

  1. V administraci Shopify otevřete Internetový obchod a pak Motivy. V anglické administraci je to Online Store, Themes.
  2. U aktuálního motivu klikněte na tlačítko se třemi tečkami a motiv si nejdřív duplikujte. Kopie vám poslouží jako záloha.
  3. Ve stejné nabídce se třemi tečkami zvolte Upravit kód (Edit code).
  4. V seznamu souborů otevřete složku layout a v ní soubor theme.liquid.
  5. Kód chatu vložte na samostatný řádek těsně před </body>. Bývá blízko konce souboru.
  6. Klikněte na Uložit.

Návod s obrázky a odpověďmi na časté otázky je na ottoai.cz/otto-pro-shopify.

Kód je uložený v motivu. Když zveřejníte jiný motiv, vložte ho i do něj.
V pokladně se chat neukáže. Shopify v pokladně skripty z motivu nespouští.

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

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 aktuálního motivu našeho obchodu na Shopify. Patří do souboru layout/theme.liquid těsně před </body>, aby byl na všech stránkách. Je to jeden řádek, který se načítá asynchronně.

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ěží.
Chat se může ukázat už v náhledu editoru motivu na adrese .myshopify.com. Na vaši doménu se přesune sám, jakmile se na ní poprvé ukáže.

Katalog produktů

Shopify feed pro Heureku ani Zboží nevytváří. Feed ve formátu Heureka nebo Google s veřejnou adresou vytvoří aplikace ze Shopify App Store. Kanál Google & YouTube posílá produkty jen do Google Merchant Center a adresu feedu nedá.

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

Po změně nebo aktualizaci motivu chat zmizel

Kód je součástí motivu, do nového motivu ho vložte znovu. Při aktualizaci Shopify úpravy kódu přenese, pokud nejsou v rozporu s novou verzí. Když na kartě motivu uvidíte, že je přenést nemohl, vložte kód znovu.

Upravit kód nejde otevřít

Placený motiv ve zkušební verzi je potřeba nejdřív koupit. Pokud jste v obchodě pracovník, vlastník vám musí přidat oprávnění k motivům a úpravě kódu.

Obchod je zamčený heslem a chat není vidět

Na stránce s heslem se chat neukazuje a Otto si stránky obchodu nepřečte. Chat uvidíte po zadání hesla, produkty Ottovi dejte přes feed.

Ceny z Heureka feedu jsou ve špatné měně

Feed z aplikace bývá na adrese aplikace, takže z ní Otto měnu neodhadne. V panelu Otta v Nastavení, část Katalog, nastavte pole Měna cen.

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

V Internetový obchod, Motivy otevřete u aktuálního motivu Upravit kód, v souboru layout/theme.liquid smažte řádek s kódem chatu a klikněte na Uložit.