Cara Mudah Membuat Contact Form Di Blogger Blogspot

Punya blog baru di Blogger blogspot dan masih pusing mikirin cara buat contact form untuk halaman kontak anda. Santai saja teman teman blogger, di sini Blogkudewe mau kasih tips cara mudah membuat Contact Form di Blogger blogspot.

Jika anda belum terlalu paham kode, tidak masalah, di sini kita cari cara simpel dan mudah-nya saja.

Oke langsung saja anda simak cara membuatnya 🙂

Cara mudah membuat Contact Form di Blogger blogspot

Untuk anda tipe blogger yang hanya ingin fokus dalam menulis anda mungkin agak ogah untuk hal yang berurusan dengan kode.

Tidak masalah! ada cara mudah dan ya! gratis untuk membuat formulir kontak yang cantik di halaman kontak blog anda.

Buat halaman kontak dengan 123Formbuilder

Di sini kita akan membuat halaman kontak menggunakan 123Formbuilder.

Ada dua versi dari 123formbuilder yaitu premium dan form gratis. Meski gratisan tapi cukup cantik, kalau kelak anda memutuskan untuk upgrade ke versi premium itu terserah anda.

Ok. pertama buat halaman di Blogger dan kasih nama Contact atau Kontak dan klik publish,

Setelah itu pergi ke situs 123formbuilder.com dan sign up. Setelah selesai registrasi anda akan punya dashboard pribadi di akun baru anda.

Langsung saja buka laman My Forms di menu navigasi dashboard anda atau langsung saja klik tombol New Form.

Pada halaman selanjutnya pilih ‘Blank Form.’ Nah di sana anda bisa mengedit elemen apa saja untuk membuat kontak form anda.

Disini saya akan memberikan contoh cara membuat standard kotak form pada umumnya.

Ketika di halaman Form editor. Di panel kiri klik Short Text untuk ‘Name’ dan ‘Email.’ 

Kemudian Long Text untuk Message (pesan). Klik pada setiap form untuk mengedit nama form. Lihat screenshot

Kemudian scroll ke bawah pada panel kiri dan di bagian setting ‘Validation’ cek Requaired field untuk memberitahu bahwa ini di perlukan. Lihat screenshot di bawah.

Di bagian menu atas, pada tab Setting > Notification disitu anda bisa menambahkan email yang nantinya akan menjadi penerima pesan. Lihat contoh dibawah.

Untuk settingan yang lain bisa di biarkan Default. Kalau anda rasa Contact Form yang anda buat sudah cukup oke, maka langsung saja klik tombol Publish di kanan atas form editor.

Setelah itu klik tab Publish. Di halaman tab Publish,  anda bisa memilih mau di pasang di platform mana Form baru anda. Kalau untuk Blogger blogspot klik Logo Blogger di navigasi panel sebelah kiri.

Anda bisa test tampilan kontak form anda dengan meng-klik tobol View demo. Kalau di rasa sudah bagus, klik tombol Copy code untuk di pasang ke Blogger blogspot. Lihat screenshot.

Cara memasang code Kontak Form di Blogspot

Buka/Edit halaman Kontak yang baru anda buat tadi. Kemudian di post editor rubah dari Compose ke HTML. Dan paste kode yang tadi di copy dari 123FormBuilder. lihat screenshot.

Lalu klik Update untuk memperbarui laman kontak blog anda. Preview laman kontak baru anda kalau di rasa belum cukup bagus. Anda bisa meng-edit Kontak Form anda lagi di dashboard akun 123formbuilder anda.

123FormBuilder juga bisa untuk membuat formulir harga, Subscribe form dll. Untuk akun gratis hanya di perbolehkan membuat lima form.

Catatan penulis

Di salah satu blog saya yang pakai Blogger blogspot untuk CMS saya memakai 123formbuilder untuk membuat halaman Contact. Anda bisa lihat di sini

Jika anda punya situs WorPress, 123formbuilder juga lumayan bagus untuk di pasang di situs WordPress anda.

Oke! sekian dulu, semoga bermanfa’at dan Selamat nge-blog 🙂