Tuesday, April 9, 2013

Cara Membuat Formulir Contact Us / Hubungi Kami di Blog

3 comments

SF-87 ~ Membuat Formulir Contact Us / Hubungi Kami / Email Me merupakan suatu hal yang penting dan tidak bisa terpisahkan dari sebuah blog ataupun website. Tujuan pembuatan formulir contact us ini adalah untuk menyediakan formulir bagi para visitors / pengunjung untuk menyampaikan keluhan, saran, bertanya, ataupun hal lain mengenai suatu blog ataupun website tersebut.

Pembuatan Formulir Contact Us / Email Me tersebut bertingkat-tingkat, ada yang mudah, ada yang agak sedikit rumit dan ada juga yang melalui php buatan sendiri, tergantung dari individu mau memilih cara yang yang mana. Pada saat sekarang ini banyak pihak ketiga yang menyediakan fasilitas form email me ini, contohnya: foxyform.com, emailmeform.com, contactr.com, dan masih banyak lagi.

Nah pada kesempatan kali ini, saya akan menjelaskan tentang bagaimana cara membuat formulir contact us dengan menggunakan layanan pihak ke tiga yakni foxyform.com. Alasan saya memilih menulis artikel ini dengan menggunakan fasilitas foxyform.com karena pembuatannya tidak rumit dan tidak membutuhkan yang namanya sign up atau mendaftar, tetapi cukup dengan membuka websitenya dan memlih kriteria formnya dan mencopy paste kode yang diberikan.


Well, tanpa basa basi lagi, berikut tutorial pembuatannya :
Langkah pertama buka www.foxyform.com
1. Menu Setting
Cara mudah Membuat Formulir Contact Us / Email me form

Menu ini merupakan menu pilihan yakni title, name, email, subject, First Name, street, ZIP + town, Phone dan Website. Siliahkan pilih kategori mana yang akan anda tampilkan.

2. Menu Advanced settings
Cara Membuat Formulir hubungi kami

Pada menu ini terdapat 4 pilihan untuk mengatur background (latar belakang), font color (warna huruf), Font (jenis huruf) dan Font size (jenis huruf)

3. Target e-mail address

Tutorial pembuatan contact us / hubungi kami

Pada menu form ini, anda diminta untuk memasukkan email yang nantinya akan jadi target pengiriman jika ada visitor yang mengirimkan pesannya kepada anda.

4. Preview (Pratinjau)
tips trik pembuatan contact us / hubungi kami

Preview ini adalah contoh formulir yang akan ditampilkan, sesuai dengan pilihan-pilihan pada menu sebelumnya.

5. Create Formular / Buat Formulir
membuat contact us / hubungi kami
Ketika kriteria formulir sudah ditentukan, nah langkah selanjutnya mengklik Create Formular untuk melanjutkan pada tahap selanjutnya yakni pada halaman untuk mendapatkan kode untuk di tempatkan di website atau blog

6. Mendapatkan kode HTML/Javascript
membuat contact us / email me form

Copy kode html/javascript yang sudah muncul kemudian masukkan ke dalam entri baru atau laman baru, tapi ingat anda harus memasukkannya kedalam HTML bukan Compose.

7. Pratinjau (Preview) atau publikasikan untuk melihat hasilnya.

Nah,, sudah beres.. skrg laman contact us sudah tersedia di blog anda :D mhehee..
Semoga Cara Membuat Formulir Contact Us / Hubungi Kami di Blog ini bermanfaat buat anda. Terima kasih...!!!

3 Responses so far

  1. Unknown says:

    Nice post, jangan lupa berkunjung balik ke PRKu"

    Trus berkarya yah sobat :D

Leave a Reply

Labels