Lompat ke konten

Cara Membuat Contact Us di WordPress (Manual & Plugin)

Cara membuat halaman Contact Us di WordPress dengan Plugin dan tanpa plugin (menggunakan Google Form)

Note: Panduan ini akan mengajarkan Anda 2 cara membuat halaman Contact Us di WordPress menggunakan plugin dan tanpa plugin.

Pada dasarnya, kehadiran halaman Contact Us di situs website memiliki peranan penting sebagai jalur komunikasi dengan pelanggan.

Dalam beberapa keadaan, mungkin Anda ingin menambahkan fitur live chat atau tombol Chat WhatsApp saja.

Namun, fitur live chat atau tombol Chat WA bukan sebuah halaman Contact Us. Halaman Contact Us itu berdiri sendiri dalam sebuah URL. Misalnya halaman kontak M Jurnal.

Kebanyakan layanan pihak ke tiga (seperti Google AdSense) mewajibkan Anda memiliki halaman Contact Us tersendiri (meskipun tidak disebutkan secara langsung dalam persyaratan layanan mereka).

Untuk memenuhi berbagai macam tujuan halaman Contact Us, Anda bisa mengikuti panduan berikut.

Penting! Sebelum melanjutkan, pastikan Anda sudah mengetahui perbedaan halaman dan postingan di Website WordPress.

2 Cara Membuat Halaman Contact Us di WordPress

Jika Anda ingin memiliki halaman contact us dengan fitur yang lengkap, saran Saya gunakan bantuan plugin saja.

Saat ini ada banyak jenis plugin contact form di WordPress, diantaranya seperti Contact Form 7, WPForm, JetPack dan lain sebagainya.

Contact Form 7 dan WPForm memiliki fitur yang lebih lengkap (salah satunya triggers). Sementara JetPack memiliki fitur sederhana dengan penggunaan yang lebih mudah.

Dalam panduan ini, Saya menggunakan plugin JetPack untuk kemudahan memahami cara kerja form contact dan membuat form sederhana di situs WordPress Anda.

Setidaknya dengan fitur yang sederhana, Anda bisa memenuhi salah satu syarat pengajuan blog ke Google AdSense atau sekedar formulir kontak sederhana sebagai media komunikasi dengan pengunjung.

Namun, jika Anda tidak ingin menggunakan plugin tambahan, silahkan skip ke contoh 2 (menggunakan Google Form).

Mari kita mulai…

sponsored-unipin

#1 Menggunakan Plugin WordPress

Untuk membuat halaman Contact Us di WordPress menggunakan plugin JetPack, silahkan ikuti tahap-tahap berikut:

  1. Dalam Dashboard Admin WordPress, silahkan Install dan Aktifkan Plugin yang dibutuhkan. Dalam contoh ini plugin JetPack.
    Cara setting plugin jetpack WordPress
  2. Buat sebuah halaman WordPress baru (atau edit yang sudah ada).
    Cara membuat halaman baru di WordPress
  3. Beri judul Contact Us dan tambahkan kata-kata pengantar untuk sekedar basa-basi atau penjelasan detail untuk memudahkan pengunjung memahami kegunaan formulir kontak Anda.
    Tambahkan Judul dan deskripsi halaman formulir kontak
  4. Untuk menambahkan formulir kontak, silahkan tambahkan block Contact Form. Secara otomatis akan menambahkan 4 field default yaitu: Nama, Email, Pesan dan Tombol Kirim.
    Cara membuat halaman Contact Us di WordPress dengan Plugin dan tanpa plugin (menggunakan Google Form)
    Note: Formulir Kontak dari Plugin JetPack sudah terintegrasi dengan baik dengan editor teks bawaan WordPress (Gutenberg).
  5. Anda bisa menambahkan field lainnya jika dibutuhkan seperti nomor WhatsApp, Website, dan lain sebagainya. Caranya cukup tambahkan block konten yang dibutuhkan.
    Tambahkan formulir Nomor WhatsApp, Website dan lain sebagainya
    Misalnya untuk menambahkan form nomor WhatsApp, Anda bisa menggunakan block Phone Number.
  6. Anda juga bisa mengubah desain formulir kontak seperti Anda mengubah desain block konten lainnya melalui menu pengaturan.
    Ubah desain Contact Us di WordPress
    Selain itu, Anda juga bisa mengatur field tertentu sebagai “wajib di isi” dengan cara mengaktifkan required.

