Pada kesempatan kali ini saya akan mengajak sobat semua untuk membahas tentang bagaimana cara membuat formulir kontak atau yang biasa disebut dengan contact form. Contact form ini berfungsi untuk meminta data pengunjung blog yang akan menghubingi admin dan juga dapat memudahkan pengunjung yang akan menghubungi langsung admin tanpa harus mengirim email manual. Nah disini saya akan memberikan sebuah tutorial untuk membuat contact form dan juga terlihat cantik dengan menggunakan jasa dari formcrafts.com. Oke langsung saja sob menuju ke tutorialnya!
Langkah-langkah Membuat Contact Form Cantik dan Keren untuk Blog
1. Langkah pertama silahkan sobat membuka terlebih dahulu formcrafts.com
2. Setelah terbuka maka akan ada tampilan awal formcraft, setelah itu klik Sign Up for Free karena kita akan menggunakan platform gratis saja. Jika kurang jelas bisa sobat lihat gambar dibawah.
3. Setelah itu akan muncul pup up seperti gambar dibawah.
Lalu isi dengan ketentuan sebagai berikut :
Nomor 1 : Silahkan isi dengan email sobat.
Nomor 2 : Silahkan isi password yang akan sobat jadikan keamanan di formcrafts.
Nomor 3 : Jika sudah yakin, langsung saja klik submit untuk mengirimkan permintaan.
4. Setelah itu sobat akan mendapatkan pesan rujukan ke email seperti gambar dibawah.
5. Kemudian buka email sobat untuk mengkonfirmasi akun di formcrafts. Untuk lebih jelasnya silahkan sobat lihat gambar dibawah.
6. Setelah sobat meng-klik link konfirmasi, maka secara otomatis sobat akan dialihkan ke website formcrafts kembali. Disitu sobat bisa login sesuai dengan email dan password yang telah sobat daftarkan sebelumnya. Lihat gambar dibawah!
Keterangan :Nomor 1 : Silahkan isi dengan email sobat yang telah didaftarkan sebelumnya.
Nomor 2 : Silahkan isi password yang akan sobat jadikan keamanan di formcrafts.
Nomor 3 : Jika sudah yakin, langsung saja klik submit untuk mengirimkan permintaan.
7. Nah, pendaftaran akun telah selesai sob. Kemudian langkah selanjutnya kita akan membuat formulirnya. Caranya dengan meng-klik "new form" pada halaman dashboard formcraft. Untuk lebih jelasnya silahkan lihat gambar dibawah.
8. Setelah itu pilih saja pada New Blank Form, lalu beri nama form sesuai keinginan sobat dan setelah itu klik submit.
9. Setelah itu saatnya sobat untuk membuat contact form sesuai keinginan sobat. Silahkan lihat gambar dibawah sob!
Untuk keterangan lebih jelasnya sebagai berikut :Nomor 1 : Merupakan menu tools untuk membuat dan mengedit contact form.
Nomor 2 : Jika sobat ingin melihat hasilnya maka klik menu Show Preview.
Nomor 3 : Kemudian kalau sobat sudah yakin, langsung saja klik save untuk menyimpan form.
10. Nah, kan disini membuat contact formnya sudah selesai sob, sekarang saatnya untuk mengambil kode scriptnya untuk dipasang pada blog sobat. Caranya yaitu klik Embed pada menu, lihat gambar dibawah!
11. Setelah itu lihat gambar dibawah sob, dan pilihlah pada bagian Embed Form jika sobat menggunakan blogspot. Disitu sudah ada kodenya sob, maka langsung saja copy paste kedalam blog sobat. Biasanya penempatan kode ini yaitu pada halaman statis atau yang biasa disebut dengan laman.
12. Jika sudah sobat pasang pada blog maka tampilanya akan seperti gambar dibawah !
Lihat juga : Contact Form The Largest Blog
13. Selesai sudah pembuatan dan pemasangan contact formnya, dan nanti hasil kiriman dari form itu akan menuju kedalam dashboard formcrafts. Biasanya bertuliskan Unread Submissions seperti gambar dibawah.
Nah, itulah sob cara membuat contact form pada blog yang berkesan simple dan cantik dan pas untuk dipasang pada blog-blog personal maupun perusahaan. Sobat bisa membuat maksimal 3 contact form pada satu akun formcrafts. Lumayan bukan? Oiya jika misal sobat tidak ingin ribet harus membuka akun formcrafts terlebih dahulu untuk membuka pesan, sobat bisa kok langsung membuka dari email sobat. Jadi harus mengganti beberapa konfigurasi terlebih dahulu. Silahkan sobat simak langkah-langkah dibawah!
1. Kembali kedalam menu dimana sobat mengedit form sebelumnya, lalu klik Form Options.
2. Lalu pilih General, centang Use blablabla. Agar lebih jelas sobat bisa lihat gambar dibawah ini.
Keterangan :Nomor 2 : Silahkan sobat ganti thelargestblog dengan nama dan email blog sobat.
Contoh : Nama Blog <emailblog@gmail.com>
3. Setelah itu beralih ke menu Email Notifications dan ganti pada bagian Send Submissions To sesuai dengan yang sebelumnya saya contohkan tadi. (Nama Blog <emailblog@gmail.com>) Kemudian klik Save and Close.
4. Setelah itu secara otomatis pesan yang dikirim melalui contact form akan masuk ke email sobat. Contohnya seperti gambar dibawah.
5. Selesai.
Jadi seperti itulah sob cara membuat contact form melalui formcrafts. Bagaimana, mudah bukan? Oke semoga tutorial kali ini bermanfaat untuk sobat semua. Terimakasih dan selamat mencoba.
14 komentar
keren banget yah widgetnya ane suka dah liat hehehe ane izin coba yah gan
Makasih gan infonya
Okeoke silahkan dicoba gan ;)
Sama-sama gan.
makasih gan,sudah ane praktekin di blog ane :D
Sip, sama-sama gan ;)
hehe,. Ini yang saya cari gan. jadi gini toh caranya... ane malah buat kontak di halaman :D jadi kaya postingan
not bad dude. thanks for sharing
thanks gan sangat bermanfaat
kalo ane sih pake emailmeform
sedrhana yang enteng2 aja :D
jangan dipostingan gan, alangkah lebih baiknya di halaman statis saja :D
you're welcome :)
Sama-sama gan
Iya tidak ada salahnya jika sobat coba pakai formcraft :D
Berkomentarlah yang bersifat membangun konten, dan membantu kebingungan pembaca lain! ConversionConversion EmoticonEmoticon