Cara Menambahkan 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 Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

Langkah 2: Tambahkan ke Layout Template (Disarankan)

Cara termudah untuk menambahkan chatbot ke semua halaman adalah dengan mengedit template layout utama di panel kontrol ExpressionEngine:

1. Di panel kontrol EE, buka Developer > Templates > Template Groups
2. Buka grup template utama Anda (biasanya "site") dan edit template layout (atau template yang membungkus semua halaman)
3. Temukan tag penutup </body>
4. Tempelkan kode embed Asyntai Anda tepat 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 template

Metode Alternatif 1: Menggunakan Template Partial EE

Template Partial ExpressionEngine memungkinkan Anda membuat cuplikan yang dapat digunakan kembali di seluruh template:

1. Buka Developer > Templates > Template Partials
2. Klik "New" untuk membuat partial baru bernama _asyntai_widget
3. Tempelkan kode embed Asyntai Anda ke konten partial:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Simpan partial
5. Sertakan di template layout Anda tepat sebelum tag penutup </body>:
   {embed="_asyntai_widget"} </body>

Metode Alternatif 2: Menggunakan Header/Footer HTML EE

Beberapa pengaturan ExpressionEngine menyediakan bagian footer global untuk menambahkan skrip:

1. Buka Settings > Content & Design > Global Template Preferences
2. Jika pengaturan EE Anda memiliki bagian footer global, tempelkan kode embed Asyntai di sana
3. Jika tidak ada bagian footer global yang tersedia, edit template layout utama Anda secara langsung dan tambahkan kode embed 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

Metode Alternatif 3: Menggunakan config.php

Untuk pengguna lanjutan, Anda dapat menyuntikkan skrip chatbot melalui konfigurasi ExpressionEngine atau dengan membuat add-on kustom:

1. Akses file proyek ExpressionEngine Anda melalui FTP, SSH, atau editor kode Anda
2. Navigasi ke direktori system/user/config/ dan buka config.php
3. Untuk injeksi JavaScript kustom, pertimbangkan untuk membuat add-on/ekstensi EE sederhana yang terhubung ke hook template_post_parse untuk menyuntikkan skrip saat halaman dirender:
   // 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. Ganti YOUR_WIDGET_ID dengan ID widget Anda yang sebenarnya dari dashboard

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, kunjungi situs web ExpressionEngine Anda di tab browser baru atau jendela penyamaran. Anda akan melihat tombol widget obrolan di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.