Cara Membuat Formulir AMP di WordPress

Untuk membuat situs web dimuat lebih cepat di perangkat seluler, Google telah membuat proyek yang disebut Accelerated Mobile Pages, atau AMP. Dan, meskipun menawarkan pengalaman penelusuran seluler yang luar biasa dengan membuat laman web Anda dimuat lebih cepat, ia juga menonaktifkan banyak fitur berguna di situs web Anda. Salah satu fitur yang dapat dianggap sebagai kerugian besar adalah formulir kontak. Karena AMP menggunakan kumpulan HTML dan JavaScript yang terbatas, AMP tidak dapat memuat formulir WordPress Anda dengan benar di halaman AMP. Untungnya, ada solusi mudah yang tersedia. WPForms adalah plugin formulir WordPress yang ramah bagi pemula yang membantu Anda membuat formulir WordPress siap-AMP. Jadi, pada artikel berikut ini, kami akan menjelaskan dengan sangat detail cara membuat formulir AMP di WordPress menggunakan WPForms .

Pelajari cara membuat Formulir AMP di WordPress

Jadi, AMP agak berguna untuk membuat situs web Anda ramah seluler. Dan, menginstal dan mengaktifkan plugin AMP resmi untuk WordPress adalah prasyarat untuk menggunakan AMP dengan WordPress. Setelah Anda mengaktifkannya, plugin akan secara otomatis menambahkan dukungan Google AMP untuk situs WordPress Anda . Namun, Anda dapat mengubah pengaturan AMP untuk situs web Anda dengan membuka AMP > Umum dari dasbor Anda. Saat Anda berada di halaman pengaturan AMP, Anda dapat mengaktifkan atau menonaktifkan AMP di situs web Anda, tetapi juga memilih mode situs web untuk AMP, dan memilih template yang didukung. Setelah mengonfigurasi AMP, Anda harus membuat formulir kontak yang kompatibel dengan AMP di situs WordPress Anda.

Membuat formulir WordPress dengan WPForms

Untuk memulai proses, Anda harus menginstal dan mengaktifkan plugin WPForms Lite di situs Anda. Ini adalah versi ringan dari plugin WPForms Pro. WPForms versi pro dan ringan memungkinkan Anda membuat formulir kontak siap pakai AMP dasar. Di sini, kita akan berbicara tentang versi gratisnya. Setelah Anda menginstal dan mengaktifkan plugin, Anda harus menuju ke WPForms > Add New page untuk membuat formulir WordPress baru. Saat berada di layar penyetelan formulir, Anda akan dapat memilih Templat formulir untuk memulai dengan cepat.

Jika Anda ingin memulai dari awal, kami sarankan Anda memilih Formulir Kosong. Ini kemudian akan membuka halaman pembuat formulir. Dari sini, Anda dapat menambah atau menghapus bidang formulir. Untuk menambahkan bidang baru ke formulir Anda, cukup klik bidang formulir dari panel kiri, dan bidang itu akan muncul di panel pembuat formulir di sebelah kanan Anda. Setelah Anda selesai, Anda dapat mengonfigurasi opsi bidang. Untuk melakukannya, klik salah satu bidang, lalu Opsi Bidang akan muncul. Dengan cara yang sama, Anda dapat menyesuaikan semua bidang lainnya.

Setelah itu, klik pada tab Pengaturan untuk mengonfigurasi pengaturan formulir Anda. Melalui Pengaturan Umum, Anda dapat mengubah nama formulir, mengirimkan teks tombol, mengirimkan teks pemrosesan tombol, mengaktifkan Honeypot anti-spam, dan banyak lagi. Buka tab Notifikasi untuk menyiapkan notifikasi email yang akan memberi tahu Anda saat pengguna melengkapi formulir. Tab Konfirmasi akan membantu Anda mengatur pesan konfirmasi yang akan ditampilkan saat pengguna mengirimkan formulir. Setelah konfigurasi selesai, pastikan untuk menyimpan formulir Anda.

Menambahkan Formulir AMP ke Halaman

