Halaman Uji Widget

Halaman ini memuat CSS yang sengaja dibuat berantakan untuk menguji isolasi widget.

  1. Tombol chat bulat muncul di kanan bawah
  2. Ikon balon chat terlihat, warnanya putih
  3. Klik tombol — kotak chat terbuka dengan latar putih
  4. Judul huruf normal, bukan KAPITAL SEMUA
  5. Ikon silang di kanan atas terlihat
  6. Ikon pesawat kertas di tombol kirim terlihat
  7. Ketik pesan, tekan Enter — pesan muncul di gelembung biru
  8. Tutup dan buka lagi — riwayat pesan masih ada
Cara membacanya: CSS di halaman ini memaksa semua tombol jadi merah muda dengan garis putus-putus hijau, semua teks jadi Comic Sans huruf kapital, dan menyembunyikan semua SVG. Kalau widget Anda tetap tampil normal, berarti isolasi Shadow DOM bekerja dan widget aman dipasang di website mana pun.

Ganti nilai data-key di bagian bawah file ini dengan kunci widget Anda.

Gulir ke bawah untuk memastikan widget tetap menempel di tempatnya.