Cara Menyerahkan Formulir Tanpa Refresh Halaman di WordPress

kirim formulir tanpa menyegarkan halaman


Apakah Anda ingin mencegah penyegaran halaman saat pengunjung mengirimkan formulir? Secara default, seluruh halaman dimuat ulang setelah mengklik tombol kirim formulir. Dan saat itulah data yang dimasukkan dalam formulir ditransfer dan disimpan di server.

Dalam artikel ini kami akan menunjukkan kepada Anda cara mengaktifkan pengiriman Ajax pada formulir WordPress Anda dan mencegah halaman dari reload.

Mengapa Mengaktifkan Pengajuan Formulir Ajax di WordPress

Pengajuan formulir Ajax sangat membantu jika Anda ingin menanamkan formulir dalam popup modal. Tanpa pengiriman formulir AJAX diaktifkan, seluruh halaman harus di-refresh, yang mengarah ke penutupan jendela sembulan. Dengan cara itu pengguna dapat melewatkan pesan konfirmasi penting yang membuat mereka tetap terlibat.

Dengan pengiriman formulir AJAX diaktifkan, pengguna Anda dapat melihat pesan konfirmasi setelah pengiriman formulir pada halaman yang sama tanpa memuat ulang.

pengiriman formulir ajax

Untuk mengaktifkan pengiriman formulir ajax di situs WordPress Anda, kami sarankan WPForms, plugin bentuk terbaik untuk WordPress.

Langkah 1: Membuat Formulir Baru

Untuk mulai membuat formulir Anda, Anda harus memasang dulu plugin WPForms di situs WordPress Anda.

Tidak yakin bagaimana caranya? Tidak masalah. Anda dapat membuka panduan kami tentang cara memasang plugin WordPress untuk menyelesaikan semuanya.

Setelah plugin terinstal dan diaktifkan, buka dashboard WordPress Anda dan arahkan ke WPForms »Tambah Baru. Sekarang Anda akan diarahkan ke halaman tempat Anda bisa memilih templat untuk formulir Anda.

WPForms menawarkan 7 templat formulir yang berbeda untuk dipilih. Mari kita pilih Formulir Kontak Sederhana opsi untuk tutorial ini dan kemudian tambahkan bidang unggah file ke formulir.

Pengaturan bentuk WPForms

Anda sekarang akan melihat pembuat formulir di layar Anda. Di sisi kiri layar Anda, Anda memiliki Tambahkan Fields dan Opsi Bidang tab. Anda dapat menggunakan tab ini untuk mengonfigurasi formulir kontak Anda.

hapus bidang dari wpforms

WPForms memudahkan Anda untuk menambahkan bidang ke formulir Anda dengan drag dan drop. Anda juga dapat mengubah posisi bidang dengan menyeret dan menjatuhkan. Jika Anda ingin menghapus bidang, itu juga mudah. Arahkan kursor Anda ke bidang yang tidak diinginkan, dan klik pada menghapus ikon yang akan muncul di sudut kanan atas bidang.

Di bawah Opsi Bidang tab, Anda dapat mengubah label bidang, mengubah format bidang nama, mengubah ukuran font dan mengaktifkan atau menonaktifkan label dan sub-label. Anda juga memiliki opsi untuk mengaktifkan logika kondisional pilihan.

Setelah selesai membuat formulir dengan pembuat formulir, klik pada menyimpan tombol, sehingga perubahan Anda tetap utuh.

Sekarang kami telah membuat formulir kontak sederhana, mari tambahkan fitur unggah file ke dalamnya.

Untuk menambahkan fitur unggah file, yang harus Anda lakukan adalah mengklik bidang Unggah File di panel sebelah kiri. Atau, Anda bisa menyeret bidang formulir Unggah File dan menjatuhkannya ke posisi yang Anda inginkan di pembangun formulir.

formulir unggah file

Langkah 3: Mengaktifkan Pengajuan Formulir Ajax

Setelah perubahan Anda disimpan, klik pada Pengaturan tab di sisi kiri pembuat halaman Anda. Anda akan melihat beberapa opsi di sini. Pergi ke Umum pilihan. Di bawah ini, Anda akan melihat sejumlah bidang. Di sini Anda dapat mengubah nama formulir Anda, menambahkan deskripsi formulir, mengubah teks tombol, dll.

Jika Anda menggulir lebih jauh ke bawah layar, Anda akan melihat beberapa kotak centang. Anda dapat memilih kotak centang yang mengatakan Aktifkan pengiriman Formulir Ajax. Selesaikan proses dengan mengklik pada Menyimpan tombol di sudut kanan atas layar Anda.

aktifkan pengiriman formulir ajax

Sekarang pergi ke Pemberitahuan tab di bawah Umum tab. Opsi ini akan memberi tahu Anda setiap kali seseorang mengirimkan formulir Anda. Jadi di bidang 1 masukkan alamat email admin atau siapa pun yang bertanggung jawab menerima email. Anda juga dapat memasukkan subjek Email, nama pengirim, alamat penerima dan pesan Anda sendiri.

Setelah selesai, pastikan Anda menyimpan perubahan. Anda juga dapat mengatur pesan konfirmasi yang akan diterima pengunjung setelah mereka menekan tombol kirim.

pengaturan konfirmasi form unggah file

Langkah 4: Menerbitkan Formulir Anda dengan Pengajuan Ajax

Langkah terakhir adalah mempublikasikan formulir yang diaktifkan untuk pengiriman Ajax Anda di situs web Anda. Untuk itu, buka halaman tempat Anda ingin formulir muncul.

Anda bisa mulai dengan masuk ke Halaman »Tambah Baru di dashboard WordPress Anda. Sekarang tambahkan judul ke Halaman Anda. Pada editor teks halaman Anda, klik pada Tambahkan Formulir pilihan. Jendela baru akan muncul di layar Anda.

bentuk embed wpforms

Klik pada panah dropdown dan pilih formulir yang baru saja dibuat. Sekarang klik pada Tambahkan Formulir tombol. Anda akan melihat kode semat tercermin di editor teks halaman Anda. Anda dapat memeriksa seperti apa bentuknya dengan mengklik pada Pratinjau tombol di sisi kanan layar Anda.

Anda kemudian dapat mengklik Menerbitkan tombol untuk akhirnya membiarkan formulir ditayangkan.

Itu mudah, bukan?

Sekarang Anda mungkin ingin melacak jumlah klik tombol yang diterima formulir kontak Anda. Untuk melakukan ini, lihat panduan kami di tautan pelacakan dan klik tombol.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map