Preskočiť na obsah
Platformy

Shopify

Ako vložiť kód chatu Otta do témy na Shopify, kde vziať feed produktov a čo robiť, keď chat po zmene témy zmizne.

Na tejto stránke

Shopify je obchodná platforma s administráciou aj v slovenčine. Kód chatu vložíte do súboru témy theme.liquid v editore kódu, zaberie to asi 5 minút. Ak s kódom témy nepracujete, pošlite ho vývojárovi.

Č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 Shopify.
  • Prístup do administrácie Shopify ako vlastník obchodu alebo pracovník s oprávneniami na témy a úpravu kódu.
  • Zakúpenú tému. Kód platenej témy v skúšobnej verzii dovolí Shopify upraviť až po kúpe.

Kód chatu

Na dlaždici Shopify kliknite na Skopírovať kód. Dostanete jeden riadok s verejným kľúčom vašej firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukážke je namiesto kľúča pk_vas_kluc, dlaždica vám dá kód s vaším kľúčom. Kľúč nie je heslo, netreba ho tajiť. Kód stačí vložiť raz, platí pre celý web.

Vloženie kódu

  1. V administrácii Shopify otvorte Internetový obchod a potom Témy. V anglickej administrácii je to Online Store, Themes.
  2. Pri aktuálnej téme kliknite na tlačidlo s tromi bodkami a tému si najprv zduplikujte. Kópia vám poslúži ako záloha.
  3. V tej istej ponuke s tromi bodkami zvoľte Upraviť kód (Edit code).
  4. V zozname súborov otvorte priečinok layout a v ňom súbor theme.liquid.
  5. Kód chatu vložte na samostatný riadok tesne pred </body>. Býva blízko konca súboru.
  6. Kliknite na Uložiť.

Návod s obrázkami a odpoveďami na časté otázky je na ottoai.sk/otto-pre-shopify.

Kód je uložený v téme. Keď zverejníte inú tému, vložte ho aj do nej.
V pokladni sa chat neukáže. Shopify v pokladni skripty z témy nespúšťa.

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

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 vás o vloženie priloženého kódu chatu Otto do aktuálnej témy nášho obchodu na Shopify. Patrí do súboru layout/theme.liquid tesne pred </body>, aby bol na všetkých stránkach. Je to jeden riadok, ktorý sa načíta asynchrónne.

Ď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ží.
Chat sa môže ukázať už v náhľade editora témy na adrese .myshopify.com. Na vašu doménu sa presunie sám, keď sa na nej prvýkrát ukáže.

Katalóg produktov

Shopify feed pre Heureku ani Zboží nevytvára. Feed vo formáte Heureka alebo Google s verejnou adresou vytvorí aplikácia zo Shopify App Store. Kanál Google & YouTube posiela produkty len do Google Merchant Center a adresu feedu nedá.

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

Po zmene alebo aktualizácii témy chat zmizol

Kód je súčasťou témy, do novej témy ho vložte znova. Pri aktualizácii Shopify úpravy kódu prenesie, ak nie sú v rozpore s novou verziou. Keď na karte témy uvidíte, že ich preniesť nemohol, vložte kód znova.

Upraviť kód sa nedá otvoriť

Platenú tému v skúšobnej verzii treba najprv kúpiť. Ak ste v obchode pracovník, vlastník vám musí pridať oprávnenia na témy a úpravu kódu.

Obchod je zamknutý heslom a chat nevidno

Na stránke s heslom sa chat neukazuje a Otto si stránky obchodu neprečíta. Chat uvidíte po zadaní hesla, produkty Ottovi dajte cez feed.

Ceny z Heureka feedu sú v nesprávnej mene

Feed z aplikácie býva na adrese aplikácie, takže Otto z nej menu neodhadne. V paneli Otta v Nastaveniach, časť Katalóg, nastavte pole Mena cien.

Ď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

V Internetový obchod, Témy otvorte pri aktuálnej téme Upraviť kód, v súbore layout/theme.liquid zmažte riadok s kódom chatu a kliknite na Uložiť.