Kako dodati Asyntai AI chatbot na Shopify

Vodič korak po korak za Shopify trgovine

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte kod u svoju Shopify temu

Slijedite ove korake za dodavanje chatbota u svoju Shopify trgovinu:

Prijavite se u svoj Shopify Admin panel
Idite na Online Store → Themes
Pronadite svoju trenutnu temu i kliknite gumb "..." (tri tocke)
Odaberite "Edit code" iz padajućeg izbornika
U lijevoj bocnoj traci, pod Layout, kliknite na theme.liquid
Pomaknite se da pronađete završnu oznaku </body>
Zalijepite svoj Asyntai kod za ugradnju neposredno prije oznake </body>
Kliknite "Save" u gornjem desnom kutu

Savjet: Koristite Ctrl+F (Windows) ili Cmd+F (Mac) za brzo trazenje </body> u datoteci theme.liquid.

Alternativa: Korištenje Shopify aplikacije

Ako ne zelite uredivati kod, mozete koristiti Shopify aplikaciju za dodavanje prilagodenih skripti:

Idite na Shopify App Store
Potrazite "Custom Script Injector" ili "Header & Footer Scripts"
Instalirajte aplikaciju po izboru
Upotrijebite aplikaciju kako biste dodali svoj Asyntai ugradbeni kod u odjeljak podnožja

Korak 3: Provjerite instalaciju

Nakon spremanja promjena, posjetite svoju Shopify trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu trgovine. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Shopify moze predmemorirati datoteke teme. Pokusajte otvoriti trgovinu u anonimnom/privatnom prozoru preglednika ili pricekajte nekoliko minuta i osvjezite stranicu.

Shopify Plus korisnici

Ako ste na Shopify Plus, mozete takoder dodati skriptu putem datoteke checkout.liquid za prikaz chatbota na stranicama naplate. Medutim, imajte na umu da vecina trgovina treba chatbot samo na glavnim stranicama trgovine.

Dodavanje AI trake za pretraživanje

AI traka za pretraživanje zaseban je widget s vlastitim kodom. Dodajte je uz chat ili samostalno. Zahtijeva paket Standard ili viši: na nižem traka se prikazuje, ali ne vraća rezultate.

Dodajte atribut data-replace u script oznaku i traka će zauzeti mjesto one koju vaša tema već ima. Zalijepite ga u theme.liquid neposredno prije zatvarajuće body oznake, u istu datoteku kao i kod chata. Vaša tema zadržava vlastitu stranicu s rezultatima, pa Enter radi točno kao i prije.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Pročitajte cijeli vodič za AI traku za pretraživanje