Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

Kali ini, saya ingin berbagi tutorial bagaimana caranya membuat formulir kontak (Contact Form atau Contact Us) responsive di blogger dengan bantuan tools yang disediakan oleh 123FormBuilder.

123FormBuilder merupakan web pembuat formulir online untuk mengumpulkan data dan mengotomatiskan alur kerja melalui formulir web, survei, kuis dan jajak pendapat. Web ini terkenal sah, aman dan mudah digunakan. Dari statistik yang ada, sampai saat ini, ada 185 negara di seluruh dunia yang memanfaatkan beragam fitur yang ada di 123FormBuilder. Menarik, kan?

Sesuai yang tertulis pada paragraf pertama di atas, tampilan formulir kontak ini nantinya, dipastikan akan responsive (mobile-friendly) yang artinya mengikuti bentuk tampilan berbagai bentuk smartphone, tablet dan ukuran layar laptop/komputer.

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder


1. Daftar akun di 123FormBuilder dengan akun Google (disarankan).

2. Pada What type of forms do you want to build first? > pilih Contact forms > Next

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

3. Pada How many people work there? > None of the above, personal use > Explore 123FormBuilder

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

4. Pada momen ini, sobat bisa memilih template formulir kontak yang disediakan atau memulainya dengan formulir kosong untuk dikostumisasi sendiri.

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

5. Pilih contact form yang saya tandai (lihat gambar di atas).

6. Selanjutnya, akan muncul formulir kontak yang siap untuk dikostum.

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

Di sini, sobat bisa mengedit (custom) template sendiri terkait bagian-bagian mana yang dihilangkan/dihapuskan, yang perlu ditambahkan atau teks yang bisa diedit. Sangat memuaskan. Pokoknya, fiturnya ada di sebelah kiri, hasilnya ada di sebelah kanan. Cek punya saya: https://www.ariefghozaly.web.id/p/contact.html.

Setelah saya ujicoba, hasil email yang dikirimkan seperti ini:

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

Ketika formulir kontaknya diakses melalui smartphone saya (Poco X3 Pro), tampilannya seperti ini:

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

Setelah email terkirim, akan muncul notifikasi seperti ini:

Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder

Bagaimana? Sobat tertarik untuk mencobanya? Silakan dicoba, tidak ada salahnya. Demikianlah tutorial bagaimana caranya membuat formulir kontak di blogger (blogspot) melalui 123FormBuilder.
Arief Ghozaly
Arief Ghozaly Blogger, Komputer, SEO, Xiaomi POCO, ThinkPad & Pecco #63. https://www.ariefghozaly.web.id/.

Posting Komentar untuk "Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder"

Kontes Lomba Blog
Kontes Lomba Blog