Materi: Mengenai apa Contact 7 & ultimate Member pada wordpress?

Contact Form 7

Apa itu contact form ? Contact Form biasanya untuk mengirim sebuah feedback / balasan dari setiap pengunjung yang datang dan lihat serta memberikan masukkan kepada website / pelayanan dari sebuah situs website.

Kenapa contact form itu penting? Dikarenakan contact form itu berguna untuk membuat website kita lebih berkembang maupun dari keamanan dari seseorang yang telah mengirimkan feedback.

Bagaimana sih contact form bekerja? Dalam skenario nya hanya seperti berikut:

  • Pengunjung sedang mengunjungi sebuah website dan sedang melihat-melihat barang belanjaan, namun tak disangka ada kegagalan pada ux website tersebut dan otomatis dia akan mencari form untuk memberikan kejanggalannya tersebut.

  • Ada seseorang menarik perhatiannya untuk memberikan saran, dia akan memberi tahukan saran yang mungkin bisa ditampung oleh si pembuat website tersebut.

image.png

Kenapa ga pakai plugin yang lain? Tentunya bisa saja menggunakan yang lain, untuk saat ini kita hanya membutuhkan contact form 7 saja terlebih dahulu. Namun jika anda ingin menggunakan yang lain tidak masalah.

Dan bagaimana proses kerja pada contact form 7 ini? Download terlebih dahulu pada plugin website masing-masing, dan buka dan cari dengan nama Contact Form 7 setelah menemukannya jangan lupa untuk di install dan aktifkan.

Setelah meng-aktifkan sebuah plugin, maka akan ditampilkan seperti gambar berikut:

image.png

Pada gambar diatas ada 1 data secara default telah disediakan oleh pembuat plugin, dan kita bisa langsung menggunakannya. Tapi jika anda ingin menambahkan-nya sendiri untuk dikombinasikan tidak masalah dan buat-lah dengan apa yang anda butuhkan.

Pada kali ini, saya akan memberikan gambaran-gambaran untuk membuat contact form 7. Baca dengan seksama ya:

  • Langkah 1, Add new pada contact form 7. Maka akan diarahkan dan ditampilkan gambar seperti ini: image.png -- Kenapa sudah ada codenya? karena memang default contact form 7 ini jika anda membuat data baru.
  • Langkah 2, Pada bagian yang ini anda bebas memakai apa saja yang dibutuhkan dalam form ( Contact ) ? image.png
  • Langkah 3, Jangan lupa untuk save data contact form 7 nya. image.png -- Pada gambar diatas ini, ada background berwarna biru, itu yang dinama-kan dengan shortcode yang akan digunakan baik elementor maupun editor dan siap digunakan.

Ultimate Member

Materi yang akan dijelaskan yaitu mengenai plugin dengan nama ultimate member untuk penggunaan login / logout / register.

Apa sih itu?

Ultimate Member is the #1 user profile & membership plugin for WordPress. The plugin makes it a breeze for users to sign-up and become members of your website. The plugin allows you to add beautiful user profiles to your site and is perfect for creating advanced online communities and membership sites. Lightweight and highly extendible, Ultimate Member will enable you to create almost any type of site where users can join and become members with absolute ease.

Biasanya untuk plugin ini banyak digunakan sebagai tempat membership data-data yang memang dibutuhkan seperti: blog, news, arsip dan lainnya sehingga kita mudah memanage data yang memang bersifat login.

Pada section ini, kita akan men-download ultimate member di halaman plugin masing-masing dengan kata kunci pencarian ialah " ultimate member " dan pilih install now dan active.

Pada versi yang kita akan pakai itu menggunakan yang tentunya GRATIS dan tidak berbayar namun walaupun gratis fitur yang ditawarkan sudah lebih dari cukup untuk penggunaan ultimate member sendiri dan bisa dikombinasikan dengan elementor sehingga lebih rapih dan bagus untuk segi tampilannya. Jika anda ingin membelinya maka bisa mengunjungi saja website resmi dari ultimate member DISINI

image.png

Sekarang, kita akan coba berikan arahan menggunakan ultimate member ini. Simak dan perhatikan:

  • Langkah 1, download plugin-nya terlebih dahulu dengan nama dan pencarian ultimate member lalu install dan aktifkan: image.png

  • Langkah 2, setelah selesai mendownload dan meng-aktifkannya maka anda akan mendapatkan name sidebar seperti ini: image.png

  • Langkah 3, setelah diaktifkan pasti diarahkan ke halaman all plugin, disitu ada notifikasi pesan yang akan di pakai seperti ini?:

image.png

  • Jangan lupa untuk create pages dan akan diarahkann ke halaman settings. image.png

Dan selesai untuk materi dan praktek hari ini:

Coba dan praktekan dari figma desain, elementor pro,custom fields + cpt ui, ultimate member, dan contact form