כיצד להוסיף צ'אטבוט AI של Asyntai ל-Adobe Commerce (Magento)

מדריך צעד אחר צעד לאתרי Magento

פלטפורמה:

שלב 1: קבל את קוד ההטמעה שלך

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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>

הערה: הקוד למעלה הוא רק דוגמה. עליך להעתיק את קוד ההטמעה הייחודי שלך מלוח הבקרה שלך כיוון שהוא מכיל את מזהה הווידג'ט האישי שלך.

שלב 2: שימוש ב-Page Builder (מומלץ)

הדרך הקלה ביותר להוסיף את הצ'אטבוט היא באמצעות בלוק HTML Code של Page Builder:

היכנסו ללוח הניהול של Magento
עברו אל Content → Pages
ערכו את דף הבית (או כל דף שבו אתם רוצים את הצ'אטבוט)
ב-Page Builder, גררו אלמנט "HTML Code" אל הדף
הדבק את קוד ההטמעה של Asyntai
לחץ על "Save"
נקו את המטמון: System → Cache Management → Flush Magento Cache

חשוב: שימוש ב-Page Builder מוסיף את הקוד לדפים בודדים בלבד. להתקנה כלל-אתרית, השתמשו בשיטת Layout XML למטה.

חלופה: שימוש ב-Layout XML (כל הדפים)

כדי להוסיף את הצ'אטבוט לכל הדפים, צרו קובץ layout בתבנית שלכם:

נווטו לתיקיית התבנית שלכם: app/design/frontend/[Vendor]/[theme]/
צרו את מבנה התיקיות אם הוא לא קיים: Magento_Theme/layout/
צרו או ערכו את הקובץ default_head_blocks.xml
הוסף את הקוד הבא:
<?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>
החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
הריצו: bin/magento cache:flush
הריצו: bin/magento setup:static-content:deploy -f (אם במצב ייצור)

חלופה: שימוש ב-CMS Block

ניתן גם ליצור בלוק CMS ולכלול אותו בפוטר:

עברו אל Content → Blocks
לחצו על "Add New Block"
הגדירו כותרת כמו "Asyntai Chatbot"
הגדירו את המזהה ל-asyntai_chatbot
בעורך התוכן, עברו למצב HTML והדביקו את קוד ההטמעה שלכם
לחצו על "Save Block"
הוסיפו את הבלוק לתבנית הפוטר שלכם באמצעות: {{block id="asyntai_chatbot"}}
נקו את המטמון

שלב 3: אמת את ההתקנה

לאחר שמירת השינויים וניקוי המטמון, בקרו בחנות שלכם בלשונית דפדפן חדשה או בחלון גלישה פרטית. אתם אמורים לראות את כפתור הצ'אט בפינה הימנית התחתונה. לחצו עליו כדי לוודא שהוא נפתח ופועל כראוי.