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

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

Платформа:

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

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

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

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

Корак 2: Коришћење додатка (препоручено)

Најлакши начин за додавање чатбота на вашу WooCommerce продавницу је коришћење бесплатног додатка за заглавље/подножје:

Log in to your WordPress Admin Dashboard
Идите на 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)

За програмере или оне који се удобно осећају при уређивању фајлова теме:

Идите на 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 стварним ИД-ом виџета
Кликните на "Update File"

Важно: Увек користите подтему при уређивању фајлова теме. Измене на родитељској теми биће изгубљене када ажурирате тему. Ако вам није удобно уређивање кода, користите методу додатка уместо тога.

Алтернатива: WooCommerce-специфични hook

Да бисте учитали чатбот само на 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 стварним ИД-ом виџета
Сачувајте фајл

Савет: Ова метода је корисна ако желите да AI чатбот буде само на страницама ваше продавнице за помоћ купцима са производима и наруџбинама, уместо на целом веб-сајту.

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

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

Не видите виџет? Ако имате инсталиран додатак за кеширање (попут WP Super Cache, W3 Total Cache или WP Rocket), прво очистите кеш. Такође покушајте да обришете кеш прегледача или да прегледате у инкогнито прозору.