Bagaimana cara membuka formulir dari tautan atau tombol?

Secara default, WhatsForm menampilkan tombol peluncur mengambang di situs web Anda. Anda dapat menyembunyikan peluncur default ini dan memicu widget dari tombol, tautan, atau elemen kustom Anda sendiri sebagai gantinya.

Ini berguna ketika Anda ingin kontrol penuh atas penempatan dan desain ajakan bertindak Anda.

Cara Kerjanya

Langkah 1: Tambahkan skrip widget ke halaman Anda

Tempatkan skrip sematan WhatsForm di HTML Anda, seperti yang biasa Anda lakukan:

<script async src="https://whatsform.com/launcher.js" id="wf-widget" data-id="demo" data-message="Message on WhatsApp"></script>

Ganti demo dengan ID formulir WhatsForm Anda yang sebenarnya.

Langkah 2: Sembunyikan tombol mengambang default

Tambahkan baris berikut di mana saja setelah skrip sematan. Ini memberi tahu WhatsForm untuk tidak menampilkan peluncur default:

<script>window.whatsformHideButton = true;</script>

Langkah 3: Buka widget dari tombol Anda sendiri

Gunakan metode whatsform.open() untuk memicu widget saat pengguna mengklik elemen kustom Anda:

<button onclick="whatsform.open()">Chat with us</button>

Anda dapat melampirkan ini ke elemen apa pun yang dapat diklik, tidak hanya tombol. Misalnya, sebuah tautan:

<a href="#" onclick="whatsform.open(); return false;">Talk to Sales</a>

Contoh Lengkap

<!-- WhatsForm Widget -->
<script async src="https://whatsform.com/launcher.js" id="wf-widget" data-id="demo" data-message="Message on WhatsApp"></script>

<!-- Hide the default floating button -->
<script>window.whatsformHideButton = true;</script>

<!-- Your custom trigger -->
<button onclick="whatsform.open()">Chat with us on WhatsApp</button>

Kasus Penggunaan Umum

CTA sebaris di halaman arahan - Tempatkan tombol "Chat dengan kami" di dalam bagian utama atau tabel harga Anda alih-alih mengandalkan widget mengambang.

Tautan bilah navigasi - Tambahkan tautan "WhatsApp" di header situs Anda yang membuka formulir saat diklik.

Pemicu bersyarat - Gunakan logika JavaScript untuk membuka widget setelah penundaan, saat menggulir, atau berdasarkan perilaku pengguna.

// Example: Open widget after 10 seconds
setTimeout(() => {
  whatsform.open();
}, 10000);

Catatan

• Pastikan window.whatsformHideButton = true diatur sebelum widget selesai dimuat. Menempatkannya tepat setelah skrip sematan adalah pendekatan teraman.

• Fungsi whatsform.open() tersedia setelah skrip dimuat. Jika Anda memanggilnya terlalu dini (sebelum skrip dimuat), itu mungkin tidak berfungsi. Untuk pemicu terprogram, pertimbangkan untuk membungkusnya dalam pemeriksaan atau penundaan singkat.

• Fitur ini berfungsi dengan semua jenis widget WhatsForm.