Cara Menambahkan Chatbot AI Asyntai ke Shopify

Panduan langkah demi langkah untuk toko Shopify

Platform:

Langkah 1: Dapatkan Kode Embed Anda

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Tambahkan Kode ke Tema Shopify Anda

Ikuti langkah-langkah berikut untuk menambahkan chatbot ke toko Shopify Anda:

Masuk ke panel Shopify Admin Anda
Buka Online Store → Themes
Temukan tema Anda saat ini dan klik tombol "..." (tiga titik)
Pilih "Edit code" dari menu dropdown
Di sidebar kiri, di bawah Layout, klik pada theme.liquid
Gulir ke bawah untuk menemukan tag penutup </body>
Tempel kode embed Asyntai Anda tepat sebelum tag </body>
Klik "Save" di pojok kanan atas

Tip: Gunakan Ctrl+F (Windows) atau Cmd+F (Mac) untuk mencari cepat </body> di file theme.liquid.

Alternatif: Menggunakan Aplikasi Shopify

Jika Anda lebih suka tidak mengedit kode, Anda dapat menggunakan aplikasi Shopify untuk menambahkan skrip kustom:

Buka Shopify App Store
Cari "Custom Script Injector" atau "Header & Footer Scripts"
Instal aplikasi pilihan Anda
Gunakan aplikasi untuk menambahkan kode embed Asyntai Anda ke bagian footer

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, kunjungi toko Shopify Anda di tab browser baru atau jendela penyamaran. Anda seharusnya melihat tombol widget chat di pojok kanan bawah toko Anda. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.

Tidak melihat widget? Shopify mungkin meng-cache file tema Anda. Coba buka toko Anda di jendela browser penyamaran/pribadi, atau tunggu beberapa menit dan segarkan halaman.

Pengguna Shopify Plus

Jika Anda menggunakan Shopify Plus, Anda juga dapat menambahkan skrip melalui file checkout.liquid untuk menampilkan chatbot di halaman checkout. Namun, perlu diperhatikan bahwa sebagian besar toko hanya memerlukannya di halaman etalase utama.

Menambahkan Bilah Pencarian AI

Bilah Pencarian AI adalah widget terpisah dengan kodenya sendiri. Tambahkan bersama chat, atau sendirian. Ia memerlukan paket Standard atau lebih tinggi: pada paket lebih rendah bilah muncul tetapi tidak menampilkan hasil.

Tambahkan atribut data-replace pada tag script dan bar akan menggantikan bar bawaan tema Anda. Tempel di theme.liquid tepat sebelum tag body penutup, di berkas yang sama dengan kode chat. Tema Anda tetap punya halaman hasil pencariannya sendiri, jadi Enter tetap bekerja seperti sebelumnya.

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

Baca panduan lengkap Bilah Pencarian AI