Kustomisasi Widget Live Chat: Warna, Sapaan, Form, dan Offline

Poin penting

• Kustomisasi widget live chat di AeroConvo mencakup warna, sapaan, bahasa, gambar launcher, dan eye-catcher.
• Pre-chat form bisa dilengkapi upload file, verifikasi email OTP, post-chat survey, dan offline form.
• Widget aktif (status ON) setelah ada pengunjung membuka halaman yang sudah memuat kode embed.
• Kode embed ditempel sebelum tag </body>, lewat Google Tag Manager, atau dikirim ke developer via opsi Invite your developer.
• Semua pengaturan widget tersedia di paket Starter, termasuk free trial 14 hari tanpa kartu kredit.

Widget live chat bukan sekadar tombol chat di pojok layar. Cara ia tampil, menyapa, dan mengumpulkan data pengunjung menentukan apakah pengunjung langsung menghubungi tim atau pergi begitu saja. Di AeroConvo, kustomisasi widget live chat bisa dilakukan dari satu panel: warna, sapaan, bahasa, gambar launcher, eye-catcher, pre-chat form, verifikasi email OTP, post-chat survey, hingga offline form. Semua pengaturan ini bisa kamu ubah kapan saja tanpa menyentuh kode. Artikel ini membahas satu per satu bagian yang bisa disesuaikan, kapan setiap elemen berguna, dan cara memastikan widget benar-benar tampil di website kamu. Kalau kamu belum memasang widget sama sekali, mulai dulu dari Live Chat Website: Cara Pasang Widget, Bot 24/7, dan Satu Inbox.

Warna, Sapaan, dan Bahasa: Kesan Pertama Widget

Elemen pertama yang dilihat pengunjung adalah tampilan widget: warna tombol, teks sapaan, dan bahasa antarmuka. Di AeroConvo, ketiganya bisa diatur dari pengaturan widget.

• Warna — pilih warna yang kontras dengan desain website supaya tombol chat mudah ditemukan, tapi tetap selaras dengan brand kamu. Sebagai langkah praktis, buka halaman website kamu di layar yang berbeda (desktop dan mobile) dan cek apakah tombol chat tetap terlihat di atas latar halaman yang ramai, misalnya di halaman produk dengan banyak gambar.
• Sapaan — teks yang muncul ketika widget terbuka atau sebelum pengunjung mengetik. Sapaan yang jelas dan spesifik lebih berguna daripada sapaan generik. Daripada menulis "Ada yang bisa dibantu?", pertimbangkan sapaan yang menunjukkan jenis bantuan yang tersedia, misalnya "Tanya stok, ongkir, atau status pesanan di sini". Sapaan seperti ini juga memudahkan agen karena pengunjung sudah terarah sejak pesan pertama.
• Bahasa — AeroConvo mendukung antarmuka Bahasa Indonesia dan Inggris, jadi kamu bisa menyesuaikan bahasa widget dengan mayoritas pengunjung website. Untuk bisnis yang melayani pelanggan lokal, Bahasa Indonesia membuat pengunjung langsung nyaman; untuk yang menargetkan pasar luar negeri, ganti ke Bahasa Inggris. Keduanya bisa diubah kapan saja tanpa memasang ulang kode.

Selain itu, kamu bisa mengunggah gambar launcher (ikon yang tampil di pojok layar) dan menampilkan eye-catcher, yaitu elemen visual tambahan yang menarik perhatian pengunjung ke widget. Gunakan eye-catcher secukupnya — terlalu banyak elemen justru mengganggu pengalaman membaca. Eye-catcher paling efektif ketika muncul di halaman dengan niat beli tinggi, misalnya halaman produk atau halaman layanan, di mana pengunjung sedang mencari informasi dan siap bertanya.

Sebagai gambaran umum: di banyak tools live chat, bagian ini memang jadi yang paling sering disesuaikan karena paling cepat terlihat hasilnya. Bedanya, di AeroConvo semua pengaturan ini berada di satu panel yang sama dengan inbox tim, jadi kamu tidak perlu pindah-pindah aplikasi hanya untuk mengubah warna atau sapaan.

Pre-Chat Form: Kumpulkan Data Sebelum Chat Dimulai

Pre-chat form live chat adalah formulir yang muncul sebelum pengunjung mulai mengobrol. Di AeroConvo, kamu bisa mengaktifkan dan mengatur pre-chat form dari pengaturan widget. Form ini berguna untuk mengumpulkan informasi dasar — misalnya nama, email, atau pertanyaan awal — sehingga agen sudah punya konteks ketika percakapan masuk.

Alur praktisnya seperti ini: pengunjung klik tombol chat, formulir muncul, pengunjung mengisi data yang diminta, lalu percakapan dimulai dan data tersebut langsung terlihat di sisi agen. Dengan begitu, agen tidak perlu memulai percakapan dengan menanyakan "nama dan emailnya apa?" — waktu percakapan langsung bisa dipakai untuk menyelesaikan masalah pengunjung.

Beberapa elemen tambahan yang tersedia di AeroConvo untuk melengkapi formulir:

