Cara Menambahkan Chatbot AI Asyntai ke Blogger
Panduan langkah demi langkah untuk situs web Blogger
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
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 Dashboard Asyntai Anda dan gulir ke bawah ke bagian "Embed Code". Salin kode embed unik Anda yang akan terlihat seperti ini:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 Gadget HTML/JavaScript (Disarankan)
Cara termudah untuk menambahkan chatbot adalah menggunakan gadget HTML/JavaScript bawaan Blogger:
- Masuk ke Dasbor Blogger Anda di blogger.com
- Pilih blog Anda dari daftar
- Klik "Layout" di sidebar kiri
- Temukan bagian di mana Anda ingin menambahkan widget (sebaiknya di footer)
- Klik "Add a Gadget"
- Pilih "HTML/Javascript" dari daftar gadget
- Kosongkan judul (atau tambahkan jika Anda mau)
- Tempel kode embed Asyntai Anda di area konten
- Klik "Save"
- Klik "Save" di sudut kanan bawah halaman Layout
Tips: Menambahkan gadget ke bagian footer memastikan gadget dimuat di semua halaman blog Anda. Chatbot akan muncul sebagai tombol mengambang terlepas dari di mana Anda menempatkan gadget.
Alternatif: Edit HTML Tema
Anda juga dapat menambahkan kode langsung ke HTML tema Anda:
- Buka "Theme" di sidebar kiri
- Klik panah bawah (More) di samping "Customize"
- Pilih "Edit HTML"
- Tekan Ctrl+F (atau Cmd+F di Mac) untuk membuka pencarian
- Cari
</body> - Tempel kode embed Asyntai Anda tepat sebelum tag
</body> - Klik "Save"
Penting: Saat mengedit HTML tema, berhati-hatilah agar tidak menghapus atau mengubah kode lain. Cadangkan tema Anda terlebih dahulu: di menu yang sama, klik "Backup", lalu "Download".
Langkah 3: Verifikasi Instalasi
Setelah menyimpan perubahan Anda, kunjungi blog Anda di tab browser baru atau jendela penyamaran. Anda seharusnya melihat tombol widget obrolan di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.
Tidak melihat widget? Blogger mungkin memerlukan beberapa menit untuk menerapkan perubahan. Coba bersihkan cache browser Anda atau lihat di jendela penyamaran. Pastikan Anda mengklik "Save" setelah menambahkan gadget.