Како додати Asyntai AI чатбот на Shopify

Водич корак по корак за Shopify продавнице

Платформа:

Корак 1: Набавите свој код за уграђивање

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>

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Корак 2: Додајте код у вашу Shopify тему

Пратите ове кораке да бисте додали чатбот у вашу Shopify продавницу:

Пријавите се на ваш Shopify Admin панел
Идите на Online Store → Themes
Пронађите вашу тренутну тему и кликните на дугме "..." (три тачке)
Изаберите "Edit code" из падајућег менија
У левој бочној траци, под Layout, кликните на theme.liquid
Померите се да пронађете затварајућу </body> ознаку
Налепите свој Asyntai код за уграђивање непосредно пре </body> ознаке
Кликните „Сачувај" у горњем десном углу

Савет: Користите Ctrl+F (Windows) или Cmd+F (Mac) за брзо претраживање </body> у theme.liquid фајлу.

Алтернатива: Коришћење Shopify апликације

Ако не желите да уређујете код, можете користити Shopify апликацију за додавање прилагођених скрипти:

Идите на Shopify App Store
Претражите "Custom Script Injector" или "Header & Footer Scripts"
Инсталирајте апликацију по вашем избору
Додајте ваш Asyntai код за уградњу у секцију подножја

Корак 3: Верификујте инсталацију

Након чувања промена, посетите вашу Shopify продавницу у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу ваше продавнице. Кликните на њега да проверите да ли се отвара и ради исправно.

Не видите виџет? Shopify може кеширати ваше фајлове теме. Покушајте да отворите продавницу у инкогнито/приватном прозору прегледача, или сачекајте неколико минута и освежите страницу.

Shopify Plus корисници

Ако сте на Shopify Plus плану, такође можете додати скрипту кроз checkout.liquid фајл да бисте приказали чатбот на страницама за плаћање. Међутим, имајте на уму да већини продавница то треба само на главним страницама продавнице.

Додавање AI траке за претрагу

AI трака за претрагу је засебан виџет са сопственим кодом. Додајте је уз ћаскање или самостално. Захтева план Standard или виши: на нижем трака се приказује, али не враћа резултате.

Додајте атрибут data-replace у script ознаку и трака ће заузети место оне коју ваша тема већ има. Налепите га у theme.liquid непосредно пре затварајуће body ознаке, у исту датотеку као и код ћаскања. Ваша тема задржава сопствену страницу резултата, па Enter ради тачно као и раније.

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

Прочитајте комплетан водич за AI траку за претрагу