Skip to content
Skip to content
Menu
Blog Jaringan Komputer dan Internet
  • Buku Tamu
  • Download
  • Konsultasi
  • Layanan
  • About
Blog Jaringan Komputer dan Internet

Cara memasang Kontak Form di WordPress

By admin2 on March 3, 2014March 11, 2014

wordpres-immCara memasang Kontak Form di WordPress. Ada beberpa yang bertanya ke saya melalui form atau komentar di web saya ini. Intinya bagaimana cara mesangan kontak form di web ini? Form ini bisa digunakan untuk interaktif dengan pembaca, pembaca bisa memberikan inputan melalui kontak form ini. Hasil dari inputan akan dikirimkan ke alamat email yang di tunjuk.

Langkah detailnya akan saya jelaskan dibawah, namun langkah umumnya yang nanti akan dikerjakan adalah sebagai berikut :

  1. Masuk wordpress dan menu Plug-in Add New
  2. Cari / Ketik “Contact Form 7″ install dan Aktifkan
  3. Akan muncul menu baru “Contact” untuk tambah Kontak Add New
  4. Tulis kode HTML yang akan dimunculkan (form apa saja yang diinginkan) dan alamata email
  5. Copy Shortcut Kode Kontak ke Post /Page atau Tempalte sesuai selera
  6. Kontak form jadi dan bisa di coba/test.

Itu saja langkahnya, sebenarnya singkat bukan. Namun bagi beberapa yang amsih awam memang mungkin berlum terbiasa dengan plug-in yang satu ini. Saya akan coba uraikan secara lebih detaik dengan bantaun ilustarsi gambar.

Pertama anda harus login ke wordpress yang hosting sendiri dan meliliki level sebagai “adminsitrator”. Jika anda belum, tanyakan pada administrator anda. Selajutnya kita akan Instalasi Plugin baru :

kontak-form1

  1. Gunakan menu Plugins –> add New
  2. Tulis “Contact Form 7”
  3. Install dan Aktifkan Plug-in ini
  4. menu Baru “Contact” akan muncul di bawah menu Comments

Langkah Instalasi sudah selesai, selajutnya kita perlu memodifikasi Isi dari Kontak Form. Secara Default Kontak form sudah berisi kontak Form, namun form yang ada yang ada hanya terbatas pada : nama, email, subject dan isi pesan. Berikut ini contoh kode formyang saya gunakan di web ini dan langkah untuk merubah kodenya :kontak-form2

  1. Klik Menu Contact –> Add New –> Pilih saja bahasa Indonesia (atau sesuai kebutuhan)
  2. Dengan plugin ini kita bisa buat berbagai kontak sesuai kebutuhan, tiap kontak akan memiliki ID dan Nama. Kode ID dan nama kontak bisa dilihat di bagian atas.
  3. kontak-form3
  4. Pada bagian FORM ini berisi Kode untuk Form, Kode form bisa kita gerate dari menu sebelah kanan Form. Ini dari Form ini akan berisi Variable-variable. tiap variable ditulis dan berada dalam “[nama_variable]”
  5. Dibawah FORM ada menu MAIL berisi To, From, Subject dan Message Body
  6. Pada Message Body kita harus mengambil variable yang benar dari FORM, misalkan [nama] [email] dan sebagainya.

Pembuatan kontak sudah selesai anda tinggal menggunakan form kontak ini dan dimasukan dalam Post/page atau Template dari Themes yang ada gunakan. Untuk menggunakan kontak dalam Post/page anda hanya pelru copy Kode bagian atas dari kontak form yang anda buat tadi. Kode ada berbentuk seperti ini : [contact-form-7 id=”xyz” title=”nama_kontak”]. Kode ini tinggal ditaruh di bagian Page/Post yang anda buat. Cara ini hanya akan memunculkan kode di Post/page pada Tulisan yang dimaksud. Buakan pada semua page atau Post.

Jika anda ingin memunculkan Kontak disemua page/post anda harus masukan kode Kontak form dalam Template (themes). namun tiap tema memiliki kode yang berbeda. Berikut langkah umunya :

  1. Kode Kontak harus dikasih tambahan php, misal kode yang tadi akan berubah jadi : [php]<?php { echo do_shortcode( ‘[contact-form-7 id="xyz" title="nama_kontak"]’ ); } ?>[/php]

  2. Klik menu Appearance –> editor
  3. Penambahan kode ini harus dilakukan dengan hari-hati, sbaiknay anda backup dahulu themes anda.
  4. Secara umum misal ingin masukan pada semua Post, kode dimasukan dalam single post (single.php)
  5. Atau Di page ada di page.php

kontak-form0

Kode ini ditaruh di bagian

