Setelah Anda membuat AI Growth Widget, Anda dapat mengelola tampilannya, channel yang tersedia, pesan pop-up, serta pengaturan bahasa kapan saja. Pengaturan ini membantu Anda menyesuaikan tampilan dan cara kerja widget di situs web, sehingga tetap efektif dalam mendukung perolehan prospek (lead capture) dan percakapan dengan pelanggan seiring berkembangnya kebutuhan bisnis Anda.

Panduan ini akan membantu Anda untuk:

• Mengakses pengaturan AI Growth Widget
• Mengelola channel pesan yang tersedia
• Memperbarui branding, pesan sambutan, dan persyaratan formulir kontak
• Membuat dan mengelola pesan pop-up
• Mengatur bahasa yang didukung dan perilaku bahasa default
   

Mengakses halaman pengaturan AI Growth Widget

Untuk mengelola AI Growth Widget yang sudah ada:

1. Klik ikon untuk membuka halaman “Channels”.
2. Pada panel sebelah kiri, klik “AI Growth Widget” untuk membuka halaman pengaturan channel AI Growth Widget.
   
3. Di halaman ini, Anda dapat berpindah antar tab di bagian atas halaman untuk mengelola berbagai bagian dari widget Anda.
   

Mengelola channel yang tersedia di AI Growth Widget

Selain Live Chat, Anda juga dapat memperbarui dan mengelola channel pesan lain yang tersedia langsung di dalam widget. Hal ini memungkinkan pengunjung memilih platform yang mereka sukai untuk memulai percakapan dengan tim Anda.

Ikuti langkah-langkah berikut untuk mengonfigurasi channel lain di AI Growth Widget:

1. Klik ikon untuk membuka halaman “Channel”.
2. Pada panel sebelah kiri, klik “AI Growth Widget” untuk membuka halaman pengaturan channel AI Growth Widget.
   
    
3. Di halaman pengaturan AI Growth Widget, Anda akan melihat semua channel yang telah terhubung.
   
4. Aktifkan (toggle on) channel yang ingin Anda tampilkan di widget.
5. Gunakan panel pratinjau di sebelah kanan untuk melihat tampilan widget dengan channel yang dipilih.
   
6. Setelah Anda mengaktifkan channel, bilah simpan (save bar) akan muncul di bagian bawah halaman untuk menyimpan atau membatalkan perubahan.
   
7. Klik “Save” untuk menerapkan perubahan.

Mengonfigurasi pengaturan umum AI Growth Widget

Tab General memungkinkan Anda menyesuaikan tampilan widget serta menentukan informasi apa saja yang dikumpulkan dari pengunjung.

Mengakses tab “General”

Ikuti langkah-langkah berikut untuk membuka tab “General” pada AI Growth Widget Anda:

1. Klik ikon untuk membuka halaman “Channel”
2. Pada panel sebelah kiri, klik “AI Growth Widget” untuk membuka halaman pengaturan channel AI Growth Widget.
   
   
3. Klik tab “General” pada panel bagian atas.
   

Berikut adalah pengaturan yang dapat Anda konfigurasi di tab “General settings”:

1. Company logo
2. Colors
3. Display name
4. Welcome message
5. Additional settings: Contact form

Logo perusahaan

Anda dapat mengunggah logo perusahaan agar AI Growth Widget selaras dengan identitas brand Anda. Logo akan ditampilkan pada layar sambutan (welcome screen) widget dan sebagai avatar responden di jendela chat.

Ikuti langkah-langkah berikut untuk mengunggah atau menghapus logo perusahaan Anda:

1. Di tab “General”, temukan bagian “Company logo”.
   
2. Untuk mengunggah logo:
   1. Klik “Upload” pada bagian logo.
   2. Dialog sistem akan muncul dan meminta Anda memilih file dari perangkat Anda.
   3. Pilih file logo Anda (.JPG, .JPEG, atau .PNG dengan ukuran maksimal 1 MB).
   4. Logo yang diunggah akan langsung muncul pada panel pratinjau widget di sebelah kanan.
      
       
   5. Klik “Save” di bagian bawah halaman untuk menyimpan perubahan.
      