• Upload file — pengunjung bisa melampirkan file (misalnya screenshot masalah atau dokumen) sebelum chat dimulai. Ini mempersingkat bolak-balik informasi: pengunjung mengirim bukti masalah di awal, agen langsung bisa menganalisis tanpa harus meminta ulang.
• Verifikasi email OTP — pengunjung memverifikasi email lewat kode OTP, sehingga data kontak yang masuk lebih valid. Email yang sudah diverifikasi lebih berguna untuk tindak lanjut setelah percakapan selesai, karena risiko alamat salah ketik jauh lebih kecil.
• Post-chat survey — setelah percakapan selesai, pengunjung bisa memberi tanggapan singkat. Data ini melengkapi laporan CSAT yang tersedia di AeroConvo.

Secara umum, semakin banyak kolom yang kamu minta, semakin tinggi hambatan untuk memulai chat. Mulai dari kolom wajib yang benar-benar dibutuhkan agen, lalu tambahkan kolom lain hanya jika memang dipakai dalam alur kerja tim. Sebagai aturan praktis: kalau agen tidak pernah membuka kolom tersebut saat menangani percakapan, kemungkinan besar kolom itu tidak perlu ada di form. Untuk memahami cara memilih dan memasang widget secara menyeluruh, baca Live Chat Widget: Panduan Lengkap Memilih dan Memasang.

Offline Form: Tangkap Permintaan di Luar Jam Kerja

Website kamu tetap dikunjungi malam hari dan akhir pekan, tapi tidak selalu ada agen yang standby. Di sinilah offline form live chat berperan. Ketika tidak ada agen yang aktif, widget bisa menampilkan formulir offline sehingga pengunjung tetap bisa meninggalkan pesan, pertanyaan, atau kontaknya.

Tanpa offline form, pengunjung yang datang di luar jam kerja hanya menemui tombol chat yang tidak dijawab — dan pesan seperti ini biasanya tidak pernah dikirim ulang. Dengan formulir, permintaan tetap terekam dan masuk ke tim untuk ditindaklanjuti pada jam kerja berikutnya.

Di AeroConvo, offline form tersedia sebagai bagian dari kustomisasi widget. Beberapa cara memaksimalkannya:

• Tampilkan jam operasional yang jelas supaya pengunjung tahu kapan akan dibalas. Tanpa informasi ini, pengunjung tidak yakin apakah pesannya akan dibaca atau tenggelam.
• Minta data kontak yang cukup — minimal email atau nomor yang bisa dihubungi, tanpa mempersingkat formulir secara berlebihan.
• Sertakan pertanyaan singkat tentang kebutuhan pengunjung agar tim bisa menyiapkan balasan sejak awal. Satu kolom pertanyaan bebas sudah cukup untuk mengelompokkan pesan masuk.

Offline form ini juga saling melengkapi dengan fitur auto-reply di luar jam kerja pada chatbot flow berbasis aturan. Pengunjung yang butuh jawaban cepat bisa mendapat balasan otomatis, sementara yang butuh penanganan lebih lanjut bisa mengisi formulir. Kombinasi keduanya memastikan tidak ada permintaan yang hilang begitu saja hanya karena jam kerja sudah berakhir.

Ingin mencobanya langsung di bisnis Anda? Coba AeroConvo sekarang.

Custom Widget Live Chat yang Konsisten dengan Brand

Konsistensi tampilan bukan soal estetika semata. Ketika widget menyatu dengan desain website, pengunjung mengenali elemen tersebut sebagai bagian dari bisnis kamu, bukan widget asing yang menempel di halaman.

Beberapa hal yang perlu diperhatikan saat menyelaraskan custom widget live chat dengan brand:

Cara cepat mengujinya: buka website kamu di beberapa perangkat dan halaman, lalu lihat apakah widget tetap terlihat jelas tanpa menutupi tombol atau teks penting. Jika tombol chat tertutup elemen lain di halaman tertentu, itu tanda warna atau posisinya perlu disesuaikan.

Perlu diingat, widget yang sama tampil di semua halaman yang memuat kode embed, jadi pastikan tampilannya cocok untuk seluruh halaman — dari homepage sampai halaman produk. Pilihlah desain yang aman di semua konteks: warna yang tidak bentrok dengan halaman mana pun, launcher yang tidak menutupi konten, dan sapaan yang relevan untuk semua jenis halaman.

Setelah widget terpasang, statusnya akan berubah menjadi ON setelah ada pengunjung yang membuka halaman yang sudah memuat kode. Kamu bisa memverifikasi pemasangan lewat tombol "Check installation". Detail lengkap cara memasangnya ada di Aplikasi Live Chat untuk Website Bisnis: Fitur Wajib yang Harus Kamu Cek.

Satu Inbox Tim: Dari Widget ke Tangan Agen

Kustomisasi widget baru berguna jika percakapan yang masuk tertangani dengan rapi. Di AeroConvo, semua percakapan dari widget masuk ke satu shared inbox untuk tim. Di inbox ini kamu bisa menugaskan percakapan ke agen tertentu (assign), menulis catatan internal, memberi tag, dan melihat riwayat percakapan. Balasan yang dikirim akan kembali ke channel asalnya.

