Hur du lägger till Asyntai AI-chattbot i Bagisto

Steg-för-steg-guide för Bagisto e-handelsplattform

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till i Blade-layoutmallen (rekommenderas)

Bagisto använder Laravel Blade-mallar. Det rekommenderade tillvägagångssättet är att lägga till inbäddningskoden direkt i butikslayoutfilen:

Öppna butikslayoutfilen:
- Paketkälla: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- Publicerad version: resources/views/vendor/shop/layouts/master.blade.php (om du har publicerat vyerna)
Hitta den avslutande taggen </body>
Lägg till inbäddningskoden precis före </body>, efter @stack('scripts'):

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

Tips: Om du har publicerat leverantörsvyerna, redigera den publicerade versionen i resources/views/vendor/shop/. Annars publicera dem först med php artisan vendor:publish --tag=shop-views för att undvika att förlora ändringar vid paketuppdateringar.

Alternativ metod 1: Använda @push('scripts') i en vy

I vilken Blade-vy eller komponent som helst kan du använda skript-stacken för att injicera chattbot-skriptet:

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

Obs! Den här metoden kräver att @stack('scripts') finns i huvudlayoutfilen. Den ingår som standard i Bagistos layout.

Alternativ metod 2: Använda en tjänsteleverantör

Du kan använda en service provider för att göra scriptet tillgängligt i alla vyer programmatiskt. Skapa en anpassad service provider eller använd AppServiceProvider:

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

Eller skapa en Blade-komponent som renderar skripttaggen och inkludera den i din layout.

Tips: Tjänstleverantörsmetoden är användbar om du vill villkorligt ladda chattboten baserat på konfigurationsvärden eller miljöinställningar.

Alternativ metod 3: Använda Bagisto-händelsesystem

Bagisto skickar vyhändelser vid olika punkter i layouten. Du kan lyssna på bagisto.shop.layout.body.after för att injicera chattbotskriptet:

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

Skapa sedan den partiella mallen på packages/Webkul/Shop/src/Resources/views/partials/asyntai-widget.blade.php (eller det publicerade ekvivalenta) med din inbäddningskod:

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

Obs! Händelsesystemets metod håller dina ändringar modulära och separata från kärnlayoutfilerna, vilket gör det enklare att hantera under Bagisto-uppgraderingar.

Steg 3: Rensa cache och verifiera

Efter att du har lagt till inbäddningskoden, rensa applikationens cache för att säkerställa att dina ändringar träder i kraft:

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

Besök din Bagisto-butik i en ny webbläsarflik eller inkognitofönster. Du bör se chattwidgetens knapp i det nedre högra hörnet. Klicka på den för att se till att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du körde både php artisan cache:clear och php artisan view:clear. Prova också att rensa webbläsarens cache eller visa i ett inkognitofönster. Om du redigerade paketkällan direkt, kontrollera att inga publicerade vyer åsidosätter dina ändringar. Kontrollera att din inbäddningskod är placerad korrekt före den avslutande </body>-taggen.