3. Untuk menghapus logo:
   1. Klik “Remove logo”
   2. Klik “Save” di bagian bawah halaman untuk menyimpan perubahan.
      
   3. Widget tidak akan lagi menampilkan logo pada header chat maupun avatar agent.
      

Warna

Anda dapat menyesuaikan warna tombol dan gelembung pesan (message bubble) pada widget agar sesuai dengan identitas brand Anda. Warna yang Anda atur di sini akan langsung tercermin pada panel pratinjau widget di sebelah kanan.

Pada bagian ini, Anda dapat mengonfigurasi:

1. Warna tombol: Menentukan warna tombol tindakan (misalnya “Start chat”).
   
    
2. Message bubble color: Menentukan warna latar belakang gelembung chat.
   

Anda dapat mengikuti langkah-langkah berikut untuk mengatur warna widget:

1. Di tab General settings, temukan bagian Colors.
2. Klik kotak warna di samping kolom “Button color” atau “Message bubble color”.
   
3. Dialog pemilih warna (color picker) akan muncul. Anda dapat:
   1. Memilih warna dari palet yang tersedia
   2. Masukkan kode HEX
4. Warna baru akan langsung diperbarui pada panel preview widget di sebelah kanan.
5. Klik “Save” di bagian bawah halaman untuk menyimpan perubahan.
   

Display name

Anda dapat menyesuaikan nama yang ditampilkan di AI Growth Widget agar pengunjung lebih jelas mengetahui dengan siapa mereka sedang berinteraksi. Terdapat dua jenis display name yang dapat Anda konfigurasi:

• Live Chat display name: Judul yang ditampilkan di bagian atas header widget (misalnya: Cat Paradise Live Chat).
• Display name pengirim: Nama yang muncul saat tim Anda membalas pesan (misalnya: Paw buddy).

Ikuti langkah-langkah berikut untuk mengonfigurasi display name:

1. Di tab “General”, temukan kolom Live Chat display name dan Sender display name.
2. Klik pada kolom “Live Chat display name” atau “Sender display name”.
3. Masukkan nama yang ingin Anda tampilkan.
   
4. Panel preview di sebelah kanan akan otomatis diperbarui sesuai perubahan Anda.
5. Klik “Save” di bagian bawah halaman.
   

Welcome message

Anda dapat mengatur pesan sambutan (welcome message) default yang akan ditampilkan kepada pengunjung saat mereka membuka AI Growth Widget. Pesan ini membantu menciptakan kesan pertama yang ramah dan mendorong mereka untuk memulai percakapan.

Pesan sambutan akan ditampilkan jika tidak ada pesan pop-up berbasis URL yang dikonfigurasi.

Ikuti langkah-langkah berikut untuk mengonfigurasi pesan sambutan Anda:

1. Di tab General settings, temukan kolom Welcome message.
2. Untuk memperbarui pesan:
   1. Klik pada kolom teks di bawah Welcome message.
   2. Masukkan pesan sambutan Anda (misalnya: “Halo dan selamat datang! Punya pertanyaan atau butuh bantuan? Beri tahu saya—saya siap membantu.”).
   3. Anda dapat memasukkan hingga 500 karakter.
3. Panel pratinjau di sebelah kanan akan otomatis diperbarui untuk menampilkan pesan sambutan terbaru Anda.
4. Klik “Save” di bagian bawah halaman.
   

Pengaturan tambahan: Form kontak

Anda dapat mewajibkan pengunjung untuk memberikan detail kontak sebelum memulai chat. Hal ini memastikan tim Anda tetap memiliki cara untuk menindaklanjuti, meskipun percakapan berakhir lebih awal.

Anda dapat memilih untuk mengumpulkan:

• Phone number
• Email address

Kedua kolom tersebut dapat diaktifkan secara bersamaan atau masing-masing secara terpisah. 

Ikuti langkah-langkah berikut untuk mengonfigurasi persyaratan formulir kontak:

1. Di tab General settings, gulir ke bawah hingga bagian “Additional settings”.
   
2. Untuk mengaktifkan detail yang wajib diisi:
   1. Aktifkan (toggle on) “Require contact details from website visitors”.
   2. Pilih detail yang ingin diwajibkan dengan mencentang kotak Phone number dan/atau Email address.
   3. Panel pratinjau di sebelah kanan akan menampilkan bagaimana formulir akan terlihat oleh pengunjung sebelum mereka dapat memulai chat.
      
