Как да добавите AI чатбот на Asyntai в WooCommerce

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

Платформа:

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

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

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

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

Стъпка 2: Използване на добавка (Препоръчително)

Най-лесният начин да добавите чатбота към вашия WooCommerce магазин е с безплатна добавка за header/footer:

Влезте в своя WordPress административен панел
Отидете на Plugins → Add New
Потърсете "Insert Headers and Footers" от WPCode (или подобна добавка)
Кликнете "Install Now" и след това "Activate"
Отидете на Code Snippets → Header & Footer (или страницата с настройки на добавката)
Поставете вашия Asyntai код за вграждане в секцията "Footer"
Кликнете "Save Changes"

Съвет: Добавянето на кода в долния колонтитул гарантира, че се зарежда след съдържанието на магазина, което е идеално за чат джаджи и няма да забави зареждането на страницата или да попречи на функционалността на WooCommerce.

Алтернатива: Използване на персонализатора на темата

Много теми за WooCommerce имат вградени опции за добавяне на персонализирани скриптове:

Отидете на Appearance → Customize
Потърсете секция с име "Additional CSS/JS", "Custom Code" или "Footer Scripts"
Поставете вашия Asyntai код за вграждане в подходящото поле
Кликнете "Publish", за да запазите промените

Забележка: Не всички теми имат тази опция. Ако вашата тема не включва полета за персонализирани скриптове, използвайте метода с добавка или редактирайте файла functions.php на темата.

Алтернатива: Редактиране на файловете на темата (functions.php)

For developers or those comfortable editing theme files:

Отидете на Appearance → Theme File Editor
Изберете вашата активна тема (или за предпочитане дъщерната тема)
Отворете файла functions.php
Добавете следния код в края на файла:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Заменете YOUR_WIDGET_ID с вашия действителен ID на уиджета
Кликнете "Update File"

Важно: Винаги използвайте дъщерна тема при редактиране на файлове на темата. Промените в родителската тема ще бъдат загубени при актуализиране на темата. Ако не се чувствате комфортно с редактирането на код, използвайте вместо това метода с добавка.

Алтернатива: Специфична за WooCommerce кука

За да заредите чатбота само на WooCommerce страници (магазин, продукт, количка, плащане):

Добавете този код към файла functions.php на вашата тема:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Заменете YOUR_WIDGET_ID с вашия действителен ID на уиджета
Запазете файла

Съвет: Този метод е полезен, ако искате AI чатботът да се появява само на страниците на магазина за помощ на клиенти с продукти и поръчки, а не на целия уебсайт.

Стъпка 3: Проверка на инсталацията

След запазване на промените посетете вашия WooCommerce магазин в нов раздел на браузъра или в инкогнито режим. Трябва да видите бутона на чат джаджата в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и работи правилно.

Не виждате уиджета? Ако имате инсталирана добавка за кеширане (като WP Super Cache, W3 Total Cache или WP Rocket), първо изчистете кеша. Опитайте също да изчистите кеша на браузъра или да прегледате в инкогнито режим.