Oops! Koneksi internet Anda terputus. Tunggu dan coba lagi , atau Refresh Halaman.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft




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!

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

3. Setelah itu akan muncul pup up seperti gambar dibawah.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
5. Kemudian buka email sobat untuk mengkonfirmasi akun di formcrafts. Untuk lebih jelasnya silahkan sobat lihat gambar dibawah.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

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!

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

8. Setelah itu pilih saja pada New Blank Form, lalu beri nama form sesuai keinginan sobat dan setelah itu klik submit.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

9. Setelah itu saatnya sobat untuk membuat contact form sesuai keinginan sobat. Silahkan lihat gambar dibawah sob!

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
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!

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

12. Jika sudah sobat pasang pada blog maka tampilanya akan seperti gambar dibawah !

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft


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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

2. Lalu pilih General, centang Use blablabla. Agar lebih jelas sobat bisa lihat gambar dibawah ini.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft
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.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

4. Setelah itu secara otomatis pesan yang dikirim melalui contact form akan masuk ke email sobat. Contohnya seperti gambar dibawah.

Cara Membuat Contact Form untuk Blog Menggunakan FormCraft

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.

Previous
Next Post »

14 komentar

Unknown
Administrator
1 Mei 2016 pukul 05.12

keren banget yah widgetnya ane suka dah liat hehehe ane izin coba yah gan

avatar
Irham
Administrator
1 Mei 2016 pukul 05.26

Makasih gan infonya

avatar
Unknown
Administrator
1 Mei 2016 pukul 05.33

Okeoke silahkan dicoba gan ;)

avatar
Unknown
Administrator
1 Mei 2016 pukul 05.40

Sama-sama gan.

avatar
Unknown
Administrator
1 Mei 2016 pukul 05.55

makasih gan,sudah ane praktekin di blog ane :D

avatar
Unknown
Administrator
1 Mei 2016 pukul 06.04

Sip, sama-sama gan ;)

avatar
Ujwar Firdaus
Administrator
1 Mei 2016 pukul 06.17

hehe,. Ini yang saya cari gan. jadi gini toh caranya... ane malah buat kontak di halaman :D jadi kaya postingan

avatar
Anonim
Administrator
1 Mei 2016 pukul 06.18

not bad dude. thanks for sharing

avatar
Unknown
Administrator
1 Mei 2016 pukul 06.28

thanks gan sangat bermanfaat

avatar
Aditya Manung
Administrator
1 Mei 2016 pukul 06.43

kalo ane sih pake emailmeform
sedrhana yang enteng2 aja :D

avatar
Unknown
Administrator
2 Mei 2016 pukul 04.22

jangan dipostingan gan, alangkah lebih baiknya di halaman statis saja :D

avatar
Unknown
Administrator
2 Mei 2016 pukul 04.24

you're welcome :)

avatar
Unknown
Administrator
2 Mei 2016 pukul 04.26

Sama-sama gan

avatar
Unknown
Administrator
2 Mei 2016 pukul 04.27

Iya tidak ada salahnya jika sobat coba pakai formcraft :D

avatar

Berkomentarlah yang bersifat membangun konten, dan membantu kebingungan pembaca lain! ConversionConversion EmoticonEmoticon