Kembali ke Dasbor

Dokumentasi

Pelajari cara menggunakan Asyntai

Memulai
Instalasi Basis Pengetahuan Uji AI Anda Kelola Situs Web
Kustomisasi
Warna Widget Nama Asisten AI Pesan Awal Posisi Widget Pemicu Otomatis Gelembung Notifikasi Lencana Belum Dibaca Mode Instruksi Ajukan Pertanyaan Gunakan Emoji Kumpulkan Email Kumpulkan Nomor Telepon Pengambilan Prospek Cerdas Lokalisasi Sembunyikan Merek Tautan Privasi Pemberitahuan Kustom Unduh Transkrip Percakapan Baru Riwayat Percakapan Tagline & Titik Status Ucapan ke Teks Ikon Obrolan Logo Perusahaan Batas Karakter Temperatur
Tips Instruksi AI Bandingkan Paket
Fitur
Perayapan Situs Web Knowledge Gaps Kartu Produk Konteks Pengguna Pemantauan Langsung Pengambilalihan Manusia Eskalasi Notifikasi AI Laporan Harian Umpan Data Real-Time Umpan Data Real-Time Maks Anggota Tim Single Sign-On Sertakan Gambar Penglihatan Gambar Widget Terjemahan Lokalisasi Prospek Pengambilan Prospek Cerdas Tiket Dukungan Pemesanan Kecualikan Halaman IP yang Diblokir Model Lebih Cerdas Aktifkan Pemikiran Saran Balasan Pesan Tindak Lanjut Ucapan ke Teks Unduh Transkrip Chat Tertanam
Analitik
Analitik Chat Log Chat
Integrasi
REST API Instagram Messenger WhatsApp Zapier Email Aplikasi Seluler
Lainnya
Tambahkan ke Layar Utama Tombol Buka Kustom

Cara Menambahkan Chatbot AI Asyntai ke Ghost

Panduan langkah demi langkah untuk situs web CMS Ghost

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

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

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Menggunakan Injeksi Kode (Disarankan)

Ghost memiliki fitur Injeksi Kode bawaan yang memudahkan penambahan skrip kustom:

  1. Masuk ke Panel Admin Ghost Anda
  2. Klik ikon roda gigi (Pengaturan) di pojok kiri bawah
  3. Gulir ke bawah ke bagian "Advanced"
  4. Klik pada "Code injection"
  5. Di bagian "Site footer", tempelkan kode embed Asyntai Anda
  6. Klik "Save" di pojok kanan atas

Tips: Menambahkan JavaScript ke Site Footer (bukan Site Header) memastikan skrip dimuat setelah konten halaman, yang disarankan untuk widget obrolan dan tidak akan memperlambat pemuatan halaman Anda.

Alternatif: Injeksi Kode Khusus Halaman

Jika Anda hanya ingin chatbot di halaman atau posting tertentu:

  1. Open the post or page you want to add the chatbot to
  2. Klik ikon pengaturan (roda gigi) di pojok kanan atas
  3. Gulir ke bawah untuk menemukan "Code injection"
  4. Perluas bagian tersebut dan tempelkan kode embed Asyntai Anda di field "Post footer"
  5. Klik di luar field untuk menyimpan, lalu publikasikan/perbarui posting Anda

Catatan: Injeksi kode khusus halaman berguna jika Anda hanya ingin chatbot di halaman tertentu, bukan di seluruh situs Anda.

Alternatif: Edit File Tema (Untuk Self-Hosted)

If you're self-hosting Ghost and prefer to edit theme files directly:

  1. Akses file instalasi Ghost Anda melalui FTP atau file manager
  2. Navigasi ke folder tema Anda: content/themes/your-theme/
  3. Buka file default.hbs (file layout utama)
  4. Temukan tag penutup </body>
  5. Tempel kode embed Asyntai Anda tepat sebelum tag </body>
  6. Simpan file
  7. Mulai ulang Ghost atau bersihkan cache

Penting: Mengedit file tema secara langsung tidak disarankan kecuali jika diperlukan. Perubahan mungkin akan ditimpa saat memperbarui tema Anda. Metode Injeksi Kode lebih disarankan karena bertahan saat pembaruan tema.

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, kunjungi situs Ghost 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.

Tidak melihat widget? Pastikan Anda mengklik "Save" setelah menambahkan kode di Code Injection. Coba bersihkan cache browser Anda atau lihat di jendela penyamaran. Jika menggunakan Ghost(Pro), perubahan seharusnya langsung muncul. Untuk Ghost self-hosted, Anda mungkin perlu memulai ulang layanan Ghost.