Kartu Produk

Tampilkan kartu produk visual dalam percakapan chat Anda

Kelola Produk
Paket Standard & Pro

Ringkasan

Kartu Produk memungkinkan AI Anda menampilkan informasi produk visual langsung di chat. Ketika pengunjung bertanya tentang produk atau ketika relevan dengan percakapan, AI dapat menampilkan kartu interaktif dengan gambar, harga, deskripsi, dan tombol aksi.

Ini berbeda dari Basis Pengetahuan Anda - sementara Basis Pengetahuan membantu AI Anda menjawab pertanyaan, Kartu Produk adalah elemen visual yang muncul dalam percakapan untuk membantu pengunjung menemukan dan membeli produk Anda.

Cara Kerjanya

  1. Anda menambahkan produk dengan nama, gambar, harga, dan deskripsi
  2. Anda menulis Deskripsi AI yang memberi tahu AI kapan harus menampilkan setiap produk
  3. Pengunjung mengajukan pertanyaan yang cocok dengan Deskripsi AI Anda
  4. AI menampilkan kartu produk dengan gambar, harga, dan tombol aksi
Asisten AI
Tunjukkan headphone di bawah $200
Berikut dua pilihan bagus! AudioElite X1 memiliki ulasan yang sangat baik dari pelanggan kami.
Headphones
SoundMax Pro
$149
Tambahkan ke keranjang
Headphones
AudioElite X1
$179
Tambahkan ke keranjang

Impor dari URL

Daripada memasukkan detail produk secara manual, Anda dapat mengimpornya secara otomatis dari halaman produk mana pun:

  1. Klik tombol "Impor dari URL" di header formulir
  2. Tempel URL halaman produk Anda
  3. Klik Impor - AI akan mengekstrak informasi produk
  4. Tinjau kolom yang terisi otomatis dan lakukan penyesuaian
  5. Klik Tambah Produk untuk menyimpan

AI secara otomatis mengekstrak:

  • Nama produk dan harga
  • Deskripsi produk
  • Gambar produk utama
  • Saran teks tombol (contoh: "Beli Sekarang", "Berlangganan")
  • Deskripsi AI untuk kapan menampilkan produk

Tips: URL halaman produk secara otomatis digunakan untuk kedua tautan tombol, sehingga pengunjung dapat mengklik untuk membeli. Anda dapat mengubah tautan ini jika Anda memiliki URL keranjang atau checkout tertentu.

Menambahkan Produk Secara Manual

Setiap produk memiliki kolom berikut:

Kolom Wajib

Nama Produk Wajib

Nama yang ditampilkan pada kartu. Maksimal 30 karakter.

Contoh: "Premium Wireless Headphones"
Deskripsi AI Wajib

Beri tahu AI kapan harus menampilkan produk ini. Tulis dalam bahasa alami yang menggambarkan situasi di mana produk ini relevan.

Contoh: "Tampilkan ketika pengguna bertanya tentang headphone, peralatan audio, atau perangkat mendengarkan musik di bawah $200"

Kolom Opsional

Harga Opsional

Menerima format teks apa pun - Anda dapat menggunakan simbol mata uang, rentang, atau teks khusus.

Contoh: "$29.99" • "Mulai $19/bulan" • "Gratis" • "Hubungi untuk harga"
Deskripsi Produk Opsional

Deskripsi singkat tentang fitur dan manfaat produk Anda. Ditampilkan di bawah harga pada kartu.

URL Gambar Opsional

URL langsung ke gambar produk Anda. Mendukung format JPG, PNG, dan WebP. Untuk hasil terbaik, gunakan gambar dengan lebar minimal 300px.

Contoh: https://yoursite.com/images/product.jpg

Tips: Gambar produk ditautkan melalui URL, bukan diunggah. Anda dapat menggunakan gambar yang dihosting di situs web Anda, CDN, atau layanan hosting gambar.

Mengonfigurasi Tombol

Setiap kartu produk memiliki dua tombol yang dapat dikonfigurasi:

Tombol Utama

Teks Tombol Opsional

Label pada tombol aksi utama. Default: "Tambahkan ke keranjang"

Contoh: "Beli Sekarang" • "Mulai" • "Pesan Demo" • "Berlangganan"
Tautan Tombol Wajib diisi jika Teks Tombol ditetapkan

Ke mana tombol membawa pengunjung saat diklik - keranjang belanja, halaman checkout, formulir pemesanan, atau URL halaman produk Anda.

Contoh: https://yoursite.com/cart?add=product-123

Tombol Sekunder

Teks Tombol Detail Opsional

Label untuk tombol sekunder. Default: "Detail selengkapnya"

Examples: "Learn more" • "View specs" • "See details"
Tautan Halaman Produk Opsional

Link to the full product page with specifications and more information.

Contoh: https://yoursite.com/products/premium-headphones

Menulis Deskripsi AI yang Baik

Deskripsi AI sangat penting - ini menentukan kapan produk Anda muncul dalam percakapan. Tulis deskripsi yang jelas tentang situasi di mana produk tersebut relevan:

Contoh yang Baik
  • "Tampilkan ketika seseorang bertanya tentang laptop untuk pelajar atau menyebutkan bahwa mereka membutuhkan komputer untuk sekolah"
  • "Tampilkan ketika pengunjung menyebutkan keterbatasan anggaran atau bertanya tentang opsi yang terjangkau"
  • "Tampilkan ini ketika pengguna bertanya tentang fitur premium, paket harga, atau alat profesional"
Contoh yang Buruk
  • "Laptop" - Terlalu samar, tidak akan cocok dengan pertanyaan alami
  • "Selalu tampilkan" - Akan mengacaukan percakapan
  • "Produk terbaik" - Tidak menjelaskan kapan harus menampilkannya

Mengelola Produk

  • Aktifkan/Nonaktifkan: Alihkan produk tanpa menghapusnya - berguna untuk item musiman atau produk yang habis stok
  • Posisi: Atur urutan tampilan ketika beberapa produk ditampilkan (angka lebih rendah muncul lebih dahulu)
  • Pratinjau Langsung: Lihat tampilan kartu Anda saat Anda mengisi kolom

Catatan: Perubahan berlaku segera - tidak perlu menerbitkan ulang widget Anda.

Produk Dinamis dari Data Real-Time

Punya produk yang sering berubah? Daripada mengelola produk secara manual di sini, Anda dapat menampilkan kartu produk secara dinamis dari Feed Data Real-Time Anda.

Kartu Produk Statis
  • Tambahkan produk secara manual di sini
  • Terbaik untuk inventaris yang stabil
  • Kontrol penuh atas setiap produk
  • Atur deskripsi AI khusus
Kartu Produk Dinamis
  • Dibuat otomatis dari feed data Anda
  • Sempurna untuk inventaris yang berubah
  • Harga/stok selalu terbaru
  • Tidak perlu pemeliharaan manual

Untuk mengaktifkan kartu produk dinamis:

  1. Siapkan Feed Data Real-Time dengan data produk Anda
  2. Aktifkan toggle "Aktifkan Kartu Produk Dinamis"
  3. Sertakan kolom produk dalam feed Anda: name, price, image_url, button_link

Tips: Anda dapat menggunakan keduanya! Produk statis untuk item unggulan, dan produk dinamis untuk inventaris langsung. Pelajari lebih lanjut di dokumentasi Feed Data Real-Time.