Skip to content

Tombol chat WhatsApp gratis untuk website

Pembuat widget WhatsApp untuk situs Anda

Rancang tombol WhatsApp mengambang, lihat langsung di halaman contoh, lalu salin potongan HTML kecil. Bisa dipakai di WordPress, Shopify, Wix, Squarespace, Webflow, atau situs buatan sendiri — tanpa plugin, tanpa skrip eksternal, tanpa melacak pengunjung.

Sertakan kode negara. Spasi, tanda hubung, dan + di depan tidak masalah.

Pengunjung melihat teks ini di WhatsApp dan bisa mengubahnya sebelum mengirim. Tidak ada yang terkirim otomatis.

Kode sematan: tempel sebelum </body>

Masukkan nomor WhatsApp untuk membuat kode sematan.

Gratis, tanpa daftar. Dibuat di browser Anda; tidak ada yang Anda ketik dikirim ke MyChatWrap.

Apa itu widget WhatsApp untuk website?

Widget WhatsApp adalah tombol yang menempel di sudut situs Anda dan membuka chat WhatsApp dengan bisnis Anda saat diklik. Pembuat ini menghasilkan HTML dan CSS murni: link wa.me bergaya dengan gelembung sapaan opsional. Karena tidak memuat apa pun dari server lain, ukurannya hampir nol, tidak bisa memperlambat situs, dan tidak memerlukan banner cookie.

Tombol chat ringan yang sepenuhnya Anda kendalikan

Pratinjau langsung

Kode persis yang Anda salin ditampilkan di halaman contoh saat Anda mengeditnya.

Tanpa skrip, tanpa pelacakan

HTML dan CSS murni, sekitar 1 KB, tanpa permintaan pihak ketiga atau cookie.

Teks dan warna sesuai keinginan

Pakai label seperti “Chat kami” atau tombol bulat hanya ikon dengan warna brand Anda.

Gelembung sapaan

Pesan opsional di atas tombol mengajak pengunjung memulai chat.

Ramah ponsel

Bisa berubah menjadi ikon saja di ponsel agar tidak menutupi konten.

Aksesibel secara bawaan

Gaya fokus keyboard dan label untuk pembaca layar sudah tersedia.

Cara menambahkan WhatsApp ke situs Anda

  1. 1. Masukkan nomor

    Tambahkan nomor WhatsApp atau WhatsApp Business dengan kode negara.

  2. 2. Atur tombol

    Tentukan teks, sapaan, warna, posisi, dan pesan otomatis.

  3. 3. Tempel kode

    Salin potongan kode dan tempel tepat sebelum </body> di situs Anda.

Di mana menempel kodenya

Tempel potongan kode sekali di tempat yang dimuat di setiap halaman:

  • WordPress: plugin kode header/footer, atau footer.php tema Anda sebelum </body>
  • Shopify: Toko Online → Tema → Edit kode → theme.liquid, sebelum </body>
  • Wix: Pengaturan → Kode Kustom → Akhir body, di semua halaman
  • Squarespace: Pengaturan → Lanjutan → Injeksi Kode → Footer
  • Webflow: Pengaturan proyek → Custom code → Footer code
  • Situs HTML apa pun: tepat sebelum tag penutup </body>

Kenapa widget HTML murni?

Kebanyakan plugin chat memuat JavaScript dari server perusahaan lain setiap kali halaman dibuka. Itu menambah beban, bisa memasang cookie pelacak, dan berhenti berfungsi jika layanannya mengubah paket. Potongan kode ini adalah link bergaya: jika halaman Anda terbuka, tombolnya berfungsi.

Konsekuensinya, tidak ada statistik klik bawaan. Gunakan pesan otomatis khusus seperti “Halo, saya dari situs Anda” untuk mengenali chat yang datang dari widget.

Agar tombol menghasilkan percakapan

Sebutkan apa yang akan terjadi (“Chat kami”, “Tanya sekarang”) alih-alih hanya ikon, buat sapaan singkat dan ramah, dan isi pesan otomatis agar pengunjung tidak berhadapan dengan kolom kosong. Di ponsel, tombol ikon saja tidak menutupi foto produk atau tombol checkout.

Yang dilakukan alat ini

  • Membuat tombol WhatsApp mengambang dari HTML/CSS murni
  • Menampilkan pratinjau langsung potongan kode yang sama
  • Mendukung teks, warna, sapaan, posisi, dan opsi ponsel
  • Memvalidasi nomor sebelum dipublikasikan

Yang tidak bisa dilakukan

  • Menyediakan live chat, chatbot, atau kotak masuk tim bersama
  • Menghitung klik atau pengunjung — sengaja tanpa pelacakan
  • Memasang dirinya sendiri — Anda yang menempel kodenya di situs

Dibuat secara privat di browser Anda

Semua di halaman ini dibuat di browser Anda. Nomor, pesan, dan pengaturan yang Anda ketik tidak dikirim ke MyChatWrap dan tidak disimpan di mana pun. Yang keluar dari perangkat Anda hanyalah apa yang Anda pilih untuk disalin, diunduh, atau dipublikasikan sendiri.

Pertanyaan seputar widget WhatsApp

Alat WhatsApp terkait

Pembuat Link WhatsApp

Buat link wa.me untuk chat sekali klik dengan pesan otomatis, siap disalin.

Pembuat Kode QR WhatsApp

Buat kode QR WhatsApp untuk chat lewat pindai, dengan warna kustom, dalam PNG atau SVG siap cetak.

Template Pesan WhatsApp

Isi pesan WhatsApp Business siap pakai untuk pesanan, pengingat, promo, dan lainnya.

WhatsApp to PDF

Perlu semua pesan? Buat PDF transkrip kronologis lengkap.

Sudah melayani pelanggan lewat WhatsApp?

Ekspor chat dengan pelanggan atau tim dan lihat waktu balas, jam tersibuk, siapa yang memulai percakapan, dan lainnya, dianalisis secara privat di browser Anda.

Analisis chat WhatsApp