AI Growth Widget memungkinkan Anda menambahkan chat widget yang dapat dikustomisasi ke website Anda, sehingga pengunjung dapat berinteraksi dengan bisnis Anda dan menghubungi Anda melalui channel messaging yang didukung.

Panduan ini akan memandu Anda dalam membuat dan mengatur AI Growth Widget—mulai dari pengaturan branding dan engagement hingga pemasangan di website dan memastikan widget berfungsi dengan baik. Setelah selesai, widget Anda siap digunakan dan berinteraksi dengan pengunjung.

Mengakses halaman setup AI Growth Widget

Ikuti langkah berikut untuk membuka halaman setup:

1. Buka halaman “Channels” dengan mengklik ikon  di sidebar kiri
2. Pada halaman “Channels”, klik “AI Growth Widget” di panel sebelah kiri
3. Anda akan diarahkan ke halaman utama AI Growth Widget
   
4. Untuk mulai membuat widget, klik “Start setup”

Langkah 1: Branding dan pengaturan dasar

Pada langkah ini, Anda dapat menyesuaikan tampilan AI Growth Widget serta bagaimana widget ditampilkan kepada pengunjung website. Anda akan menentukan identitas brand, pesan default, dan pengaturan bahasa.

Kustomisasi identitas brand

Di bagian Brand identity, Anda dapat mengatur elemen visual dan tampilan widget. Pengaturan ini menentukan bagaimana widget terlihat di website serta bagaimana bisnis Anda direpresentasikan dalam percakapan.

• Logo perusahaan
  
  • Unggah logo untuk merepresentasikan brand Anda. Logo ini akan ditampilkan pada layar awal widget dan juga digunakan sebagai avatar pengirim dalam percakapan chat.
     
• Warna tombol
  
  • Pilih warna untuk tombol widget dan elemen call-to-action utama. Ini membantu widget selaras secara visual dengan branding website Anda.
    • Klik ikon untuk memilih warna, atau masukkan kode warna HEX secara langsung. 
• Warna bubble pesan
  
  • Tentukan warna bubble pesan pada jendela chat. Pengaturan ini memengaruhi tampilan pesan selama percakapan dengan pengunjung.
    • Klik ikon untuk memilih warna, atau masukkan kode warna HEX secara langsung. 
       
• Nama tampilan live chat
  
  • Masukkan nama yang ditampilkan kepada pengunjung sebagai judul widget. Biasanya berupa nama perusahaan atau produk agar pengunjung mudah mengenali siapa yang mereka ajak bicara.
     
• Nama pengirim
  
  • Tentukan nama yang ditampilkan sebagai pengirim pesan dalam chat. Nama ini akan terlihat oleh pengunjung saat menerima balasan dari widget.
     
• Pesan sambutan
  
  • Masukkan pesan default yang ditampilkan saat pengunjung memulai chat pada halaman yang tidak memiliki pop-up message. Pesan ini membantu membangun kesan awal dan mendorong pengunjung untuk berinteraksi.

Konfigurasi pengaturan bahasa

Pada bagian Language settings, pilih bahasa yang didukung oleh AI Growth Widget Anda. Pengaturan ini menentukan versi bahasa widget yang akan ditampilkan kepada pengunjung.

• Bahasa Utama
  
  • Pilih bahasa default untuk widget Anda. Bahasa ini akan digunakan jika bahasa browser pengunjung tidak didukung..
    • Klik dropdown untuk memilih bahasa.
       
• Bahasa tambahan
  
  • Tambahkan bahasa lain untuk memberikan pengalaman yang lebih terlokalisasi kepada pengunjung.
    • Klik “Add” untuk menambahkan bahasa yang didukung
    • Pengunjung akan melihat widget dalam bahasa yang sesuai dengan pengaturan browser mereka. Jika tidak ada yang cocok, bahasa utama akan digunakan

Langkah 2: Engagement dan channel

Pada langkah ini, Anda akan menentukan bagaimana pengunjung berinteraksi dengan AI Growth Widget. Ini termasuk pengaturan pop-up message, pengumpulan data kontak, serta pemilihan channel messaging eksternal yang dapat digunakan pengunjung untuk menghubungi bisnis Anda..

