Siapkan widget Chat WhatsApp

Opsi 1: Widget dengan Pop-Up

Versi ini menampilkan CTA pop-up kecil sebelum mengarahkan pengunjung ke WhatsApp. Cocok untuk menarik perhatian pengguna tanpa mengganggu.

Di mana harus menambahkannya?

Tempel skrip berikut di bagian akhir situs web atau halaman arahan Anda (sebelum tag </body> penutup).

Anda memerlukan ID singkat Tim, yang dapat ditemukan di halaman Setelan Tim setelah mengeklik nama pengguna Anda di pojok kanan atas aplikasi web.

Opsi Penyesuaian:

• phoneNumber 📞 – Nomor WhatsApp bisnis Anda
• welcomeText 👋 – Teks yang ditampilkan di pop-up
• customerMessage 💬 – Pesan yang sudah diisi sebelumnya di kotak chat WhatsApp
• ctaText 🔘 – Teks pada tombol pop-up
• brandName 🏷️ – Nama merek opsional
• brandIconUrl 🖼️ – URL ikon merek opsional
• primaryColor 🎨 – Warna ikon WhatsApp

<script>  window.ChakraChatWidgetSettings = {	teamId: 'your-team-short-id',    widgetType: 'whatsapp',    chatLauncherConfig: {      // primaryColor: '#13c2c2',    },    whatsappWidget: {      phoneNumber: '+91**01258455',      theme: 'classic',      classic: {        welcomeText: 'Do you have more questions?',        // brandName: 'ChakraHQ', // optional        // brandIconUrl: 'https://s3.ap-south-1.amazonaws.com/static-data.chakrahq.com/assets/images/chakra-icon-with-bg/icon-48x48.png', // optional        customerMessage: 'Tell me more',        ctaText: 'Chat Now'      }    }  };</script><script type="text/javascript" async defer src="https://embed.chakrahq.com/chat/v1/widget.js"></script>

Opsi 2: Widget Tanpa Pop-Up

Versi ini membuat tombol WhatsApp mengambang yang langsung membuka chat WhatsApp — cocok untuk UI minimalis.

Di mana harus menambahkannya?

Letakkan skrip di bagian bawah halaman, tepat sebelum tag </body> penutup.

Opsi Penyesuaian

• phoneNumber 📞 – Nomor WhatsApp bisnis Anda
• customerMessage 💬 – Pesan WhatsApp yang sudah diisi sebelumnya
• primaryColor 🎨 – Warna ikon WhatsApp

<script>  window.ChakraChatWidgetSettings = {	teamId: 'your-team-short-id',    widgetType: 'whatsapp',    chatLauncherConfig: {      // primaryColor: '#13c2c2',    },    whatsappWidget: {      phoneNumber: '9901258433',      theme: 'buttonOnly',      buttonOnly: {        customerMessage: 'Tell me more'      },    }  };</script><script type="text/javascript" async defer src="https://embed.chakrahq.com/chat/v1/widget.js"></script>