Cara Menambah Chatbot AI Asyntai ke ExpressionEngine

Platform:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

Langkah 2: Tambah ke Susun Atur Templat (Disyorkan)

Cara paling mudah untuk menambah chatbot ke semua halaman ialah dengan mengedit templat susun atur utama anda dalam panel kawalan ExpressionEngine:

1. Dalam panel kawalan EE, pergi ke Developer > Templates > Template Groups
2. Buka kumpulan templat utama anda (biasanya "site") dan edit templat susun atur (atau templat yang membungkus semua halaman)
3. Cari tag penutup </body>
4. Tampal kod benam Asyntai anda sejurus sebelum tag </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Simpan templat

Kaedah Alternatif 1: Menggunakan Separa Templat EE

Separa Templat ExpressionEngine membolehkan anda membuat coretan boleh guna semula yang boleh disertakan merentasi templat:

1. Pergi ke Developer > Templates > Template Partials
2. Klik "New" untuk membuat separa baharu yang dipanggil _asyntai_widget
3. Tampal kod benam Asyntai anda ke dalam kandungan separa:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Simpan separa
5. Sertakan ia dalam templat susun atur anda sejurus sebelum tag penutup </body>:
   {embed="_asyntai_widget"} </body>

Kaedah Alternatif 2: Menggunakan Header/Footer HTML EE

Sesetengah persediaan ExpressionEngine menyediakan bahagian footer global untuk menambah skrip:

1. Pergi ke Settings > Content & Design > Global Template Preferences
2. Jika persediaan EE anda mempunyai bahagian footer global, tampal kod benam Asyntai di situ
3. Jika tiada bahagian footer global tersedia, edit templat susun atur utama anda secara langsung dan tambah kod benam sebelum tag penutup </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Simpan perubahan anda

Kaedah Alternatif 3: Menggunakan config.php

Untuk pengguna lanjutan, anda boleh menyuntik skrip chatbot melalui konfigurasi ExpressionEngine atau dengan membuat tambahan tersuai:

1. Akses fail projek ExpressionEngine anda melalui FTP, SSH, atau editor kod anda
2. Navigasi ke direktori system/user/config/ dan buka config.php
3. Untuk suntikan JavaScript tersuai, pertimbangkan untuk membuat tambahan/sambungan EE mudah yang mengaitkan ke cangkuk template_post_parse untuk menyuntik skrip semasa pemaparan halaman:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda dari papan pemuka

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda, lawati laman web ExpressionEngine anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik untuk memastikan ia terbuka dan berfungsi dengan betul.