Cara Menciptakan Contact Form Pada Website

Cara Membuat Contact Form Pada Website,-


Form kontak sering kali diabaikan oleh para pemilik website, Padahal form kontak sanggup sangat mempunyai kegunaan jikalau dimanfaatkan sebaik mungkin.


Pada setiap artikel yang bekerjasama dengan blogging Contohnya Tips blogwalking dan Cara menciptakan landing page aku selalu menyampaikan bahwa kontak form yakni penting.


Artikel terkait : Membuat artikel SEO friendly


Jika Anda pengguna wordpress (Entah kenapa aku lagi semangat menciptakan artikel wacana wordpress) maka Anda sangat beruntung, Sebab untuk menyisipkan contact form dalam postingan akan sangat mudah.


Silahkan install plugin Contact Form 7 terlebih dahulu.


Dan tentunya aktifkan plugin tersebut.


Selanjutnya masuk ke sajian Contact dan pilih Contact form.


Secara otomatis akan ada 1 contact form yang dibentuk oleh plugin tersebut. Jika Anda ingin melaksanakan edit atau sekedar ingin tahu pembuatannya silahkan edit form tersebut.


Form kontak sering kali diabaikan oleh para pemilik website Cara Membuat Contact Form Pada Website
Contact Form

Dengan pegaturan coding ibarat diatas, Akan terbuat contact form ibarat gambar dibawah :


Form kontak sering kali diabaikan oleh para pemilik website Cara Membuat Contact Form Pada Website
Contoh Contact Form

Contoh aku ambil pada halaman contact bacaanku.com


Mari kita bahas bagaimana cara kerja contact form ini :


1. Form


tag <p> dipakai untuk pergantian paragraf, Anda juga sanggup memakai tag <br> untuk berganti baris.


Lebih kerennya lagi, Contact form 7 ini juga menyediakan beberapa shortcode yang super duper bermanfaat (Tergantung keperluan).


Anda tinggal menyisipkan shotcode melalui tombol yang disediakan pada kepingan atas form tersebut.



  • Text :  Berfungsi untuk menyisipkan text isu biasa

  • Email : Membuat kolom dengan function email (mendeteksi jenis kata yang di input yakni email valid)


  • URL : Menyisipkan kolom input URL


  • tel : Menyisipkan kolom input untuk nomor telepon


  • Number : Menyisipkan up and down untuk input angka


  • Date : Menyisipkan kolom input untuk di isi tanggal


  • Text area : Menyisipkan text area


  • Drop-down sajian : Menyisipkan Drop down menu


  • Checkbox : Menyisipkan Checkbox


  • Radio Button : Menyisipkan Radio Button


  • Acceptance : Menyisipkan centang persetujuan term of use


  • Quiz : Menyisipkan kolom verifikasi berjenis quiz (contoh 1+1= )


  • reCaptcha : Menyisipkan recaptcha (Membutuhkan plugin tambahan)

  • File : Upload File

  • Submit : Tombol Submit


2. Mail


Pada kolom ini yakni pengaturan yang disediakan ketika email terkirim pada Anda.


Anda sanggup memakai shortcode yang telah disediakan, yaitu :


[your-name], [your-email], [your-subject], [your-message]


Note : Shortcode diatas yakni sesuai yang Anda gunakan pada kolom Form sebelumnya.


3. Message


Adalah isu yang akan ditampilkan sesudah orang melaksanakan input pada form kontak


4. Additional Setting


Additional setting yakni code yang sanggup Anda inputkan untuk menunjukkan function khusus pada form yang Anda gunakan.


Syangnya ketika ini hanya mendukung beberapa function saja, Untuk lebih jelasnya silahkan menuju link additional setting dari developer.


5. Cara Menggunakan


Cara Membuat Contact Form Pada Website dengan plugin ini sangat mudah.


Setelah Anda tamat melaksanakan setting sesuai yang Anda inginkan jangan lupa untuk melaksanakan save terlebih dahulu tentunya.


Setelah itu Anda sanggup mengambil shortcode dan id contact form yang telah Anda buat (Terdapat pada kolom Form dengan garis wana hijau).


Dan tinggal paste shortcode tersebut pada daerah yang Anda ingingkan, Bisa didalam artikel atau di halaman page.


Sekian artikel Cara Membuat Contact Form Pada Website kali ini, Semoga sanggup memberi wangsit kepada Anda, Terima Kasih.


Jika Ada yang ingin ditambahkan atau ditanyakan silahkan mengisi kolom komentar.


Silahkan Like Fanspage kami dan Share artikel ini Jika Menurut Anda Bermanfaat Untuk Anda dan Orang Lain.


[divider style=”double” top=”5″ bottom=”5″]

[]



Sumber https://bacaanku.com/

Berlangganan Informasi Terbaru:

0 Response to "Cara Menciptakan Contact Form Pada Website"

Posting Komentar