Како додати Asyntai АИ четбот у Bagisto

Водич корак по корак за Bagisto е-трговинску платформу

Платформа:

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

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

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

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

Корак 2: Додајте у Blade шаблон распореда (препоручено)

Bagisto користи Laravel Blade шаблоне. Препоручени приступ је додавање кода за уграђивање директно у фајл распореда продавнице:

Отворите фајл распореда продавнице:
- Извор пакета: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- Објављена верзија: resources/views/vendor/shop/layouts/master.blade.php (ако сте објавили прегледе)
Пронађите затварајућу </body> ознаку
Додајте код за уграђивање непосредно пре </body>, након @stack('scripts'):

@stack('scripts')
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

Савет: Ако сте објавили прегледе произвођача, уредите објављену верзију у resources/views/vendor/shop/. У супротном, прво их објавите помоћу php artisan vendor:publish --tag=shop-views да бисте избегли губитак промена током ажурирања пакета.

Алтернативни метод 1: Коришћење @push('scripts') у прегледу

У било ком Blade прегледу или компоненти, можете користити стек скрипти за убацивање скрипте четбота:

@push('scripts')
    <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
@endpush

Напомена: Овај метод захтева да @stack('scripts') буде присутан у главном фајлу распореда. Укључен је подразумевано у Bagisto распореду.

Алтернативни метод 2: Коришћење сервис провајдера

Можете користити сервис провајдер да програмски учините скрипту доступном у свим прегледима. Креирајте прилагођени сервис провајдер или користите AppServiceProvider:

public function boot()
{
    view()->composer('shop::layouts.master', function ($view) {
        // The script will be available in the layout
    });
}

Или креирајте Blade компоненту која рендерује ознаку скрипте и укључите је у свој распоред.

Савет: Приступ са сервис провајдером је користан ако желите условно учитавање четбота на основу конфигурационих вредности или подешавања окружења.

Алтернативни метод 3: Коришћење Bagisto система догађаја

Bagisto покреће догађаје прегледа на различитим тачкама у распореду. Можете ослушкивати bagisto.shop.layout.body.after да убаците скрипту четбота:

Event::listen('bagisto.shop.layout.body.after', function($viewRenderEventManager) {
    $viewRenderEventManager->addTemplate('shop::partials.asyntai-widget');
});

Затим креирајте парцијални шаблон на packages/Webkul/Shop/src/Resources/views/partials/asyntai-widget.blade.php (или објављени еквивалент) са својим кодом за уграђивање:

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

Напомена: Приступ са системом догађаја одржава ваше промене модуларним и одвојеним од основних фајлова распореда, чинећи их лакшим за управљање током Bagisto надоградњи.

Корак 3: Обришите кеш и верификујте

Након додавања кода за уграђивање, обришите кеш апликације да бисте осигурали да ваше промене ступе на снагу:

php artisan cache:clear && php artisan view:clear

Посетите своју Bagisto продавницу у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и исправно ради.

Не видите виџет? Уверите се да сте покренули и php artisan cache:clear и php artisan view:clear. Такође покушајте да обришете кеш претраживача или прегледате у инкогнито прозору. Ако сте директно уређивали извор пакета, верификујте да објављени прегледи не преписују ваше промене. Проверите да ли је код за уграђивање правилно постављен пре затварајуће </body> ознаке.