Konfigurasi Pop-up message

Pada bagian Pop-up message, Anda dapat membuat pesan singkat yang muncul di website untuk menyapa pengunjung dan mendorong mereka memulai percakapan.

• Nama pesan (Message name)
  • Masukkan nama untuk mengidentifikasi pop-up message ini. Nama ini hanya untuk referensi internal dan tidak ditampilkan kepada pengunjung.
• Isi pesan (Message content)
  • Masukkan pesan yang akan ditampilkan kepada pengunjung saat pop-up muncul. Pesan sebaiknya singkat, menarik, dan dibatasi hingga 500 karakter.
• Waktu tampil (Display timing)
  • Tentukan berapa lama jeda sebelum pop-up muncul setelah pengunjung membuka halaman.
    • Masukkan angka dalam detik
    • Contoh: jika Anda memasukkan 3, pop-up akan muncul 3 detik setelah halaman dibuka
    • Jeda ini berlaku untuk setiap kunjungan halaman di mana pop-up diaktifkan

Konfigurasi “Collect customer data”

Aktifkan Collect customer data jika Anda ingin pengunjung memasukkan informasi kontak sebelum memulai percakapan.

Saat opsi ini diaktifkan, pengunjung harus mengisi data yang diminta sebelum dapat melanjutkan chat melalui widget.

Anda dapat memilih jenis informasi yang ingin dikumpulkan:

• Phone number is required: Pengunjung harus memasukkan nomor telepon yang valid sebelum memulai percakapan
• Email address is required: Pengunjung harus memasukkan alamat email yang valid sebelum memulai percakapan

Anda dapat mengaktifkan salah satu atau kedua opsi tersebut sesuai kebutuhan.

Konfigurasi External messaging channels (opsional)

External messaging channels memungkinkan pengunjung menghubungi bisnis Anda melalui platform messaging yang didukung, tanpa harus melanjutkan percakapan di dalam widget.

Hanya channel yang sudah terhubung di workspace Anda yang dapat diaktifkan dan ditampilkan kepada pengunjung.

Untuk setiap channel, Anda dapat:

• Memilih akun channel yang sudah terhubung (jika tersedia)
• Mengaktifkan atau menonaktifkan channel untuk mengontrol apakah channel tersebut ditampilkan di widget

Saat diaktifkan, channel ini akan muncul sebagai opsi kontak tambahan di widget, sehingga pengunjung dapat memilih cara mereka ingin menghubungi bisnis Anda.

Langkah 3: Deploy

Pada langkah ini, Anda akan memasang AI Growth Widget di website Anda dan memastikan bahwa widget berfungsi dengan baik sebelum menyelesaikan setup.

Instal dan deploy widget di website Anda

1. Buka website Anda
   1. Login ke platform website Anda dan buka editor kode.
2. Masukkan code snippet
   1. Salin code snippet yang ditampilkan dan tempelkan ke dalam kode website Anda.
   2. Untuk menampilkan widget di halaman tertentu, tempelkan snippet sebelum tag penutup </body> pada halaman tersebut
   3. Untuk menampilkan widget di semua halaman, tambahkan snippet ke header atau footer global
3. Simpan dan refresh website
   1. Simpan perubahan Anda dan refresh website. Widget akan muncul setelah itu.
4. Uji widget
   1. Kirim pesan percobaan melalui widget untuk memastikan widget sudah terhubung dengan SleekFlow.

Verifikasi instalasi

Setelah widget dipasang, pastikan instalasi sudah benar:

1. Masukkan URL halaman tempat widget dipasang
2. Klik “Verify installation”
3. Tinjau hasil verifikasi

Jika verifikasi berhasil

• Anda akan melihat konfirmasi bahwa instalasi widget berhasil
  
• Klik “Done” di kanan bawah untuk menyelesaikan setup dan mengaktifkan widget

Jika verifikasi gagal

• Anda akan melihat pesan bahwa instalasi tidak dapat diverifikasi.
  
• Periksa kembali hal berikut:
  • Code snippet sudah dipasang di halaman atau domain yang benar
  • Perubahan pada website sudah dipublikasikan
  • Script widget tidak diblokir oleh content security policy atau ad blocker