Tingkatkan Layanan Pelanggan dengan Widget Chat Modern

Widget chat responsif dan mudah dikustomisasi untuk website atau blog Anda

Toko Helm Assistant
Halo! Saya asisten virtual Toko Helm. Apa yang bisa saya bantu?
Saya ingin tahu detail produk terbaru
Tentu! Kami baru saja mengeluarkan seri helm baru dengan fitur yang lebih canggih.

Fitur Utama

HelmChat menawarkan fitur-fitur yang memudahkan interaksi dengan pelanggan Anda

Responsif Mobile

Tampilan yang sempurna di semua perangkat, dari desktop hingga smartphone

Kustomisasi Mudah

Sesuaikan warna dan tampilan dengan tema website Anda tanpa perlu coding

Integrasi Sederhana

Cukup salin dan tempel kode ke website Anda tanpa perubahan kompleks

Customer Service

Tampung pertanyaan dan pesan pelanggan dengan antarmuka yang ramah

Ringan & Cepat

Didesain untuk performa dengan ukuran kecil tanpa membebani website

Keamanan Terjamin

Terproteksi dengan validasi server dan domain untuk mencegah penyalahgunaan

Dokumentasi Penggunaan

Ikuti langkah-langkah berikut untuk menambahkan widget HelmChat ke website Anda:

1

Dapatkan API Key

Gunakan API key yang telah disediakan untuk Anda atau daftarkan diri untuk mendapatkan API key baru.

Format API key: helm_api_key_XXXXX

2

Salin dan Tempel Kode Embed

Tambahkan kode berikut ke halaman HTML website Anda, biasanya sebelum tag penutup </body>:

<!-- Tambahkan div container -->
<div id="helm-chat-container"></div>
<script type="text/javascript">
(function(w, d, s, o) {
    var j = d.createElement(s);
    j.async = true;
    j.src = 'https://widget.classy.id/helm-chat-widget-v2.js';
    j.onload = function() {
        w.HelmChat.init({
            apiKey: 'helm_api_key_12345',
            source: window.location.hostname,
            container: o || 'helm-chat-container',
            proxyUrl: 'https://webhook.classy.id/widget/proxy.php',
            // Opsional: kustomisasi tema
            theme: {
                primary: '#3a54aa',      // Warna utama (header, tombol)
                secondary: '#f0f4ff',    // Warna latar belakang pesan user
                accent: '#f5f7fa'        // Warna latar belakang pesan asisten
            }
        });
    };
    d.getElementsByTagName('head')[0].appendChild(j);
})(window, document, 'script', 'helm-chat-container');
</script>
3

Kustomisasi Widget (Opsional)

Sesuaikan tampilan widget dengan mengubah nilai theme pada konfigurasi:

  • primary: Warna utama untuk header dan tombol
  • secondary: Warna latar belakang pesan pengguna
  • accent: Warna latar belakang pesan asisten
4

Pengujian Widget

Buka website Anda dan pastikan widget chat muncul di pojok kanan bawah. Klik icon chat untuk membuka widget dan coba mengirim pesan.

www.yourdomain.com

Kustomisasi Widget

Sesuaikan tampilan widget dengan pilihan warna yang cocok dengan brand atau website Anda:

Pilihan Tema

Classic Blue
Green
Red
Purple
Dark

Kode Kustomisasi

Salin kode berikut dan sesuaikan warna yang diinginkan:

theme: {
    primary: '#3a54aa',      // Warna utama (header, tombol)
    secondary: '#f0f4ff',    // Warna latar belakang pesan user
    accent: '#f5f7fa'        // Warna latar belakang pesan asisten
}
Preview Widget dengan Tema Terpilih:
Toko Helm Assistant
Halo! Ada yang bisa saya bantu?
Saya ingin informasi produk

Pertanyaan Umum

Apakah widget ini gratis untuk digunakan?

Ya, widget HelmChat dapat digunakan secara gratis untuk kebutuhan personal dan bisnis kecil. Untuk penggunaan skala besar dan fitur tambahan, kami menyediakan paket premium.

Bagaimana cara mengintegrasikan dengan sistem CS yang sudah ada?

HelmChat dirancang untuk terintegrasi dengan berbagai sistem CS. Anda dapat menghubungi tim kami untuk bantuan integrasi khusus melalui email support@classy.id.

Apakah widget ini bisa digunakan di Blogger/Wordpress?

Tentu! HelmChat kompatibel dengan semua platform termasuk Blogger, Wordpress, Shopify, Wix, dan lainnya. Cukup salin kode embed dan tempelkan di template atau HTML widget.

Untuk Wordpress: Tambahkan di Appearance > Widgets > Custom HTML atau gunakan plugin seperti Insert Headers and Footers.

Untuk Blogger: Tambahkan di Theme > Edit HTML > temukan tag </body> dan tempelkan kode sebelumnya.

Apakah widget ini aman dari segi privasi data?

Keamanan adalah prioritas kami. Semua data percakapan dienkripsi dan kami menerapkan validasi server-side untuk mencegah akses tidak sah. HelmChat dirancang dengan mempertimbangkan privasi dan tidak menyimpan data sensitif pengguna.

Bagaimana cara menerima notifikasi pesan baru?

HelmChat dapat dikonfigurasi untuk mengirimkan notifikasi melalui email, webhook, atau integrasi dengan aplikasi pihak ketiga seperti Telegram atau Slack. Hubungi tim kami untuk pengaturan notifikasi khusus.

Siap Meningkatkan Interaksi dengan Pelanggan Anda?

Tingkatkan pengalaman pengguna di website Anda dengan widget chat yang professional dan responsif.