Jak dodać chatbota AI Asyntai do Adobe Commerce (Magento)

Przewodnik krok po kroku dla witryn Magento

Platforma:

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

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

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Użycie Page Buildera (zalecane)

Najłatwiejszym sposobem na dodanie chatbota jest użycie bloku HTML Code w Page Builderze:

Zaloguj sie do panelu administratora Magento
Przejdź do Content → Pages
Edytuj swoja stronę główna (lub dowolna stronę, na której chcesz mieć chatbota)
W Page Builderze przeciagnij element "HTML Code" na stronę
Wklej swój kod osadzania Asyntai
Kliknij "Save"
Wyczyść pamięć podręczna: System → Cache Management → Flush Magento Cache

Ważne: Użycie Page Buildera dodaje kod tylko do poszczegolnych stron. Aby zainstalować na całej witrynie, użyj ponizszej metody Layout XML.

Alternatywa: Użycie Layout XML (wszystkie strony)

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

Przejdź do folderu motywu: app/design/frontend/[Vendor]/[theme]/
Utwórz strukture folderow, jeśli nie istnieje: Magento_Theme/layout/
Utwórz lub edytuj plik default_head_blocks.xml
Dodaj następujący kod:
<?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
Uruchom: bin/magento cache:flush
Uruchom: bin/magento setup:static-content:deploy -f (jeśli w trybie produkcyjnym)

Alternatywa: Użycie bloku CMS

Możesz również utworzyć blok CMS i dolaczyc go do stopki:

Przejdź do Content → Blocks
Kliknij "Add New Block"
Ustaw tytul, np. "Asyntai Chatbot\"
Ustaw identyfikator na asyntai_chatbot
W edytorze treści przelacz sie na tryb HTML i wklej swoj kod osadzania
Kliknij "Save Block"
Dodaj blok do szablonu stopki za pomocą: {{block id="asyntai_chatbot"}}
Wyczyść pamięć podręczna

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian i wyczyszczeniu pamięci podręcznej odwiedź swoj sklep w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.