Как да добавите Asyntai AI чатбот към Shopify

Ръководство стъпка по стъпка за Shopify магазини

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо, отидете във вашето табло на Asyntai и превъртете надолу до секцията „Embed Code“. Копирайте вашия уникален код за вграждане, който ще изглежда така:

<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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Добавяне на код към вашата Shopify тема

Следвайте тези стъпки, за да добавите чатбота към вашия Shopify магазин:

Влезте в панела Shopify Admin
Отидете на Online Store → Themes
Намерете текущата си тема и щракнете върху бутона "..." (три точки)
Изберете "Edit code" от падащото меню
В лявата странична лента, под Layout, щракнете върху theme.liquid
Превъртете надолу, за да намерите затварящия таг </body>
Поставете вашия Asyntai код за вграждане точно преди тага </body>
Кликнете "Save" в горния десен ъгъл

Съвет: Използвайте 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 лентата за търсене