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 Weebly

Panduan langkah demi langkah untuk website Weebly

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: Pilih Metode Instalasi

Ada beberapa cara untuk menambahkan widget chat ke situs Weebly Anda. Pilih metode yang paling sesuai untuk Anda:

Metode 1: Footer Code untuk Seluruh Situs (Direkomendasikan)

Metode ini menambahkan chatbot ke setiap halaman situs Weebly Anda secara otomatis.

  1. Masuk ke akun Weebly Anda dan buka editor situs
  2. Klik Settings di menu atas
  3. Pilih SEO dari sidebar kiri
  4. Gulir ke bawah untuk menemukan bagian Footer Code
  5. Tempel kode embed Asyntai Anda ke kotak Footer Code
  6. Klik Save
  7. Klik Publish untuk membuat perubahan ditayangkan

Mengapa Footer Code? Menambahkan script ke footer memastikan script dimuat setelah konten halaman Anda, yang optimal untuk performa dan tidak akan memperlambat situs Anda.

Metode 2: Instalasi Halaman Tunggal

Jika Anda hanya ingin chatbot di halaman tertentu, gunakan metode ini untuk setiap halaman:

  1. Di editor Weebly, klik Pages di menu atas
  2. Pilih halaman tempat Anda ingin menambahkan chatbot
  3. Klik SEO Settings (atau Advanced Settings) untuk halaman tersebut
  4. Temukan bagian Footer Code
  5. Tempel kode embed Asyntai Anda
  6. Klik Save
  7. Ulangi untuk halaman lain tempat Anda ingin chatbot muncul
  8. Klik Publish untuk membuat perubahan ditayangkan

Catatan: Kode tingkat halaman hanya memengaruhi halaman tersebut. Jika Anda ingin chatbot di beberapa halaman, metode seluruh situs lebih efisien.

Metode 3: Menggunakan Elemen Embed Code

Anda juga dapat menggunakan elemen Embed Code Weebly, meskipun metode footer lebih disarankan untuk widget chat:

  1. Di editor Weebly, buka tab Build
  2. Temukan elemen Embed Code di bagian Basic
  3. Seret elemen Embed Code ke halaman Anda (sebaiknya di dekat bagian bawah)
  4. Klik pada elemen dan pilih Edit Custom HTML
  5. Tempel kode embed Asyntai Anda
  6. Klik di luar elemen untuk menyimpan
  7. Klik Publish untuk membuat perubahan ditayangkan

Penting: Elemen Embed Code tidak akan menampilkan pratinjau di editor. Anda perlu mempublikasikan situs untuk melihat chatbot bekerja.

Langkah 3: Verifikasi Instalasi

Setelah mempublikasikan situs, kunjungi website Anda di tab browser baru atau jendela incognito. Anda akan melihat tombol widget chat di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.

Tidak melihat widget? Weebly tidak menampilkan pratinjau untuk kode yang ditambahkan di bagian header/footer. Pastikan Anda telah mengklik "Publish" agar perubahan diterapkan. Coba bersihkan cache browser atau lihat di jendela incognito.

Catatan Weebly Square Online

Jika Anda menggunakan Square Online (platform e-commerce Weebly), langkah-langkahnya serupa:

  1. Buka dashboard Square Online Anda
  2. Navigasi ke Website > Site Settings
  3. Cari Advanced Settings atau Custom Code
  4. Tambahkan kode embed Asyntai Anda ke bagian footer
  5. Simpan dan publikasikan perubahan Anda