Alurnya sederhana: pengunjung mengirim pesan lewat widget, percakapan muncul di inbox, tim menugaskan ke agen yang tepat, agen membalas — dan pengunjung menerima balasan langsung di widget website-nya. Catatan internal membantu agen lain memahami konteks tanpa perlu bertanya ulang, sementara tag memudahkan pengelompokan percakapan berdasarkan topik atau prioritas.

Beberapa fitur yang melengkapi alur kerja tim di inbox:

• Routing percakapan — round-robin, least-busy, atau skill-based, tersedia di semua paket termasuk Starter.
• Canned replies — balasan cepat via shortcut / dan # untuk pertanyaan yang berulang.
• Laporan & CSAT dengan ekspor CSV untuk mengevaluasi kinerja tim.
• Kanal tambahan — selain widget website, kamu juga bisa menambahkan WhatsApp, Instagram, Messenger, Telegram, email, dan SMS ke inbox yang sama.

Artinya, pengaturan widget dan operasional tim berada dalam satu ekosistem. Kamu mengubah sapaan atau pre-chat form di satu tempat, lalu semua percakapan yang masuk tertangani lewat inbox yang sama.

Cara Memasang Widget Sebelum Mengustomisasi

Semua pengaturan di atas baru bisa dilakukan setelah widget terpasang. Berikut langkahnya di AeroConvo:

1. Daftar dan buat workspace di https://aeroconvo.com/signup.
2. Buka Settings → Install ("Install website widget"; juga muncul di langkah onboarding), lalu salin kode embed — satu tag <script src=".../widget.js" data-tenant-key="..." async>.
3. Tempel kode tepat sebelum tag </body> di setiap halaman website.
4. Status widget menjadi ON setelah ada pengunjung membuka halaman yang sudah berisi kode. Gunakan tombol "Check installation" untuk mengecek.

Untuk website tertentu, ada beberapa jalur pemasangan:

• Google Tag Manager: New tag → Custom HTML → tempel kode → trigger All Pages → Publish.
• WordPress/WooCommerce: Appearance → Theme File Editor → footer.php, tempel sebelum </body> (bukan plugin).
• Shopify: Online Store → Themes → Edit code → theme.liquid, tempel sebelum </body>.
• Wix, Squarespace, Magento, atau website custom: kode yang sama, ditempel sebelum </body>.
• Opsi "Invite your developer" — kirim kode ke developer lewat email jika kamu tidak menangani pemasangan sendiri.

Setelah widget aktif, barulah kamu masuk ke panel kustomisasi untuk mengatur warna, sapaan, pre-chat form, dan offline form. Kalau kamu masih membandingkan pilihan paket, lihat Paket Live Chat Website: Starter vs Pro vs Enterprise.

Kesimpulan

Kustomisasi widget live chat bukan sekadar soal warna yang cantik. Setiap elemen punya fungsi: sapaan menentukan sambutan pertama, pre-chat form mengumpulkan data sebelum chat dimulai, dan offline form memastikan permintaan tetap tertangkap di luar jam kerja. Di AeroConvo, semua pengaturan ini berada di satu panel, sejalan dengan shared inbox yang menampung seluruh percakapan tim.

Mulai dari elemen yang paling terlihat — warna dan sapaan — lalu tambahkan pre-chat form dan offline form sesuai kebutuhan operasional. Siap mencoba sendiri? Daftar free trial 14 hari tanpa kartu kredit di https://aeroconvo.com/signup dan atur widget kamu hari ini.

Pertanyaan yang sering diajukan

Apakah kustomisasi widget live chat perlu menyentuh kode?

Tidak. Setelah kode embed dipasang sekali di halaman website, pengaturan warna, sapaan, bahasa, gambar launcher, eye-catcher, pre-chat form, dan offline form diatur langsung dari panel AeroConvo tanpa mengubah kode.

Apa bedanya pre-chat form dan offline form?

Pre-chat form muncul sebelum pengunjung memulai chat, untuk mengumpulkan data seperti nama, email, atau lampiran file. Offline form tampil ketika tidak ada agen yang aktif, sehingga pengunjung tetap bisa meninggalkan pesan di luar jam kerja.

Apakah verifikasi email OTP tersedia di semua paket?

Verifikasi email OTP merupakan bagian dari kustomisasi widget di AeroConvo. Untuk detail ketersediaan per paket — Starter, Pro, dan Enterprise — cek langsung halaman paket atau hubungi tim AeroConvo sebelum memutuskan.

Bagaimana cara mengecek apakah widget sudah terpasang dengan benar?

Status widget berubah menjadi ON setelah ada pengunjung membuka halaman yang sudah memuat kode embed. Kamu juga bisa menekan tombol "Check installation" di panel untuk memverifikasi pemasangan.

Apakah free trial sudah termasuk fitur kustomisasi widget?

Free trial 14 hari tanpa kartu kredit menggunakan paket Starter, yang sudah mencakup widget live chat, 3 seat, dan canned replies. AI bot tidak termasuk di trial karena hanya tersedia di paket Pro dan Enterprise.