1. Persiapan Membuat Situs WordPress
  2. Mengenal Perbedaan WordPress.com & WordPress Self-Host
  3. Cara Memilih Hosting Yang Tepat
  4. Cara Mudah Memasang WordPress Menggunakan WP Hosting
  5. Instalasi WordPress Pada cPanel
  6. Cara Memasang Plugin Di WordPress
  7. Cara Memasang Tema Di WordPress
  8. 5 Cara Efektif Mengurangi Waktu Muat Website
  9. 7 Plugin Wajib Untuk Pengguna WordPress
  10. 4 Rekomendasi Formulir Kontak Untuk Pengguna WordPress
  11. Tutorial Membuat Nama File Acak Ketika Diunggah Di WordPress

Setelah sebelumnya kita menginstal WordPress di WP Hosting dan cPanel, pada artikel ini kita akan belajar cara memasang plugin di WordPress.

Pemasangan plugin dapat dilakukan dengan dua cara, yaitu pada cPanel/hosting atau pada dasbor WordPress (kita harus masuk terlebih dahulu sebagai admin). Namun pada artikel ini, kita akan memasang plugin dari dasbor situs WordPress kita.

Proses Instalasi

Sebelum memulai proses instalasi, langkah pertama yaitu masuk ke dasbor WordPress kita, menggunakan nama pengguna atau email dan kata sandi yang telah kita buat pada artikel sebelumnya.

screen shot 2022 11 26 at 11.30.24

Setelah berhasil masuk, kita akan masuk ke dasbor WordPress, kemudian pilih menu Plugins > Add New.

screen shot 2022 11 26 at 11.30.51

Setelah mengklik menu Add New, kita tinggal cari plugin yang akan kita pasang, pada artikel ini saya akan memasang plugin untuk membuat form kontak, yaitu plugin WPForms. Plugin ini terbagi menjadi dua versi, yaitu Lite yang merupakan versi gratis dan Pro yang merupakan versi berbayar.

screen shot 2022 11 26 at 11.33.03

Namun apabila ingin memasang versi Pro, kita harus membelinya terlebih dahulu, kemudian memasang plugin secara manual melalui fitur Upload Plugin.

screen shot 2022 11 26 at 11.33.21

Selain untuk menggunakan plugin premium, fitur ini juga dapat digunakan untuk memasang plugin secara manual; pastikan file yang diunggah adalah file dengan ekstensi .zip agar proses pemasangan lebih cepat dan tidak terjadi error.

Kembali ke topik utama, setelah memilih plugin yang akan dipasang, kita tinggal klik tombol Install dan tunggu sampai proses instalasi selesai.

screen shot 2022 11 26 at 11.35.10
screen shot 2022 11 26 at 11.39.16

Setelah selesai, tombol Install akan berubah menjadi Activate, artinya kita telah sukses memasang plugin WPForms Contact Form tanpa terjadi error.

screen shot 2022 11 26 at 11.41.46

Kita tinggal klik tombol Activate, kemudian halaman akan diarahkan ke halaman selamat datang WPForms.

screen shot 2022 11 26 at 11.43.12

Pada halaman selamat datang, kita dapat menonton tutorial yang dibuat oleh tim WPForms, membaca panduan dengan mengklik tomnbol Read The Full Guide. Namun kita akan langsung membuat form dengan mengklik tombol Create Your First Form.

Kita tidak perlu khawatir bagaimana cara membuat form di WPForms, karena plugin tersebut telah menyediakan beberapa template siap pakai, diantaranya template simple contact form yang akan kita gunakan untuk membuat form kontak.

screen shot 2022 11 26 at 21.08.25

Klik tombol Use Template untuk menggunakan template yang dipilih, kemudian halaman akan mengarah ke editor form.

screen shot 2022 11 26 at 21.09.37

Kita dapat mengganti elemen pada form seperti Name, Email, Comment or Message dan tombol Submit sesuai keinginan kita. Kita juga dapat menambahkan elemen lain pada bagian kiri layar, kita cukup menariknya ke tengah layar.

Pada bagian Settings, kita dapat mengatur keamanan form dengan menggunakan reCaptcha atau hCaptcha, atau menggunakan metode lainnya.

screen shot 2022 11 26 at 21.10.03

