Kako dodati Asyntai AI chatbot na Bagisto

Vodič korak po korak za Bagisto e-trgovinsku platformu

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte u Blade predložak rasporeda (preporučeno)

Bagisto koristi Laravel Blade predloške. Preporučeni pristup je dodavanje koda za ugradnju izravno u datoteku rasporeda trgovine:

Otvorite datoteku rasporeda trgovine:
- Izvor paketa: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- Objavljena verzija: resources/views/vendor/shop/layouts/master.blade.php (ako ste objavili poglede)
Pronađite zatvarajuću oznaku </body>
Dodajte kod za ugradnju neposredno prije </body>, nakon @stack('scripts'):

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

Savjet: Ako ste objavili poglede dobavljača, uredite objavljenu verziju u resources/views/vendor/shop/. U protivnom, prvo ih objavite s php artisan vendor:publish --tag=shop-views kako biste izbjegli gubitak promjena tijekom ažuriranja paketa.

Alternativna metoda 1: Korištenje @push('scripts') u pogledu

U bilo kojem Blade pogledu ili komponenti možete koristiti stog skripti za ubacivanje skripte chatbota:

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

Napomena: Ova metoda zahtijeva da @stack('scripts') bude prisutan u glavnoj datoteci rasporeda. Uključen je prema zadanim postavkama u Bagisto rasporedu.

Alternativna metoda 2: Korištenje davatelja usluga

Možete koristiti davatelja usluga da programski učinite skriptu dostupnom u svim pogledima. Kreirajte prilagođenog davatelja usluga ili koristite AppServiceProvider:

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

Ili kreirajte Blade komponentu koja prikazuje oznaku skripte i uključite je u svoj raspored.

Savjet: Pristup s davateljem usluga koristan je ako želite uvjetno učitati chatbot na temelju konfiguracijskih vrijednosti ili postavki okruženja.

Alternativna metoda 3: Korištenje Bagisto sustava događaja

Bagisto pokreće događaje pogleda na raznim točkama u rasporedu. Možete slušati bagisto.shop.layout.body.after za ubacivanje skripte chatbota:

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

Zatim kreirajte djelomični predložak na packages/Webkul/Shop/src/Resources/views/partials/asyntai-widget.blade.php (ili objavljeni ekvivalent) sa svojim kodom za ugradnju:

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

Napomena: Pristup sa sustavom događaja drži vaše promjene modularnima i odvojenima od glavnih datoteka rasporeda, olakšavajući upravljanje tijekom nadogradnji Bagista.

Korak 3: Očistite predmemoriju i provjerite

Nakon dodavanja koda za ugradnju, očistite predmemoriju aplikacije kako bi vaše promjene stupile na snagu:

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

Posjetite svoju Bagisto trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li pokrenuli i php artisan cache:clear i php artisan view:clear. Također pokušajte očistiti predmemoriju preglednika ili pregledavati u anonimnom prozoru. Ako ste izravno uredili izvor paketa, provjerite da nikakvi objavljeni pogledi ne nadjačavaju vaše promjene. Provjerite je li vaš kod za ugradnju ispravno postavljen prije zatvarajuće oznake </body>.