Shopify

Dalam panduan ini, kami akan menunjukkan cara menambahkan Widget Quickchat AI ke toko Shopify Anda.

Pemeriksaan contoh opsional

• Periksa cuplikan Widget. Periksa kode yang ditempel terhadap Scenario ID yang diberikan. Pemeriksaan ini tidak mengambil situs web Anda.

• Bandingkan metode penerapan. Bandingkan saluran, akses situs web, dan fitur yang Anda nyatakan diperlukan dengan opsi penyiapan Quickchat AI. Pemeriksaan ini tidak meninjau situs web atau akun Anda.

Di browser yang kompatibel, pemeriksaan ini juga tersedia sebagai tool situs. Tautannya membuka formulir standar.

Yang Anda perlukan

• Toko Shopify
• Aplikasi Shopping Agent by Quickchat AI yang dipasang dari Shopify App Marketplace (jika tidak ingin memasangnya dan memilih koneksi manual, gulir ke bagian kedua tutorial)
• Izin pengguna untuk mengedit tema

Waktu penyelesaian: ~2 menit

---

Apa itu Agen AI Belanja?

Dalam video singkat ini, Anda akan mempelajari dasarnya: cara mengubah toko Shopify menjadi Agen AI Belanja menggunakan Quickchat AI dan Shopify MCP.

Play

Langkah 1: Buka Editor Tema

Ada dua cara untuk melakukannya:

Opsi A (direkomendasikan): dari Aplikasi Quickchat AI

Dari halaman beranda/sambutan Aplikasi Quickchat AI, klik Aktifkan Widget di Editor Tema Shopify.

Tautan ini langsung membuka Editor Tema Shopify toko Anda pada bagian App embeds, tempat sematan aplikasi dapat diaktifkan.

Catatan

Aktifkan Widget di Editor Tema Shopify hanya muncul untuk toko yang sudah terhubung ke Quickchat AI melalui aplikasi Shopify (OAuth).

Opsi B: dari Admin Shopify

Buka Shopify Admin → Online Store → Themes → klik Customize pada tema saat ini.

---

Langkah 2: Aktifkan sematan aplikasi

Di Editor Tema, buka sidebar kiri dan masuk ke App embeds.

Cari Quickchat AI Widget lalu aktifkan.

Kemudian klik Save (kanan atas).

---

Langkah 3: Periksa etalase toko Anda

Buka etalase toko (pratinjau atau situs aktif) dan cari bubble chat Quickchat AI di sudut kanan bawah halaman.

Selesai!

Agen Quickchat AI sudah aktif di Toko Shopify 🎉

---

Cara menambahkan skrip widget secara manual

Jika tidak ingin memasang Aplikasi Shopify kami karena sudah membuat Agen AI di Aplikasi Quickchat AI, Anda dapat menambahkan skrip sederhana untuk menampilkannya di Toko Shopify.

Sudah menghubungkan AI Anda ke data Shopify?

Untuk menghubungkan Agen AI ke data toko Shopify, seperti katalog produk dan keranjang, lakukan langkah berikut:

1. Tempel tautan toko Anda pada halaman ini: quickchat.ai/shopify
2. Klaim, sesuaikan, dan sematkan di situs Anda

1. Buka editor kode tema

1. Buka Panel Admin Shopify.
2. Di menu kiri, klik Online Store → Themes.

3. Di bagian “Current theme”, klik tiga titik (⋯) di sebelah tombol Customize.
4. Pilih Edit code dari menu dropdown.

2. Cari theme.liquid

1. Di editor kode, perluas folder layout di sebelah kiri.
2. Klik theme.liquid untuk membuka berkas tata letak utama tema Anda.

3. Tempel skrip

1. Di Aplikasi Quickchat, buka Situs Web Anda → Instal.
2. Salin skrip yang dihasilkan.
3. Tempel tepat di atas tag </body> di bagian bawah berkas theme.liquid.

<script>
  (function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
  _quickchat("init", "YOUR_AI_ID_HERE");
</script>

---

Indikator keamanan pada halaman Shopify App Marketplace

Shopify App Marketplace menampilkan perlindungan keamanan opsional yang diterapkan setiap aplikasi. Pada halaman Shopping Agent by Quickchat AI, Anda mungkin melihat bahwa dua di antaranya tidak digunakan:

• Expiring access tokens: saat Anda memasang aplikasi, Shopify memberinya token akses standar untuk toko Anda. Token tersebut tetap valid sampai Anda mencopot aplikasi. Aplikasi tidak menggunakan token Shopify yang lebih baru yang kedaluwarsa dan diperbarui otomatis.
• Enforced IP restrictions: akses aplikasi ke toko Anda tidak dibatasi ke daftar tetap alamat IP server.

Indikator ini tidak mengubah cara kerja aplikasi, dan Anda tidak perlu melakukan apa pun. Aplikasi hanya dapat menggunakan izin yang Anda setujui saat pemasangan, dan mencopotnya mencabut akses ke toko Anda.

Jika ada pertanyaan lain tentang cara aplikasi mengakses toko Anda, kirim email ke support@quickchat.ai.