Cara menambahkan chatbot AI ke Shopify

Cara menambahkan chatbot ke Shopify dalam 4 langkah

1. 1.

   Buat chatbot

   Buka editor AI Chatbot dan masukkan alamat toko Anda. Agen membaca halaman-halaman Anda lalu kembali dengan pengetahuan, nama, nada, dan pesan sambutan.

2. 2.

   Latih dengan data toko Anda

   Tambahkan halaman produk, pengiriman, dan pengembalian, file, serta pasangan tanya-jawab untuk pertanyaan yang paling sering diajukan pembeli.

3. 3.

   Dapatkan kodenya

   Sesuaikan tampilannya, klik Add to website for free, dan salin kode instalasinya.

4. 4.

   Tempel ke tema Anda

   Di admin Shopify, buka Online Store → Themes → Customize, tambahkan bagian Custom Liquid, tempel kodenya, lalu simpan.

Manfaat chatbot Shopify untuk toko Anda

• Menjawab sebelum pembelian — ukuran, kompatibilitas, stok, waktu pengiriman, dan pengembalian, kapan saja, saat pembeli bisa saja pergi.

• Membantu pembeli memilih — menanyakan kebutuhan mereka dan mengarahkan ke produk yang cocok, dengan tautan ke halaman produk. Lihat asisten belanja AI.

• Menangkap lead — mengumpulkan email dan pertanyaan pra-penjualan untuk ditindaklanjuti.

• Mengalihkan ke Anda — menampilkan kontak Anda (WhatsApp, email, telepon) saat chatbot tidak bisa membantu atau pembeli meminta berbicara dengan orang.

• Menunjukkan apa yang membingungkan pembeli — chat mengungkap deskripsi produk dan kebijakan mana yang perlu diperbaiki.

Latih chatbot dengan konten toko Anda

1. 1.

   Halaman web

   Tambahkan hingga 200 halaman: halaman produk dan koleksi, pengiriman, pengembalian, FAQ, Tentang kami, dan kontak.

2. 2.

   File

   Unggah katalog, tabel ukuran, atau panduan perawatan dalam format PDF, DOCX, TXT, JSON, HTML, atau MD (masing-masing hingga 100 MB). Ekspor produk Shopify berformat CSV, jadi simpan dulu dalam salah satu format ini.

3. 3.

   Pasangan tanya-jawab

   Tulis jawaban untuk pertanyaan yang Anda terima lewat email setiap minggu: “Bagaimana kebijakan pengembaliannya?”, “Apakah kirim ke Kanada?”, “Apakah menjual kartu hadiah?”

4. 4.

   Blok teks

   Tempel kebijakan pengembalian Anda dalam bahasa sederhana — bukan versi hukumnya — dan apa pun yang tidak ada di halaman.

Agen menyusun setiap jawaban dari seluruh pengetahuannya, jadi balasannya mungkin tidak mengulang tanya-jawab Anda kata per kata. Tanya-jawab yang ditulis manual dan ringkasan singkat biasanya menghasilkan jawaban yang lebih baik daripada teks pemasaran yang panjang. Selengkapnya di cara membuat basis pengetahuan chatbot.

Tulis instruksi untuk asisten toko

Atur peran agen, nada (Friendly, Professional, Casual, Direct, atau milik Anda sendiri), dan panjang jawaban, lalu tambahkan aturan. Contoh yang bisa Anda sesuaikan:

Kamu adalah Eva, asisten belanja untuk [Nama toko].
Bantu pelanggan menemukan produk yang tepat dan jawab pertanyaan
tentang ukuran, pengiriman, dan pengembalian.

- Jawab dalam 2–3 kalimat kecuali diminta lebih rinci.
- Saat diminta produk, sarankan 2–3 pilihan dari toko
  beserta tautannya, dan tanyakan anggaran atau ukuran jika belum jelas.
- Kamu tidak bisa menerima pembayaran atau membuat pesanan.
- Untuk pertanyaan status pesanan dan akun, arahkan pelanggan ke
  [email dukungan Anda] atau [halaman status pesanan Anda].
- Jangan pernah mengarang produk, harga, atau kebijakan.

Baca chat pertama dan sesuaikan aturannya jika jawaban mulai melenceng. Lihat cara melatih chatbot AI.

Tambahkan chatbot ke tema Shopify Anda

Pilih gelembung mengambang untuk seluruh toko atau chat yang tersemat di dalam halaman, lalu tambahkan kodenya dengan salah satu dari dua cara.

Di halaman atau template (editor tema)

1. 1.

   Buka editor tema

   Di admin Shopify, buka Online Store → Themes → Customize.

2. 2.

   Pilih template

   Gunakan menu tarik-turun di bagian atas untuk membuka halaman: Home page, Products, Collections, atau halaman tertentu.

3. 3.

   Tambahkan bagian Custom Liquid

   Klik Add section, pilih Custom Liquid, dan tempel kode instalasinya.

4. 4.

   Simpan

   Klik Save dan muat ulang toko Anda. Menambahkannya ke template Products akan menampilkannya di setiap halaman produk.

Di setiap halaman (kode tema)

1. 1.

   Buka editor kode

   Di Online Store → Themes, klik … di samping tema Anda dan pilih Edit code.

2. 2.

   Buka theme.liquid

   Di folder Layout, buka theme.liquid.

3. 3.

   Tempel dan simpan

   Tempel kodenya tepat sebelum tag penutup </body> dan klik Save.

Cara ini berfungsi dengan tema Online Store 2.0, tema gratis maupun berbayar, dan paket Shopify apa pun. Masih memakai tema vintage? Ikuti panduan instalasi Shopify ↗, atau minta pemasangan gratis ↗.

Sesuaikan chatbot dengan desain toko Anda

• Mulai dari salah satu dari enam tema, lalu terapkan warna brand Anda ke setiap bagian chat dan gunakan font toko Anda.

• Pilih peluncurnya — tombol, tombol teks, input cepat, atau profil agen — dan letakkan di kiri, kanan, atau tengah bawah.

• Beri agen nama, gambar, dan keterangan seperti “Siap membantu Anda memilih”.

• Butuh perubahan hingga ke tingkat piksel? Gunakan CSS kustom.

Di mana chatbot sebaiknya tampil (dan di mana tidak)

Halaman produk, koleksi, dan kontak adalah tempat pembeli punya pertanyaan. Di halaman keranjang, gelembung chat bisa mengalihkan perhatian dari menyelesaikan pesanan — sembunyikan di sana dengan aturan URL halaman, dan pastikan gelembung tidak menutupi tombol Add to cart di ponsel. Checkout Shopify tidak memuat kode tema Anda, jadi chatbot tidak muncul di sana.

Shopify Inbox, aplikasi chat, atau chatbot AI?

Chatbot ini juga berfungsi di luar Shopify, jadi tetap bisa dipakai jika Anda memindahkan toko ke platform lain.

Pemecahan masalah

1. 1.

   Chatbot tidak muncul

   Pastikan Anda menempel seluruh kode tanpa diubah dan sudah menyimpannya; buka toko di jendela pribadi untuk memastikan bukan masalah cache.

2. 2.

   Kodenya tampil sebagai teks

   Anda menempelnya ke kolom rich text. Gunakan bagian Custom Liquid atau theme.liquid.

3. 3.

   Chatbot menutupi tombol di ponsel

   Ubah posisi atau offset-nya, atau sembunyikan di perangkat seluler untuk halaman tersebut.

4. 4.

   Email chat tidak masuk

   Periksa penerima di notifikasi email chatbot dan folder spam Anda.