Silahkan berkreasi dengan halaman contact us Anda.

Note: Jika dibutuhkan, Anda juga bisa menambahkan lokasi bisnis. Plugin JetPack juga menyediakan block khusus Maps, Business Hour dan lain sebagainya.

Tambahkan lokasi bisnis (maps), jam kerja, dan formulir lainnya di WordPress

Saya rasa Plugin JetPack sudah cukup membantu jika Anda menginginkan halaman contact us yang sederhana namun tetap berfungsi dengan baik. Bahkan Saya juga bisa menambahkan field Select Box untuk keperluan pengumpulan data.

Selain itu, ketika seseorang mengirim pesan melalui halaman Contact Us, maka pesan tersebut akan tersimpan ke dalam database dan bisa diakses melalui dashboard Admin WordPress seperti ini:

Cara membuat halaman Contact Us di website WordPress

Namun, semakin banyak orang yang mengirim pesan melalui formulir kontak Anda, maka semakin besar ukuran database WordPress.

Dalam beberapa kasus, jika Anda menyimpan jutaan pesan melalui formulir contact JetPack, ini akan membebani database (beberapa plugin contact form lainnya juga begitu).

Solusinya, coba pertimbangkan membuat halaman contact us secara manual (tanpa plugin) dan menyimpan datanya ke Google Drive.

#2 Tanpa Plugin (Menggunakan Google Form)

Membuat halaman contact us tanpa bantuan plugin dan menyimpan datanya ke Google Drive bisa menggunakan bantuan Google Form.

Caranya juga mudah… Buat Formulir Kosong dan pastikan Anda sudah login menggunakan akun Google.

Kemudian, Anda bisa membuat deskripsi formulir, menambahkan check box, drop-down, hingga skala likert sekalipun.

Setelah mendesain formulir, silahkan klik kirim. Kemudian salin kode embed.

Buat formulir menggunakan Google Form

Selanjutnya, kembali ke dashboard admin WordPress Anda dan buat halaman baru serta berikan nama Contact Us.

Jangan lupa gunakan block custom HTML. Kemudian paste kode embed Google Form.

Cara membuat halaman Contact Us di WordPress tanpa plugin menggunakan Google Form

Publikasikan halaman Contact Us Anda dan Selesai…

Dengan ini, semua pesan yang masuk dari halaman Contact Us website Anda akan tersimpan ke Google Drive.

Kesimpulan

Kegunaan utama halaman Contact Us adalah sebagai media komunikasi antara pemilik website (bisnis) dengan pelanggan.

Ada 2 cara membuat halaman Contact Us yaitu menggunakan bantuan plugin dan tanpa plugin (manual).

Jika Anda butuh fitur formulir kontak yang lebih kompleks serta ingin menyimpan data-data formulir ke dalam database, lebih baik gunakan bantuan plugin khusus Contact Form.

Namun, jika tidak ingin fitur lanjutan dan tidak ingin membuat database membengkak, lebih baik buat halaman Contact Us secara manual menggunakan bantuan Google Form.

Tujuannya tetap sama – Sebagai media komunikasi pemilik situs dengan pengunjung -.

Saya yakin Anda jauh lebih paham apa yang Anda butuhkan.

Jika ada pertanyaan terkait panduan membuat halaman contact us ini atau jika Anda memiliki tips lain, silahkan coret-coret kolom komentar.

Pintasan Panduan Update Content + SEO

Panduan sebelumnya: Plugin WordPress.

  1. Homepage Statis: Cara membuat halaman depan web/blog menjadi statis dan dapat di custom.
  2. Contact Us: (Anda Disini).
  3. Article + SEO: (Sedang disusun).

Panduan berikutnya: Integrasi WordPress.

Komentar Anda:

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *