Multi Agen Support dengan Contact Form 7 dan WhatsApp

Dalam mengelola bisnis online, Anda mungkin memiliki beberapa staff yang melayani pertanyaan atau keluhan pengunjung dan pelanggan. Plugin CF7SendWA dapat membantu memisahkan kiriman WA ke masing-masing staff sesuai kebutuhan pelanggan.

Tentukan Layanan dan Nomor WA

Pastikan Anda sudah menginstall dan mengaktifkan plugin Contact Form 7 (versi 5.2 atau yang lebih baru) dan CF7SendWA (versi 0.11.0 atau yang lebih baru). Buka menu Contact -> WhatsApp Send.

Pada bagian Alternative Numbers, tambahkan beberapa nomor WA agar pengunjung dapat memilih layanan yang diinginkan.

Buat Form Support dengan Contact Form 7

Buat form baru melalui menu Contact -> Add New, beri judul sesuai keinginan Anda. Judul akan muncul pada title bar popup form support nantinya.

Sebagai contoh saya memberi judul "Dukungan Pelanggan", pada tab Form saya menambahkan beberapa field sebagai berikut

Dapat dilihat pada form diatas terdapat tag [select_channel*] dengan nama service, itu adalah tag khusus untuk mengambil data channel/alternative numbers pada pengaturan yang sudah kita buat.

Untuk tampilan form yang lebih menarik, saya menggunakan plugin Material Design for Contact Form 7 yang dapat Anda download secara gratis.

Pengaturan lain dapat Anda lihat pada tangkapan layar berikut dan dapat Anda sesuaikan sendiri tergantung kebutuhan.

Tampilkan Form di Semua Halaman.

Buka kembali menu Contact -> WhatsApp Send, pada bagian Global Form pilih "Dukungan Pelanggan" (form yang sudah dibuat sebelumnya). Atur posisi dan teks sesuai keinginan kemudian simpan kembali.

Kunjungi website, Anda akan melihat tombol WhatsApp pada bagian kanan bawah layar ( atau kiri bawah, tergantung pengaturan ) yang jika diklik akan muncul popup form Dukungan Pelanggan.

Silahkan uji coba dengan mengganti-ganti "Pilih Support" pada setiap kirim.

Cek Demo

Happy WordPressing 🙂

3 4 votes
Article Rating
Subscribe
Notify of
guest
12 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Purwo Supriyatno
Purwo Supriyatno
3 years ago

Mantab! Langsung di coba di Website saya Min.

Orret Md
Orret Md
3 years ago

Keren mas, 😍
Boleh minta juga kode css contact formnya.

Terimakasih mas.

Bagus
Bagus
3 years ago

Mau tanya mas, bagaimana caranya jika [select_chanel] ini dijadikan inputan di form checkout seperti di artikel mengarahkan checkout ke wa jd tombol place ordernya nonaktif dan harus pilih dulu chanelnya baru place order/pesan via wa aktif?
Mohon pencerahannya.
- Terimakasih - 🙏

Last edited 3 years ago by Bagus
Permata Mutiara Maja
Permata Mutiara Maja
2 years ago

Keren nih form komentarnya pakai apa ya?

Mark
Mark
2 years ago

Halo, mau tanya bagaimana cara untuk mengambil string/nama channel dari select-channel yang sudah dipilih untuk ditampilkan di dalam send mail/message nya?

wira mahendra
wira mahendra
2 years ago

Kalau untuk mengirim ke 2 atau 3 nomer bisa gak hu? jadi bukan memilih chanel.. tapi sekalian form terkirim ke 2-3 nomer, gmn caranya ya ?
jadi selain staff, ada manager dan owner yang mendapat salinan form terkirimnya

envelope-otagscalendarwhatsapp
12
0
Would love your thoughts, please comment.x
()
x