Hal ini dimaksudkan untuk melindungi form kita dari orang iseng yang mengirim spam ke form kita, sehingga form kita aman dari spam.

Selain proteksi form, kita dapat mengubah isi notifikasi dan konfirmasi dari form yang akan dibuat. Notifikasi akan dikirimkan kepada email admin, sedangkan konfirmasi akan dikirimkan kepada pengguna setelah mengisi form kontak kita.

screen shot 2022 11 26 at 21.10.10
screen shot 2022 11 26 at 21.10.17

Untuk menggunakan fitur seperti Form Locker, Form Pages, dan fitur lainnya pada menu Settings, kita harus berlangganan WPForms Pro.

Menggunakan Form Kontak

Setelah selesai, kita dapat menyimpan form kita dengan mengklik tombol Save, kemudian klik tombol x untuk keluar dari form editor.

Kita dapat membuat halaman baru dengan mengklik menu Pages > Add New untuk membuat halaman baru.

screen shot 2022 11 26 at 21.13.08

Halaman baru akan tampil, kita dapat menulis judul untuk halaman ini dan menyisipkan form ke halaman ini. Ada dua cara yang dapat dilakukan, yang pertama yaitu melalui fitur Embed pada form editor.

Pada menu ini, kita dapat menggunakan halaman yang sudah ada atau membuat halaman baru; keduanya akan memuat form kontak yang akan di sisipkan.

screen shot 2022 11 26 at 22.31.30

Cara kedua, yaitu dengan menyisipkan manual seperti yang akan kita lakukan, setelah membuat halaman baru, kita dapat langsung menyisipkan form yang telah dibuat dengan mengetik /wpforms pada editor halaman.

screen shot 2022 11 26 at 21.33.23
screen shot 2022 11 26 at 21.33.37

Setelah di klik, kita dapat memilih form yang akan disisipkan pada halaman ini.

screen shot 2022 11 26 at 21.34.19

Pilih Simple Contact Form, maka form yang tadi telah dibuat akan muncul secara otomatis pada halaman ini.

screen shot 2022 11 26 at 21.35.27

Setelah form muncul, kita dapat langsung menerbitkan halaman ini dengan mengklik tombol Publish.

Pengujian

Setelah menerbitkan halaman tadi, kita dapat langsung melakukan pengujian apakah form yang telah kita buat berhasil atau mengalami kendala.

Untuk mengakses halaman, kita dapat mengklik bagian URL pada panel sebelah kanan editor halaman.

screen shot 2022 11 26 at 22.44.40
screen shot 2022 11 26 at 22.48.18

Selanjutnya halaman form kontak akan tampil, dan dapat di isi oleh pengunjung.

screen shot 2022 11 26 at 22.51.13

Setelah form diisi dan mengklik tombol Submit, teks konfirmasi akan muncul pada layar.

screen shot 2022 11 26 at 22.54.54

Teks ini merupakan pemberitahuan kepada pengunjung bahwa formulir yang baru saja diisi telah terkirim dan akan segera dihubungi oleh admin atau pemilik situs.

Pengelola Entri

Ketika pengunjung mengisi dan mengirimkan formulir, data yang diinput oleh pengunjung tersebut akan disimpan pada situs kita, data ini disebut juga sebagai entri.

Entri ini dapat dilihat pada menu WPForms > Entries. Namun sayangnya fitur ini hanya tersedia pada versi Pro.

Sebagai gantinya, entri akan dikirim kepada admin email atau penerima lain yang telah di kustomisasi pada menu Settings > Notifications pada form editor. Biasanya pengguna cPanel atau panel lainnya telah dibuatkan konfigurasi email dan SMTP oleh penyedia layanan hosting, sehingga pemilik situs tidak perlu melakukan konfigurasi lain.

Berikut adalah tampilan entri yang dikirimkan melalui email.

screen shot 2022 11 26 at 23.08.38

Untuk membalas email dari pengunjung, kita dapat langsung menulis email yang tertera pada entri tersebut, sehingga proses pengiriman email menjadi lebih cepat.

Penutup

Itulah tutorial singkat cara memasang plugin dan membuat form kontak. Selain membuat form kontak, kita juga dapat membuat toko online atau yang lainnya dengan bantuan plugin yang dibuat untuk WordPress.