Setelah formulir WordPress Anda siap, Anda dapat menambahkannya ke halaman. Pertama, Anda perlu membuat halaman baru atau membuka halaman yang sudah ada di mana Anda ingin menambahkan formulir. Buka layar edit halaman Anda, klik ikon Add New Block, dan lanjutkan dengan memilih blok WPForms. Setelah melakukannya, Anda akan dapat melihat widget WPForms ditambahkan ke layar edit halaman Anda. Anda hanya perlu memilih formulir yang Anda buat sebelumnya, dan widget akan segera memuatnya di editor halaman. Anda juga dapat mempublikasikan atau memperbarui halaman Anda. Dan itu semua untuk itu. Anda tidak perlu mengonfigurasi hal lain. Plugin WPForms Lite sekarang akan menambahkan dukungan AMP penuh ke formulir Anda. Jika Anda tertarik dengan tampilannya, Anda dapat membuka halaman di ponsel Anda.

Bagaimana cara menambahkan google reCAPTCHA ke formulir AMP Anda

WPForms menyertakan honeypot anti-spam untuk menangkap dan memblokir spam secara default. Selain itu, Anda dapat menggunakan Google reCAPTCHA untuk mengurangi pengiriman spam. Untuk menggunakan Google reCAPTCHA dengan formulir AMP Anda, Anda harus mendaftarkan situs Anda ke Google reCAPTCHA v3 dan mendapatkan kunci Google API. Untuk melakukannya, buka situs web Google reCAPTCHA dan klik tombol 'Admin Console' di sudut kanan atas halaman. Anda kemudian harus masuk dengan akun Google Anda. Setelah melakukannya, Anda akan melihat halaman 'Daftar situs baru'. Mulailah mengisinya dengan memasukkan nama situs web Anda di bidang Label. Google AMP hanya mendukung reCAPTCHA v3, jadi Anda harus memilihnya dari opsi jenis reCAPTCHA.

Setelah Anda selesai, masukkan nama domain Anda di bawah bagian Domain. Bagian Pemilik akan menampilkan alamat email Anda secara default. Ketahuilah bahwa Anda juga dapat menambahkan email lain jika Anda ingin melakukannya. Selanjutnya, Anda harus menerima Persyaratan Layanan reCAPTCHA untuk melanjutkan. Juga, jangan lupa untuk mencentang kotak 'Kirim perubahan ke pemilik'. Ini akan memungkinkan Google untuk memberi tahu Anda tentang masalah seperti kesalahan konfigurasi dan lalu lintas yang mencurigakan di situs Anda. Setelah Anda selesai, klik tombol Kirim. Anda kemudian akan melihat pesan sukses bersama dengan kunci situs dan kunci rahasia untuk menambahkan reCAPTCHA di situs Anda. Kunci ini memungkinkan Anda untuk menambahkan reCAPTCHA ke formulir Anda.

Penyesuaian tambahan

Namun, ada satu penyesuaian lagi yang perlu Anda perhatikan. Ini akan memastikan kompatibilitas AMP dengan reCAPTCHA. Untuk mengaksesnya, klik tautan 'Buka Pengaturan' di sana. Ini akan mengarahkan Anda ke setelan reCAPTCHA lagi dengan kotak centang 'Izinkan kunci ini berfungsi dengan halaman AMP'. Cukup centang kotak dan klik tombol Simpan di bawah.

Sekarang setelah Anda memiliki kunci Google API untuk menambahkan reCAPTCHA pada formulir AMP, buka halaman WPForms > Pengaturan > reCAPTCHA di dasbor WordPress Anda. Kemudian pilih opsi reCAPTCHA v3 dan rekatkan kunci situs dan kunci rahasia. Klik tombol Simpan Pengaturan. Sekarang setelah Google reCAPTCHA ditambahkan ke WPForms, Anda bebas mengaktifkannya di formulir Anda jika diperlukan. Buka WPForms > Semua Formulir dan pilih formulir tempat Anda ingin mengaktifkan reCAPTCHA. Ketika layar pengaturan formulir muncul, klik pada tab Pengaturan dan pilih bagian Pengaturan Umum. Anda akan melihat kotak centang 'Aktifkan Google v3 reCAPTCHA'. Centang kotak itu dan simpan formulir Anda. Setelah itu, kunjungi kembali halaman kontak Anda dan lihat formulir AMP dengan reCAPTCHA beraksi.

Tidak terlalu banyak untuk itu

Seperti yang Anda lihat, untuk membuat formulir AMP di WordPress, Anda tidak perlu melalui banyak kesulitan. Terutama ketika Anda memiliki panduan ini di sisi Anda. Kami harap kami telah membantu Anda dan Anda akan melihat semua manfaat Formulir AMP setelah mengikuti beberapa langkah sederhana ini.