Cum să adăugați chatbot-ul AI Asyntai pe Bagisto

Ghid pas cu pas pentru platforma de e-commerce Bagisto

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Adăugați în șablonul Blade Layout (recomandat)

Bagisto utilizează șabloane Laravel Blade. Abordarea recomandată este să adăugați codul de încorporare direct în fișierul de layout al magazinului:

Deschideți fișierul de layout al magazinului:
- Sursă pachet: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- Versiune publicată: resources/views/vendor/shop/layouts/master.blade.php (dacă ați publicat vizualizările)
Găsiți eticheta de închidere </body>
Adăugați codul de încorporare chiar înainte de </body>, după @stack('scripts'):

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

Sfat: Dacă ați publicat vizualizările vendor, editați versiunea publicată din resources/views/vendor/shop/. Altfel, publicați-le mai întâi cu php artisan vendor:publish --tag=shop-views pentru a evita pierderea modificărilor în timpul actualizărilor de pachete.

Metoda alternativă 1: Utilizarea @push('scripts') într-o vizualizare

În orice vizualizare sau componentă Blade, puteți folosi stiva de scripturi pentru a injecta scriptul chatbotului:

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

Notă: Această metodă necesită ca @stack('scripts') să fie prezent în fișierul de layout principal. Este inclus implicit în layout-ul Bagisto.

Metoda alternativă 2: Utilizarea unui furnizor de servicii

Puteți utiliza un furnizor de servicii pentru a face scriptul disponibil programatic în toate vizualizările. Creați un furnizor de servicii personalizat sau utilizați AppServiceProvider:

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

Sau creați o componentă Blade care randează eticheta script și includeți-o în layout-ul dvs.

Sfat: Abordarea cu furnizor de servicii este utilă dacă doriți să încărcați condiționat chatbotul pe baza valorilor de configurare sau a setărilor de mediu.

Metoda alternativă 3: Utilizarea sistemului de evenimente Bagisto

Bagisto declanșează evenimente de vizualizare în diferite puncte ale layout-ului. Puteți asculta bagisto.shop.layout.body.after pentru a injecta scriptul chatbotului:

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

Apoi creați șablonul parțial la packages/Webkul/Shop/src/Resources/views/partials/asyntai-widget.blade.php (sau echivalentul publicat) cu codul dvs. de încorporare:

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

Notă: Abordarea cu sistemul de evenimente menține modificările dvs. modulare și separate de fișierele de layout de bază, facilitând gestionarea în timpul actualizărilor Bagisto.

Pasul 3: Goliți memoria cache și verificați

După adăugarea codului de încorporare, goliți memoria cache a aplicației pentru a vă asigura că modificările intră în vigoare:

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

Vizitați magazinul dvs. Bagisto într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că ați rulat atât php artisan cache:clear, cât și php artisan view:clear. De asemenea, încercați să goliți memoria cache a browserului sau să vizualizați într-o fereastră incognito. Dacă ați editat direct sursa pachetului, verificați dacă nu există vizualizări publicate care suprascriu modificările dvs. Verificați dacă codul de încorporare este plasat corect înainte de eticheta de închidere </body>.