Cum să adăugați Chatbot-ul AI Asyntai în Shopify

Ghid pas cu pas pentru magazinele Shopify

Platformă:

Pasul 1: Obțineți codul de încorporare

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>

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Adăugați codul în tema Shopify

Urmați acești pași pentru a adăuga chatbot-ul în magazinul Shopify:

Conectați-vă la panoul Shopify Admin
Mergeți la Online Store → Themes
Găsiți tema curentă și faceți clic pe butonul "..." (trei puncte)
Selectați "Edit code" din meniul derulant
În bara laterală din stânga, sub Layout, faceți clic pe theme.liquid
Derulați pentru a găsi eticheta de închidere </body>
Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
Faceți clic pe "Save" în colțul din dreapta sus

Sfat: Utilizați Ctrl+F (Windows) sau Cmd+F (Mac) pentru a căuta rapid </body> în fișierul theme.liquid.

Alternativă: Utilizarea unei aplicații Shopify

Dacă preferați să nu editați codul, puteți utiliza o aplicație Shopify pentru a adăuga scripturi personalizate:

Mergeți la Shopify App Store
Căutați "Custom Script Injector" sau "Header & Footer Scripts"
Instalați aplicația dorită
Adăugați codul de încorporare Asyntai în secțiunea footer

Pasul 3: Verificați instalarea

După ce ați salvat modificările, vizitați magazinul Shopify într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Shopify poate face cache fișierelor temei. Încercați să deschideți magazinul într-o fereastră de browser incognito/privată, sau așteptați câteva minute și reîmprospătați pagina.

Utilizatori Shopify Plus

Dacă sunteți pe Shopify Plus, puteți adăuga scriptul și prin fișierul checkout.liquid pentru a afișa chatbot-ul pe paginile de checkout. Totuși, rețineți că majoritatea magazinelor au nevoie de el doar pe paginile principale ale vitrinei.

Adăugarea barei de căutare AI

Bara de căutare AI este un widget separat, cu propriul cod. Adăugați-o alături de chat sau singură. Necesită planul Standard sau superior: pe un plan inferior bara apare, dar nu returnează rezultate.

Adăugați atributul data-replace la eticheta script și bara ia locul celei existente din temă. Lipiți-l în theme.liquid chiar înainte de eticheta body de închidere, în același fișier cu codul de chat. Tema își păstrează propria pagină de rezultate, deci Enter funcționează exact ca înainte.

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

Citiți ghidul complet al barei de căutare AI