Adobe Commerce (Magento)'e Asyntai AI Chatbot Nasıl Eklenir

Magento web siteleri için adım adım kılavuz

Platform:

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

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

Not: Yukarıdaki kod yalnızca bir örnektir. Kişisel widget kimliğinizi içerdiğinden, kendi benzersiz yerleştirme kodunuzu Dashboard'unuzdan kopyalamanız gerekir.

Adım 2: Page Builder Kullanma (Önerilen)

Chatbot'u eklemenin en kolay yolu Page Builder'ın HTML Code bloğunu kullanmaktır:

Magento Yönetim Paneli'ne giriş yapın
Content → Pages bölümüne gidin
Ana sayfanızı (veya chatbot'u istediğiniz herhangi bir sayfayı) düzenleyin
Page Builder'da bir "HTML Code" öğesini sayfaya sürükleyin
Asyntai yerleştirme kodunuzu yapıştırın
"Kaydet"'e tıklayın
Önbelleği temizleyin: System → Cache Management → Flush Magento Cache

Önemli: Page Builder kullanmak kodu yalnızca tek tek sayfalara ekler. Site genelinde kurulum için aşağıdaki Layout XML yöntemini kullanın.

Alternatif: Layout XML Kullanma (Tüm Sayfalar)

To add the chatbot to all pages, create a layout file in your theme:

Tema klasörünüze gidin: app/design/frontend/[Vendor]/[theme]/
Yoksa klasör yapısını oluşturun: Magento_Theme/layout/
Create or edit the file default_head_blocks.xml
Aşağıdaki kodu ekleyin:
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://asyntai.com/static/js/chat-widget.js" src_type="url" async="true" data-asyntai-id="YOUR_WIDGET_ID"/> </head> </page>
Replace YOUR_WIDGET_ID with your actual widget ID
Çalıştırın: bin/magento cache:flush
Çalıştırın: bin/magento setup:static-content:deploy -f (production modundaysa)

Alternatif: CMS Bloğu Kullanma

Bir CMS bloğu oluşturup footer'ınıza dahil edebilirsiniz:

Content → Blocks bölümüne gidin
"Add New Block" düğmesine tıklayın
"Asyntai Chatbot" gibi bir başlık belirleyin
Tanımlayıcıyı asyntai_chatbot olarak ayarlayın
İçerik düzenleyicisinde HTML moduna geçin ve gömme kodunuzu yapıştırın
"Save Block" düğmesine tıklayın
Bloğu footer şablonunuza şu şekilde ekleyin: {{block id="asyntai_chatbot"}}
Önbelleği temizleyin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydedip önbelleği temizledikten sonra, mağazanızı yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için üzerine tıklayın.