Membuat Fungsi Nomor Acak di Contact Form 7

Membuat fungsi nomor acak di Contact Form 7

Fungsi nomor acak ini digunakan untuk membuat kolom isian baru yang berguna untuk generate nomor atau baris nomor sesuai dengan keinginan. Hal ini kadang seringkali dibutuhkan ketika akan membuat kolom isian yang memerlukan kode acak untuk kolom ID atau lainnya.

 

Sekilas tentang Contact Form 7

Seringkali anda memerlukan WordPress Plugin Contact Form 7 sebagai fasilitas untuk membuat halaman kontak yang berisikan formulir isian agar bisa dikirimkan melalui email. Plugin ini sering digunakan karena kemudahannya dalam fungsi dan tampilan formulir kontak.

 

WordPress Plugin Yang Dibutuhkan

Tutorial ini memerlukan beberapa plugin wordpress untuk menjalankannya. Silahkan unduh terlebih dahulu dan aktifkan plugin tersebut.

Contact Form 7

WordPress Contact Form 7 Plugin
Contact Form 7 dibutuhkan untuk membuat form pada halaman, artikel atau widget di WordPress.
Contact Form 7

 

Contact Form 7 Dynamic Text Extension

WordPress Contact Form 7 Dynamic Text Extension Plugin

Plugin ini diperlukan untuk membuat field dinamis baru untuk menampilkan shortcode yang telah kita buat. Contact Form 7 Dynamic Text Extension

 

WordPress Shortcode

WordPress memiliki fungsi untuk menampilkan shortcode pada halaman Post atau Page hanya dengan menuliskan kode shortcode yang diinginkan.

Dibawah ini adalah contoh wordpress shortcode yang akan dibuat :

See the Pen WordPress Contact Form 7 Number Generator Shortcode by ReeZh Design (@reezhdesign) on CodePen.1898

 

Setelah anda membuat fungsi shortcode dan disimpan pada berkas functions.php atau plugin, sekarang beralih ke Contact Form 7 untuk membuat Form baru dengan langkah :

  1. Buat Contact Form Baru
  2. Buat Halaman atau Post Baru
  3. Masukkan shortcode Contact Form Baru pada Halaman atau Post Baru

 

Ubah form pada Contact Forms dengan format seperti tampilan dibawah ini :

See the Pen WordPress Contact Form 7 Number Generator Shortcode – Form 1 by ReeZh Design (@reezhdesign) on CodePen.1898

Contoh Form Kontak dengan Generate Code

 

Aktifkan demo mode dengan menambahkan baris pada Additional Settings:
demo_mode: on
Dengan mengaktifkan demo mode akan menyebabkan fungsi utama contact form 7 tidak akan mengirimkan email untuk formulir yang anda buat. Hapus demo mode jika anda telah merasa generator code yang anda buat sudah berjalan dengan baik.

tutorial-contact-form-7-gen-nomor-shortcode-form1

Simpan formulir kontak yang telah dibuat dan kopi shortcode formulir kontak untuk disimpan pada halaman atau artikel.

tutorial-contact-form-7-gen-nomor-shortcode-form2

 

Simpan Halaman atau Artikel anda, dan Formulir Kontak dengan Generator Nomor sudah siap anda gunakan.

 

Contoh Formulir Kontak

Tiket ID:

Nama Anda (wajib)

Email Anda (wajib)

 

Kesimpulan

Artikel ini akan selalu di update untuk menambah kelengkapannya. Anda bisa memodifikasi sesuai dengan keperluan, selamat mencoba.

 

Published: - Updated: Januari 26th, 2016

categories:

Related Posts

2 Comments

Tinggalkan Balasan

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