Bagisto में Asyntai AI चैटबॉट कैसे जोड़ें

Bagisto ई-कॉमर्स प्लेटफ़ॉर्म के लिए चरण-दर-चरण मार्गदर्शिका

प्लेटफ़ॉर्म:

चरण 1: अपना एम्बेड कोड प्राप्त करें

सबसे पहले, अपने Asyntai डैशबोर्ड पर जाएँ और "एम्बेड कोड" अनुभाग तक स्क्रॉल करें। अपना अद्वितीय एम्बेड कोड कॉपी करें जो इस तरह दिखेगा:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

नोट: ऊपर दिया गया कोड केवल एक उदाहरण है। आपको अपने डैशबोर्ड से अपना अद्वितीय एम्बेड कोड कॉपी करना होगा क्योंकि इसमें आपकी व्यक्तिगत विजेट ID होती है।

चरण 2: Blade लेआउट टेम्पलेट में जोड़ें (अनुशंसित)

Bagisto Laravel Blade टेम्पलेट का उपयोग करता है। अनुशंसित दृष्टिकोण एम्बेड कोड को सीधे शॉप लेआउट फ़ाइल में जोड़ना है:

शॉप लेआउट फ़ाइल खोलें:
- पैकेज स्रोत: packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
- प्रकाशित संस्करण: resources/views/vendor/shop/layouts/master.blade.php (यदि आपने व्यू प्रकाशित किए हैं)
क्लोज़िंग </body> टैग खोजें
एम्बेड कोड @stack('scripts') के बाद, </body> से ठीक पहले जोड़ें:

@stack('scripts')
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

सुझाव: यदि आपने वेंडर व्यू प्रकाशित किए हैं, तो resources/views/vendor/shop/ में प्रकाशित संस्करण संपादित करें। अन्यथा, पैकेज अपडेट के दौरान परिवर्तन खोने से बचने के लिए पहले उन्हें php artisan vendor:publish --tag=shop-views से प्रकाशित करें।

वैकल्पिक विधि 1: व्यू में @push('scripts') का उपयोग करना

किसी भी Blade व्यू या कंपोनेंट में, आप चैटबॉट स्क्रिप्ट इंजेक्ट करने के लिए स्क्रिप्ट स्टैक का उपयोग कर सकते हैं:

@push('scripts')
    <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

नोट: इवेंट सिस्टम दृष्टिकोण आपके परिवर्तनों को मॉड्यूलर और कोर लेआउट फ़ाइलों से अलग रखता है, जिससे Bagisto अपग्रेड के दौरान प्रबंधन आसान हो जाता है।

चरण 3: कैश साफ़ करें और सत्यापित करें

एम्बेड कोड जोड़ने के बाद, अपने परिवर्तनों को प्रभावी करने के लिए एप्लिकेशन कैश साफ़ करें:

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

अपने Bagisto स्टोर को एक नए ब्राउज़र टैब या इनकॉग्निटो विंडो में देखें। आपको नीचे दाएँ कोने में चैट विजेट बटन दिखाई देना चाहिए। यह सुनिश्चित करने के लिए इस पर क्लिक करें कि यह सही ढंग से खुलता और काम करता है।

विजेट दिखाई नहीं दे रहा? सुनिश्चित करें कि आपने php artisan cache:clear और php artisan view:clear दोनों चलाए। अपना ब्राउज़र कैश साफ़ करने या इनकॉग्निटो विंडो में देखने का भी प्रयास करें। यदि आपने सीधे पैकेज स्रोत संपादित किया, तो सत्यापित करें कि कोई प्रकाशित व्यू आपके परिवर्तनों को ओवरराइड नहीं कर रहा। जाँचें कि आपका एम्बेड कोड क्लोज़िंग </body> टैग से पहले सही ढंग से रखा गया है।