3. Untuk menonaktifkan detail wajib:
4. Nonaktifkan (toggle off) opsi tersebut. Pengunjung akan dapat langsung memulai chat tanpa perlu memasukkan informasi kontak.
5. Klik “Save” di bagian bawah halaman.
   

Mengonfigurasi pop-up message untuk AI Growth Widget

Pop-up message memungkinkan Anda menjangkau pengunjung secara proaktif saat mereka menjelajahi situs Anda. Misalnya, Anda dapat menampilkan sapaan di halaman harga atau setelah pengunjung menghabiskan waktu tertentu di halaman produk. Saat pop-up diklik, jendela Live Chat akan terbuka sehingga pengunjung dapat langsung memulai percakapan.

Mengakses tab “Pop-up message”

Ikuti langkah-langkah berikut untuk membuka tab “Pop-up message” pada AI Growth Widget Anda:

1. Klik ikon untuk membuka halaman “Channels”.
2. Pada panel sebelah kiri, klik “AI Growth Widget” untuk membuka halaman pengaturan channel AI Growth Widget.
   
3. Klik tab “Pop-up message” pada panel bagian atas.
   
   
    

Membuat pop-up message

Ikuti langkah-langkah berikut untuk membuat dan mengelola pop-up message:

1. Di tab “Pop-up message”, klik “Create pop-up message”.
2. Jendela pop-up (modal) akan muncul.
   
3. Untuk mengatur konten pesan, silakan navigasi ke tab “Konten” dan atur hak di bawah ini:
   1. Message title: Judul pop-up yang hanya ditampilkan secara internal agar rekan tim Anda dapat mengenali pop-up ini.
   2. Message: Masukkan teks yang ingin ditampilkan. Anda dapat memasukkan hingga 70 karakter.
      1. Contoh: Need help choosing a plan? Chat with us now!
