Cara Menyesuaikan Tampilan Shoply AI Chat
Shoply AI Chat dan AI Search menyediakan lebih dari 40 opsi untuk menyesuaikan tampilan aplikasi.
Bagian ini akan memandu Anda melalui berbagai opsi penyesuaian yang tersedia untuk AI Chatbot Anda. Anda dapat mempersonalisasi tampilannya, desain jendela chat, dan pengalaman berkirim pesan agar sesuai dengan merek Anda.
Siap untuk memulai? Kunjungi halaman Customize AI Chat di konsol admin aplikasi kami untuk mulai menyesuaikan pengalaman chat Anda. Setelah mengaktifkan Shoply AI Chat di Theme Editor Shopify, ikon chat akan muncul di sudut kanan bawah halaman web toko Anda.
Pilihan Ikon Chat
Pilih ikon
Anda dapat memilih ikon chat dari 17 ikon berbeda yang telah ditentukan sebelumnya, atau mengunggah gambar untuk digunakan sebagai ikon chat Anda sendiri.
Warna dan Ukuran Ikon Chat
Warna Utama
Ini adalah warna tema utama, dan juga digunakan sebagai warna teks sorotan di jendela chat.
Jika Anda menggunakan mode terang di situs web, pilih warna selain putih sebagai warna tema Anda — ini untuk memastikan teks sorotan tetap dapat dibaca dengan latar belakang terang. Jika Anda menggunakan mode gelap di situs web, pilih warna selain hitam sebagai warna tema Anda.
Warna Pelengkap
Ini adalah warna pelengkap yang berpadu dengan warna utama Anda untuk membuat gradien (peralihan halus antara dua warna) pada ikon chat dan header jendela chat, sehingga ikon chat lebih menarik secara visual dan selaras dengan merek Anda.
Warna Garis Ikon
Ini adalah warna garis luar ikon chat.
Apakah warna latar belakang ikon chat akan dihapus.
Opsi ini sering berguna jika Anda mengunggah gambar sebagai ikon chat dan ingin menghapus warna latar belakang (warna utama) ikon chat.
Apakah bayangan ikon chat akan dihapus.
Opsi ini memungkinkan Anda menghapus efek bayangan jatuh dari ikon chat untuk mendapatkan desain yang lebih datar dan minimalis. Opsi ini sangat berguna terutama jika toko Anda memiliki estetika yang bersih dan modern, atau jika Anda mengunggah ikon khusus yang sudah memiliki efek bayangan atau kedalamannya sendiri.
Ukuran Ikon Mengambang untuk desktop dan seluler.
Di perangkat seluler, Anda mungkin ingin mengatur ukuran ikon chat yang lebih kecil agar tidak menghalangi pandangan pelanggan ke layar seluler.
Penempatan Ikon Chat
Penempatan ikon chat di desktop dan seluler.
Z-index Ikon Chat:
Gunakan nilai yang lebih tinggi jika Anda ingin ikon tetap berada di depan elemen UI lainnya.
Sembunyikan ikon chat secara otomatis di seluler
Sembunyikan ikon chat setelah beberapa detik yang ditentukan pada perangkat seluler.
Opsi ini hanya tersedia untuk perangkat seluler. Opsi ini membantu mencegah ikon chat menghalangi pandangan pelanggan ke layar seluler.
Penyesuaian Jendela Chat
Saat Anda mengeklik ikon chat Shoply AI, jendela chat akan muncul. Pelanggan dapat berinteraksi dengan Shoply AI melalui jendela chat tersebut.
Bagian ini akan memandu Anda melalui berbagai opsi yang tersedia untuk menyesuaikan jendela chat.
Tema Warna (mode gelap atau mode terang) jendela chat
Jika Anda memilih mode gelap, latar belakang jendela chat akan berwarna hitam dan warna font akan putih. Kami menyarankan untuk menggunakan opsi mode gelap jika tema toko Anda juga menggunakan mode gelap.
Lebar jendela chat di desktop
Opsi ini hanya berlaku untuk desktop. Di perangkat seluler, jendela chat selalu memenuhi seluruh layar.
Pilih gambar merek dan gambar latar belakang
Anda dapat memilih untuk mengunggah gambar merek dan gambar latar belakang Anda sendiri untuk jendela chat, atau membiarkan Shoply AI membuat gambar tersebut untuk Anda.
Jika Anda memilih untuk menggunakan gambar yang dibuat oleh AI, Shoply AI akan membuat gambar merek dan gambar latar belakang berdasarkan deskripsi toko Anda.
Sesuaikan transparansi dan rasio aspek gambar latar belakang untuk jendela chat.
Gambar latar belakang di jendela chat dapat membuat teks di atasnya sulit dibaca. Oleh karena itu, secara default, kami menambahkan lapisan semi-transparan di atas gambar latar belakang.
Apakah Logo Shoply AI di Bilah Input akan dihapus
Opsi ini memungkinkan Anda menghapus logo Shoply AI dari bilah input chat untuk pengalaman yang lebih bersih dan lebih sesuai dengan merek. Opsi ini sangat berguna terutama jika Anda ingin mempertahankan identitas merek yang konsisten di seluruh toko tanpa logo pihak ketiga, atau jika Anda lebih menyukai desain antarmuka chat yang lebih minimalis.
Opsi ini hanya tersedia untuk paket berbayar.
Pesan yang Telah Ditentukan Sebelumnya untuk AI Chat
Anda juga dapat mengatur atau mengedit pesan default yang memandu pelanggan saat mereka pertama kali berinteraksi dengan chatbot Anda. Selain itu, Anda dapat mengonfigurasi opsi terjemahan untuk pesan tersebut (lihat halaman FAQ ini untuk detail selengkapnya).
Pesan sambutan pop-up (ditampilkan di atas ikon chat jika tidak kosong)
Jika Anda membiarkan pesan sambutan kosong, kami tidak akan menampilkan pesan sambutan di atas ikon chat.
Pesan yang telah ditentukan sebelumnya di jendela chat
Anda dapat mengatur hingga 3 jenis pesan yang telah ditentukan sebelumnya di jendela chat:
-
Pesan pertama di jendela chat - Ini adalah pesan sapaan awal yang otomatis muncul saat pelanggan pertama kali membuka jendela chat. Gunakan pesan ini untuk menyambut pelanggan dan menentukan suasana percakapan.
-
Hingga 4 pertanyaan awal - Ini adalah saran pertanyaan yang dapat diklik dan ditampilkan di awal chat. Saran ini membantu mengarahkan pelanggan dengan menyediakan pertanyaan umum yang dapat mereka klik untuk memulai percakapan, sehingga pelanggan lebih mudah memulai.
-
Pesan placeholder input - Ini adalah teks petunjuk yang muncul di kolom input chat sebelum pelanggan mulai mengetik. Teks ini memberikan panduan tentang hal-hal yang dapat ditanyakan pelanggan, seperti “Tanyakan apa saja kepada saya 🤗” atau “Bagaimana saya dapat membantu Anda hari ini?”
Lihat contoh untuk setiap jenis pesan yang telah ditentukan sebelumnya:
