Kako dodati klepetalnik Asyntai AI v Shopify

Vodič po korakih za trgovine Shopify

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

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>

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Dodajte kodo v svojo temo Shopify

Sledite tem korakom za dodajanje klepetalnika v svojo trgovino Shopify:

Prijavite se v svoj panel skrbništva Shopify
Pojdite na Spletna trgovina → Teme
Poišcite svojo trenutno temo in kliknite gumb "..." (tri pike)
Izberite "Uredi kodo" iz spustnega menija
V levi stranski vrstici pod Postavitev kliknite na theme.liquid
Pomaknite se, da poišcete zaključno oznako </body>
Prilepite svojo vdelovalno kodo Asyntai tik pred oznako </body>
Kliknite "Shrani" v zgornjem desnem kotu

Nasvet: Uporabite Ctrl+F (Windows) ali Cmd+F (Mac) za hitro iskanje </body> v datoteki theme.liquid.

Alternativa: Uporaba aplikacije Shopify

Če raje ne urejate kode, lahko uporabite aplikacijo Shopify za dodajanje skript po meri:

Pojdite v trgovino z aplikacijami Shopify
Poišcite "Custom Script Injector" ali "Header & Footer Scripts"
Namestite aplikacijo po svoji izbiri
Dodajte svojo vdelano kodo Asyntai v razdelek noge

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svojo trgovino Shopify v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu trgovine bi morali videti gumb pripomocka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.

Ne vidite klepetalnika? Shopify lahko predpomni datoteke vaše teme. Poskusite odpreti svojo trgovino v oknu brskalnika brez beleženja ali pocakajte nekaj minut in osvežite stran.

Uporabniki Shopify Plus

Če imate Shopify Plus, lahko skripto dodate tudi prek datoteke checkout.liquid za prikaz klepetalnika na straneh blagajne. Vendar upoštevajte, da vecina trgovin to potrebuje samo na glavnih straneh trgovine.

Dodajanje iskalne vrstice z UI

Iskalna vrstica z UI je ločen pripomoček z lastno kodo. Dodajte jo poleg klepeta ali samostojno. Zahteva paket Standard ali višji: pri nižjem se vrstica prikaže, a ne vrne rezultatov.

Oznaki script dodajte atribut data-replace in vrstica bo prevzela mesto tiste, ki jo tema že ima. Prilepite ga v theme.liquid tik pred zaključno oznako body, v isto datoteko kot kodo klepeta. Vaša tema obdrži svojo stran z rezultati, zato Enter deluje natanko tako kot prej.

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

Preberite celoten vodnik za iskalno vrstico z UI