4. Untuk mengatur kondisi untuk kapan menunjukkan pesan pop-up, navigasikan ke tab “kondisi”:
   
   1. Conditions menentukan waktu dan lokasi kemunculan pop-up. Anda wajib mengatur minimal 1 kondisi dan dapat menambahkan hingga 5 kondisi per pesan. Pop-up hanya akan ditampilkan jika pengunjung memenuhi semua kondisi yang dipilih.
   2. Ikuti langkah-langkah berikut untuk mengatur kondisi:
      1. Setelah mengisi konten pesan, buka tab Conditions.
      2. Pilih cara kerja aturan dari menu dropdown:
         1. Show when URL contains
         2. Show when URL contains exactly
         3. Hide when URL contains
         4. Hide when URL contains exactly
      3. Masukkan kriteria yang sesuai (misalnya: https://catparadise.com/adoption).
      4. (Opsional) Tambahkan kondisi tambahan dengan mengklik “+ Add condition”.
         1. Contoh: Show when URL contains /adoption AND after 10 seconds on the page.
      5. Jika diperlukan, atur jeda waktu (time delay) dengan memasukkan jumlah detik setelah kondisi terpenuhi sebelum pop-up ditampilkan.
         
      6. Klik “Save as draft” jika Anda ingin melanjutkan pengeditan nanti, atau klik “Save and publish” untuk mengaktifkan pesan.

Mengedit pop-up message

Anda dapat mengedit pop-up message yang sudah ada untuk memperbarui konten, kondisi, atau pengaturan waktu.

1. Buka tab “Pop-up message” di halaman pengaturan AI Growth Widget Anda.
   
2. Temukan pesan yang ingin Anda perbarui pada daftar.
3. Klik ikon  
4. Jendela pop-up (modal) akan muncul dengan pengaturan pop-up yang sudah ada.
   
5. Perbarui konten, kondisi, atau waktu jeda (delay) sesuai kebutuhan Anda.
6. Klik “Save as draft” untuk menyimpan perubahan sebagai draft, atau klik “Save and publish” untuk langsung menayangkan perubahan tersebut.

Memperbarui status pop-up message

Anda dapat mengatur apakah pop-up ditayangkan secara aktif di situs web atau hanya disimpan untuk diedit nanti dengan mengubah statusnya.

1. Buka tab “Pop-up message”.
2. Temukan pop-up yang ingin Anda perbarui.
3. Klik dropdown status.
    
    
4. Pilih salah satu opsi berikut:
   1. Draft: Pop-up akan disimpan tetapi tidak ditampilkan kepada pengunjung.
   2. Published: Pop-up akan ditayangkan dan ditampilkan kepada pengunjung ketika kondisinya terpenuhi.

Menghapus pop-up message

Jika pop-up sudah tidak diperlukan, Anda dapat menghapusnya secara permanen dari pengaturan AI Growth Widget.

Ikuti langkah-langkah berikut untuk menghapus pop-up message

1. Buka tab “Pop-up message” di halaman pengaturan AI Growth Widget Anda.
   
2. Temukan pop-up yang ingin Anda hapus.
3. Klik ikon  
4. Dialog konfirmasi akan muncul.
   
5. Klik “Delete” untuk mengonfirmasi.
6. Pop-up akan dihapus secara permanen dari daftar Anda.

Mengonfigurasi bahasa untuk AI Growth Widget

Anda dapat mengatur beberapa bahasa di AI Growth Widget untuk memberikan pengalaman yang terlokalisasi bagi pengunjung dari berbagai wilayah. Widget akan secara otomatis mendeteksi dan menampilkan bahasa sesuai dengan bahasa browser pengunjung jika tersedia.

Accessing the “Language” tab

1. Klik ikon untuk membuka halaman “Channel”
2. Pada panel sebelah kiri, klik “AI Growth Widget” untuk membuka halaman pengaturan channel AI Growth Widget.
   
3. Klik tab “General” pada panel bagian atas.
   

Mengaktifkan atau menonaktifkan bahasa

Untuk mengaktifkan dan memnonaktifkan bahasa, Anda bisa mengikuti langkah-langkah berikut:

1. Di tab “Language” pada pengaturan AI Growth Widget, Anda akan melihat daftar bahasa yang didukung.
   
2. Aktifkan (toggle On) bahasa untuk membuatnya tersedia di widget Anda.
   
3. Nonaktifkan (toggle Off) bahasa untuk menonaktifkannya.
   

Mengatur bahasa default

Anda dapat memilih satu bahasa sebagai default untuk AI Growth Widget Anda. Bahasa ini akan digunakan ketika bahasa browser pengunjung tidak cocok dengan bahasa yang telah diaktifkan.

Anda dapat mengikuti langkah berikut untuk mengatur bahasa default:

1. Di tab “Language” pada pengaturan AI Growth Widget, Anda akan melihat daftar bahasa yang didukung.
2. Temukan bahasa yang ingin Anda jadikan sebagai default.
3. Klik ikon lalu pilih “Set as default”
   
4. Widget kini akan menggunakan bahasa tersebut ketika bahasa browser pengunjung tidak didukung.

Menginstal AI Growth Widget di situs web Anda

Untuk menampilkan AI Growth Widget di situs web, Anda perlu menyematkan (embed) skrip singkat. Setelah terpasang, widget akan muncul di sudut kanan bawah situs Anda.

Berikut panduannya:

1. Mendapatkan kode embed
   1. Di halaman pengaturan channel AI Growth Widget, klik “Get code snippet” yang terletak di sudut kanan atas halaman.
      
   2. Jendela pop-up (modal) akan muncul dan menampilkan kode skrip.
      
   3. Klik “Copy code snippet” di sudut kanan bawah.
   4. Kode akan tersalin ke clipboard Anda.
2. Menambahkan kode ke situs web Anda
   1. Tempelkan skrip sebelum tag penutup </body> pada setiap halaman tempat Anda ingin menampilkan widget.
   2. Jika Anda ingin widget ditampilkan di seluruh situs, tempelkan kode tersebut di bagian <header> atau <footer> situs Anda.
3. Simpan dan refresh
   1. Simpan perubahan pada situs web Anda.
   2. Muat ulang (refresh) situs Anda — widget akan muncul di posisi yang telah dikonfigurasi.
4. Uji widget
   1. Kirim epsan tes untuk kinfirmasi AI Growth Widget sudah tersambung dengan benar dan diatur di SleekFlow.