Cum să adăugați Chatbot-ul AI Asyntai în OpenCart

Ghid pas cu pas pentru site-urile OpenCart

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Editați șablonul de subsol (Recomandat)

Cel mai direct mod de a adăuga chatbot-ul este prin editarea șablonului de subsol al temei:

Accesați fișierele OpenCart prin FTP sau managerul de fișiere
Navigați la șablonul de subsol al temei:
- OpenCart 3.x/4.x: catalog/view/theme/YOUR_THEME/template/common/footer.twig
- OpenCart 2.x: catalog/view/theme/YOUR_THEME/template/common/footer.tpl
Deschideți fișierul footer pentru editare
Găsiți eticheta de închidere </body>
Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
Salvați fișierul
Goliți cache-ul OpenCart: Dashboard → Pictograma roată albastră (dreapta sus) → Refresh sau ștergeți conținutul din system/storage/cache/

Sfat: Dacă utilizați tema implicită, calea ar fi catalog/view/theme/default/template/common/footer.twig. Faceți întotdeauna o copie de siguranță înainte de a edita fișierele de șablon.

Alternativă: Utilizarea opțiunii de cod personalizat a temei

Many modern OpenCart themes include a built-in option for custom code:

Conectați-vă la Panoul de administrare OpenCart
Mergeți la Extensions → Themes (sau Extensions → Extensions → Themes)
Faceți clic pe Edit pe tema activă
Căutați o secțiune "Custom Code", "Footer Scripts" sau "Custom JavaScript"
Inserați codul de încorporare Asyntai
Faceți clic pe "Salvare"
Goliți cache-ul

Notă: Nu toate temele au această opțiune. Dacă tema dvs. nu include câmpuri de cod personalizat, utilizați metoda de editare a șablonului sau instalați o extensie.

Alternativă: Utilizarea unei extensii de cod personalizat

Puteți instala o extensie gratuită de pe OpenCart Marketplace pentru a adăuga scripturi personalizate:

Mergeți la OpenCart Marketplace
Căutați "Custom Script", "Header Footer Scripts" sau "Custom Code"
Descărcați și instalați o extensie potrivită
În panoul de administrare, mergeți la Extensions → Extensions → Modules
Găsiți și instalați modulul de cod personalizat
Configurați modulul și lipiți codul de integrare Asyntai în secțiunea de subsol
Salvați și goliți cache-ul

Important: Utilizarea extensiilor este recomandată în locul editării fișierelor de bază, deoarece acestea supraviețuiesc actualizărilor OpenCart. Extensiile populare includ "Custom Script in Header & Footer" disponibilă pe marketplace.

Alternativă: Utilizarea metodei addScript (Pentru dezvoltatori)

Pentru dezvoltatori, OpenCart 3.x/4.x oferă o modalitate programatică de a adăuga scripturi:

Deschideți catalog/controller/common/footer.php
Adăugați următoarea linie înainte de $data['scripts'] = $this->document->getScripts('footer');:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
Pentru atributul data, va trebui să modificați footer.twig pentru a-l include manual, sau să adăugați JavaScript inline după bucla de scripturi

Notă: Pentru ca widget-ul să funcționeze corect cu atributul data, metoda șablonului este mai simplă deoarece metoda addScript nu suportă atribute personalizate direct.

Pasul 3: Verificați instalarea

După ce ați salvat modificările și ați golit cache-ul, vizitați magazinul într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că goliți cache-ul OpenCart. Mergeți la panoul de administrare, faceți clic pe pictograma roată albastră din colțul din dreapta sus și faceți clic pe butoanele de reîmprospătare. De asemenea, încercați să goliți cache-ul browserului sau să vizualizați într-o fereastră incognito. Dacă ați modificat fișierul de șablon greșit, verificați că tema dvs. utilizează fișierul pe care l-ați editat.