Kako dodati klepetalnik Asyntai z UI v Bagisto

Vodič po korakih za platformo e-trgovine Bagisto

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Dodajte v predlogo postavitve Blade (priporočeno)

Bagisto uporablja predloge Laravel Blade. Priporočeni pristop je dodajanje vdelovalne kode neposredno v datoteko postavitve trgovine:

Odprite datoteko postavitve trgovine:
- Izvor paketa: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- Objavljena različica: resources/views/vendor/shop/layouts/master.blade.php (če ste objavili poglede)
Poiščite zaključno oznako </body>
Dodajte vdelovalno kodo tik pred </body>, za @stack('scripts'):

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

Nasvet: Če ste objavili poglede dobavitelja, uredite objavljeno različico v resources/views/vendor/shop/. Sicer jih najprej objavite z php artisan vendor:publish --tag=shop-views, da se izognete izgubi sprememb med posodobitvami paketov.

Alternativni način 1: Uporaba @push('scripts') v pogledu

V kateremkoli pogledu ali komponenti Blade lahko uporabite sklad skriptov za vstavljanje skripta klepetalnika:

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

Opomba: Ta način zahteva, da je @stack('scripts') prisoten v glavni datoteki postavitve. Privzeto je vključen v postavitev Bagisto.

Alternativni način 2: Uporaba ponudnika storitev

Uporabite lahko ponudnika storitev za programsko razpoložljivost skripta v vseh pogledih. Ustvarite ponudnika storitev po meri ali uporabite AppServiceProvider:

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

Ali pa ustvarite komponento Blade, ki izriše oznako script, in jo vključite v svojo postavitev.

Nasvet: Pristop s ponudnikom storitev je uporaben, če želite pogojno naložiti klepetalnik na podlagi konfiguracijskih vrednosti ali nastavitev okolja.

Alternativni način 3: Uporaba sistema dogodkov Bagisto

Bagisto sproži dogodke pogledov na različnih mestih v postavitvi. Lahko poslušate bagisto.shop.layout.body.after za vstavljanje skripta klepetalnika:

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

Nato ustvarite delno predlogo na packages/Webkul/Shop/src/Resources/views/partials/asyntai-widget.blade.php (ali objavljeni ustreznik) s svojo vdelovalno kodo:

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

Opomba: Pristop s sistemom dogodkov ohranja vaše spremembe modularne in ločene od osnovnih datotek postavitve, kar olajša upravljanje med nadgradnjami Bagisto.

Korak 3: Počistite predpomnilnik in preverite

Po dodajanju vdelovalne kode počistite predpomnilnik aplikacije, da zagotovite uveljavitev sprememb:

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

Obiščite svojo trgovino Bagisto v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.

Ne vidite klepetalnika? Prepričajte se, da ste zagnali tako php artisan cache:clear kot php artisan view:clear. Poskusite tudi počistiti predpomnilnik brskalnika ali si ogledati stran v oknu brez beleženja. Če ste neposredno urejali izvor paketa, preverite, ali kakšni objavljeni pogledi ne preglašajo vaših sprememb. Preverite, ali je vaša vdelovalna koda pravilno umeščena pred zaključno oznako </body>.