Prvi koraki s Shopify

Povežite svojo trgovino Shopify, da lahko AI in agenti HelpStack odgovarjajo na vprašanja o naročilih, sledenju pošiljk in izdelkih ter po želji prikažejo klepetalni gradnik v živo v vaši trgovini.

Kaj dobite#

Tehnično znanje ni potrebno. Spodnji koraki trajajo približno 10–15 minut in ne zahtevajo nič drugega kot klikanje po nekaj straneh z nastavitvami.

Ste se pravkar registrirali? Če ste pri uvajanju navedli, da prodajate na Shopifyju, korak namestitve trgovino poveže namesto vas in se konča z enim klikom v urejevalniku teme, zato lahko spodnja koraka 1 in 3 preskočite.

Obračun. Povezana trgovina Shopify plačuje HelpStack prek Shopifyja, na strani s cenami aplikacije v vaši skrbniški plošči Shopify, zato nikoli ne plačate dvakrat. Trgovine, ki še niso povezane, naprosimo, da se povežejo, preden izberejo paket.

Korak 1 — Povežite svojo trgovino#

1. V nadzorni plošči HelpStack pojdite na Nastavitve → Integracije.
2. Poiščite kartico Shopify in kliknite Poveži Shopify.
3. Vnesite domeno .myshopify.com svoje trgovine, na primer your-store.myshopify.com, in kliknite Poveži.
4. Preusmerjeni boste na Shopify. Kliknite Install (ali Approve), da HelpStacku omogočite dostop samo za branje do svojih naročil, strank in izdelkov.
5. Vrnili se boste v HelpStack z zelenim stanjem Povezano.

To je to. Odslej agenti pri vsakem pogovoru vidijo ploščo Naročila v stranski vrstici, AI pa lahko odgovarja na vprašanja o naročilih in izdelkih.

Korak 2 — Dovolite dostop do podatkov o naročilih in strankah (enkratno)#

Shopify zahteva ločeno odobritev, preden lahko katera koli aplikacija bere podatke o naročilih in strankah. Dokler to ni opravljeno, AI na vprašanja o naročilih odgovori z "dostop omejen"; vprašanja o izdelkih delujejo tudi brez tega.

1. Odprite Shopify Partner Dashboard na naslovu dev.shopify.com in se prijavite.
2. V levem stranskem meniju kliknite Apps in izberite aplikacijo HelpStack.
3. Pojdite na API access (ali App setup → API access).
4. Poiščite Protected customer data access in kliknite, da ga odprete.
5. Omogočite predmet Order in označite Name, Email in Phone.
6. Kot razlog napišite: customer service — agents look up order status for shoppers.
7. Kliknite Save in počakajte na odobritev Shopifyja (za nove aplikacije v razvoju je to običajno takojšnje).

To storite samo enkrat. Dovoljenje velja na ravni aplikacije in ostane veljavno tudi po posodobitvah.

E-pošta tukaj ni neobvezna. HelpStack primerja e-poštni naslov na naročilu s tistim, ki ga navede kupec, preden karkoli prebere nazaj (glejte "Kako poizvedbe o naročilih varujejo vaše stranke" spodaj). Če v koraku 5 ne obkljukate polja Email, AI ne more potrditi, da naročilo pripada osebi, ki sprašuje, zato bo sporočil, da ustreznega naročila ni našel.

Kako poizvedbe o naročilih varujejo vaše stranke#

Klepetalni mehurček v vaši trgovini lahko odpre kdor koli, številke naročil pa običajno tečejo zaporedno — 1001, 1002, 1003 — zato številka naročila sama po sebi ni dokaz ničesar. HelpStack jo zato obravnava kot polovico odgovora:

• Za poizvedbo o določenem naročilu AI potrebuje številko naročila in e-poštni naslov, s katerim je bilo naročilo oddano. Če je kupec navedel samo številko, pomočnik vpraša za e-pošto, preden karkoli poišče.
• Če se to dvoje ne ujema, kupec dobi odgovor, da ustreznega naročila ni bilo mogoče najti. Ne izve, da naročilo obstaja, e-pošta pa je napačna, saj bi že to potrdilo, da je tuje naročilo resnično.
• Zgodovina stranke (število naročil, skupna poraba) se prikaže samo za osebo v tem pogovoru. AI ni mogoče pregovoriti, da bi prikazal podatke koga drugega.
• "Poišči moja naročila po e-pošti" deluje popolnoma enako kot prej: kupec, ki navede svoj naslov, dobi nazaj svoja naročila.

Na vašo ekipo to ne vpliva. Plošča Naročila v stranski vrstici je namenjena prijavljenim agentom, ki gledajo vašo lastno trgovino, zato še naprej prikazuje vse kot prej.

Korak 3 — Prikažite klepetalni gradnik v svoji trgovini (neobvezno)#

S tem korakom dodate klepetalni mehurček v svojo trgovino Shopify, da lahko kupci sprašujejo, ne da bi zapustili stran. Preskočite ta korak, če želite, da AI odgovarja samo na vprašanja, ki prihajajo po drugih kanalih (e-pošta, Instagram in podobno).

3a — Omogočite gradnik v HelpStack

1. Pojdite na Nastavitve → Integracije in odprite razdelek Gradnik v trgovini.
2. Vklopite stikalo Omogoči gradnik v trgovini.
3. Pod Privzeti kanal izberite kanal Klepet na spletni strani, ki ga želite uporabiti. (Če ga še nimate, ga najprej ustvarite pod Nastavitve → Kanali.)
4. Po želji dodajte vrstice po jezikih: kupci, katerih brskalnik je nastavljen na ta jezik, bodo preusmerjeni na drug kanal. Za jezike, ki niso dodeljeni, se uporabi privzeti kanal.
5. Kliknite Shrani.

3b — Dodajte gradnik v svojo temo

Izberite eno od spodnjih dveh metod:

Možnost A — App embed (priporočeno, brez kode)

Z metodo App embed lahko gradnik vklopite in izklopite v urejevalniku tem Shopify z enim samim klikom. Sprememb kode ni treba narediti. To deluje z vsemi temami Online Store 2.0.

1. V skrbniškem središču Shopify pojdite na Online Store → Themes.

2. Poleg svoje aktivne teme kliknite ikono svinčnika (Edit) ali Customize.

   

3. V urejevalniku tem, ki se odpre, v levem stranskem meniju poiščite razdelek App embeds (ikona sestavljanke, bližje dnu).

4. V seznamu poiščite HelpStack Chat in ga vklopite (ON).

   

5. Kliknite Save v zgornjem desnem kotu urejevalnika tem.

Klepetalni mehurček se takoj prikaže v vaši trgovini.

Možnost B — Ročni odrezek

To uporabite, če vaša tema ne podpira App embeds (starejše teme Debut ali Brooklyn).

1. V HelpStack pojdite na Nastavitve → Integracije in kopirajte odrezek, prikazan v razdelku Gradnik v trgovini. Videti je takole:

   <script src="https://helpstack.eu/api/shopify/storefront-widget.js?shop=your-store.myshopify.com" async></script>
   

2. V skrbniškem središču Shopify pojdite na Online Store → Themes → Edit code.

3. Odprite theme.liquid (v mapi Layout).

4. Prilepite odrezek tik pred zaključno oznako </body>.

5. Kliknite Save.

Odpravljanje težav#

Sorodno#

• Vgraditev widgeta
• Orodja agenta po meri
• Prvi koraki z WooCommerce
• Vodnik po kanalih