[html]
<h2>Kirim Pesan Inbox</h2>
<i>Perlu penjelasan secara Pribadi tentang Tulisan diatas, Gunakan Form berikut :</i>
<table>
<tbody>
<tr>
<td>Nama/Email</td>
<td>: [text* Nama 20/ watermark "Nama"] [email* email 30/ watermark "Email yang Benar"]</td>
</tr>
<tr>
<td>Tulis Ulang Email</td>
<td>: [email email2 30/ watermark "Tulis Email Lagi"]</td>
</tr>
<tr>
<td>Alamat</td>
<td>: [text alamat 50/ watermark "Alamat boleh tidak diisikan "]</td>
</tr>
<tr>
<td>Deskripsi</td>
<td>: [textarea keinginan x2 watermark "Tulis yang ingin anda tanyakan, cantumkan No HP jika ingin dihubungi via SMS"]</td>
</tr>
<tr>
<td>Hitung</td>
<td>: [quiz kuis 4/2 "0-0=?|0" "4+4=?|8" "1+5=?|6" "1+9=?|10" "3+4=?|7" "5-2=?|3" "5-5=?|0"] [submit "Kirimkan"]</td>
</tr>
</tbody>
</table>
<div style="width: 530px; height: 40px; border: 1px dashed blue;"><span style="color: blue;">Tanggapan akan dikirimkan ke Email, mungkin bisa cek di <b>Spam</b> atau <b>Bulk</b>
</span></div>
[/html]

Tulis Kode ini di bagian Mail :

[html]
Berikut salinan Kontak Form yang di diisikan melalui [_url].
Nama : [Nama]
Alamat : [alamat]
Email : [email] / [email2]
Tentang : [keinginan]

Terima kasih,
Facebook Blog Imm.web.id : https://www.facebook.com/imm.web.id

Salam,
Imam Suharjo

IP : [_remote_ip] Post URL : [_post_url]
[/html]

Post Views: 80

Post navigation

Cara mudah membuat Toko Online dengan WordPress
Cara Verifikasi atau Tambah Kartu Kredit BNI di Paypal

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Cek Juga ya

Categories

  • Advertising (4)
  • Arduino (2)
  • Domain (30)
  • Google (4)
  • Hardware (2)
  • Hosting (5)
  • Info Tech (61)
  • Internet (96)
  • IOT (2)
  • Jaringan Komputer (1)
  • Jasa Layanan (10)
  • Jualan (2)
  • Keamanan Jaringan (2)
  • Kontes SEO (16)
  • Linux (4)
  • Mikrotik (4)
  • Networking (46)
  • Online Money (15)
  • Open Source (6)
  • Pedidikan (5)
  • Profil (2)
  • Security (113)
  • SEO (4)
  • Social (36)
  • Software (25)
  • Standard (5)
  • Survey (6)
  • Virtualmin (5)
  • Virus (1)
  • Wordpress (5)

Recent Posts

  • Konsep Dasar – Apa itu alamat IP?
  • Kejutan saat Tanya Veronika Asisten Virtual Telkomsel
  • Token Bus dan Token Ring
  • Topologi Jaringan Komputer
  • Pelanggan Operator Telkomsel Kini Bisa perbaruan ke simCard 4G dengan Mudah

Blog IT

  • Ebsoft
  • Nunu Computer
  • Nunuhost

Link Menarik

  • Ekamas
  • Info Sedayu Online
  • nunu Souvenir
  • Sanur Multimedia
  • Wahid Hasan (Ekamas)

Stats




RSS (Artikel) Internet Marketing Indonesia

  • Online X-code Mini bootcamp – Linux System Administrator & Security
  • HARSIARNAS Webinar Sosiasilasi TV Digital – Ada Gibran Rakabuming Raka
  • Wisata Grojogan Watu Purbo – Merdikorejo Tempel Sleman
  • Pelanggan bisa Tanya Veronika Asisten Virtual Chat 24Jam
  • Cara bandingkan urutan data di Excel – Case SEO tanya veronika asisten virtual
  • Berbagai Persepsi Tentang Cyber Security
  • Acara Renovasi Istiqlal dari Aspek Pendekatan Filosofis yang Sesuai dengan Qur’an dan Sunnah
  • Apa yang terjadi dengan SERP Google dalam 4 hari?
  • Apa yang terjadi dengan SERP dalam selang 1 jam?
  • Asisten Virtual Telkomsel – Veronika dengan Asisten Virtual

RSS N Cecak 31

  • Hasil Pencarian (SERP) Grojogan Watu Purbo (10/4/21)
  • Kontes SEO – Veronika Asisten Virtual
  • Membadingkan SEO 2 buah Website
  • Chat ke Telkomsel Veronika Siap Jawab
  • Ada yang salah dengan Konten dan Backlink kamu?
  • Catatan Blogwalking dan Info Domain TLD atau ccTLD
  • Cyber Security Role
  • Hasil Googling “tanya veronika asisten virtual” 13-14 Maret 2021
  • Daftar Urutan domain Hasil pencarian “tanya veronika asisten virtual” 14 Meret 2021
  • Cara mudah buat web dengan Wix.com

RSS Info Sedayu Online

  • Sosialisasi Online Single Submission (OSS) – UMKM di Kapanewon Sedayu
  • Polres Bantul Berhasil Ungkap Kasus Penemuan Mayat di Sedayu
  • Info Penerimaan Anggota Baru Karate Kala Hitam DIY
  • Alamat Kantor KUA Sedayu Pindah lokasi Sementara
  • Program Tukar simCard 4G LTE
  • Kelompok Ternak Ngudi Mulyo Ngentak Argorejo Sedayu
  • Puskemas Sedayu 1 lakukan Pemeriksaan SDIDTK
  • Puskesmas Sedayu 2 – Pendampingan lomba Pengelolaan Posyandu Kabupaten Bantul
  • Masa Pademi ini, Kabel Telekomunikasi Semakin “Semrawut”
  • Saatnya beralih ke TV Digital (UHF)
©2021 Blog Jaringan Komputer dan Internet | WordPress Theme by SuperbThemes.com