Dark
Light

Cara Membuat Halaman Kontak di Blog WordPress

1 min read
January 24, 2018

Salah satu fitur yang wajib ada di blog adalah halaman kontak yang berisikan formulir di mana pengunjung yang punya kepentingan bisa mengirimkan pertanyaan atau informasi lainnya tanpa harus membuka layanan lain untuk mengirimkan email.

Beda platform, beda juga caranya. Untuk platform Blogger, Anda bisa membaca tutorialnya di artikel ini. Sekarang, kita akan mencoba membuat form di platform WordPress self hosted, menggunakan plugin yang cukup populer: Contact Form 7.

  • Tambahkan plugin baru, cari dan pasang plugin bernama Contact Form 7.

cara membuat form di wordpress

 

  • Jika sudah, Anda akan menemukan sebuah menu baru dengan label Contact yang bila diklik Contact Forms, maka Anda akan menemukan satu form default yang bisa langsung dipakai.

cara membuat form di wordpress

 

  • Tetapi, sebelum dipasang, ada baiknya form tersebut diedit terlebih dahulu agar jenis formulir dan juga email yang digunakan tidak keliru.

cara membuat form di wordpress

 

  • Atau Anda lebih memilih membuat formulir baru, tak jadi masalah, tinggal klik Add New, beri nama formulir dan lengkapi formulir yang sudah ditambahkan secara default oleh plugin.
  • Di gambar ada beberapa jenis formulir yang bisa Anda tambahkan, tapi jangan lupa menambahkan label menggunakan kode <label> dan tutup dengan tag </label> di akhir baris. Silahkan ditiru saja baris yang sudah diberikan oleh plugin.

cara membuat form di wordpress

 

  • Selanjutnya, klik menu Mail untuk mengatur alamat email yang nantinya jadi tujuan jika ada pesan yang masuk.
  • Isi to dengan alamat email Anda, form bisa diisi secara manual atau menggunakan mail-tags yang ada. Supaya mudah, cukup isikan email dan langsung simpan .cara membuat form di wordpress

 

  • Berikutnya, klik menu Messages. Ini adalah panel di mana Anda dapat mengatur bagaimana respon formulir ketika digunakan oleh pengunjung. Misalnya, respon ketika pesan sudah berhasil dikirim, tanggal yang keliru, isi pesan yang terlalu pendek, kode captcha yang salah, dan lain sebagainya. Jika Anda tak ingin dibuat repot, boleh kok bagian ini dilewati saja dan langsung klik tombol Save untuk menyimpan form.

cara membuat form di wordpress

 

  • Setelah form tersimpan, sistem akan menampilkan shortcode yang disorot dengan latar berwarna biru. Tandai semua shortcode tersebut dan salin (CTRL + C)

cara membuat form di wordpress

 

  • Langkah selanjutnya, buat halaman baru, beri nama dan sisipkan kode shortcode yang Anda salin tadi ke dalam tubuh halaman. Terakhir, klik terbitkan.

cara membuat form di wordpress

 

Setelah halaman terbit, silahkan dilihat bagaimana hasilnya. Halaman kontak harusnya sudah berhasil dibuat dengan sempurna. Anda masih bisa melakukan kostumisasi, tapi bukan di halaman ini, melainkan kembali ke menu Contact Form 7 dan memodifikasinya dari sana. Nanti, halaman ini akan mengikuti.

Di direktori plugin WordPress.org sendiri sebenarnya ada banyak sekali plugin serupa yang juga cukup baik. Beberapa bahkan menawarkan kostumisasi gaya yang lebih intens sehingga bisa menciptakan formulir yang cantik dan berkelas. Satu lagi, jika Anda juga sudah menggunakan plugin Jetpack, maka sebaiknya tidak perlu memasang plugin Contact Form 7 atau yang lainnya, karena Jetpack sudah mengemas tool untuk keperluan seperti ini.

Sumber gambar header Nootheme.

Previous Story

[Panduan Pemula] Cara Mengunci Komputer Windows 10 Secara Otomatis

Next Story

Tak Perlu Dipegang, Action Cam 360 Derajat Fitt360 Bisa Dikenakan di Leher

Latest from Blog

Don't Miss

Belajar Mobile Photography, Kiat Memotret dengan Kamera Smartphone

Belajar Mobile Photography, Kiat Memotret dengan Kamera Smartphone

Mobile photography adalah salah satu skill penting yang perlu dikuasai

Tips Streetphotography dengan Ponsel 

Kami berbincang dengan mentor dari acara workshop foto Hybrid tentang