Cara Membuat Form Contact Us di Blog

Cara Membuat Form Contact Us di Blog - Form Contact Us adalah form yang berguna untuk mengirim pesan visitor ke owner sebuah blog. Contact Us juga mempunyai banyak sebutan lain, contohnya Hubungi, Hubungi Kami, Contact Me, dan lain-lain.

Form Contact Us juga berguna untuk dapat diterima di Google Adsense. Kali ini saya akan memberikan tutorial bagaimana Cara Membuat Form Contact Us di Blog. Cara membuatnya sangat gampang karena kita akan memakai pihak ketiga yaitu 123FormBuilder. Penasaran bagaimana cara membuatnya ? Simak dibawah ini.

Cara Membuat Form Contact Us di Blog

1. Pertama-tama anda harus membuat sebuah akun di web 123FormBuilder.

2. Jika sudah membuat akun, maka akan seperti ini tampilannya

3. Ke menu Dashboard kemudian klik New Form

4. Karena kita akan membuat form Contact Us, silahkan pilih Visitor Interaction Form

5. Maka akan muncul seperti ini, jika dilihat-lihat form ini sudah berbentuk form Contact Us. Tinggal kita edit sedemikian rupa agar menjadi Form Contact Us

6. Untuk mengedit Text nya, kalian klik Text yang akan di edit (contohnya saya akan edit Text Headernya). Klik 2x text yang ingin di edit kemudian pilih Edit Text

7. Kalian juga bisa mengedit text yang ada dibawah Header, contohnya seperti ini
Kalian juga bisa mengganti Font, mengubah align text menjadi rata kiri, rata tengah dan rata kanan. Bahkan kalian bisa menambahkan gambar

8. Jika sudah puas mengedit textnya pilih save

9. Untuk menghapus kolom yang tidak berguna, kalian klik kolomnya kemudian pilih delete

10. Karena kita akan membuat Form Contact Us, maka kita cuma membutuhkan nama, email, dan isi pesannya serta verifikasi bukan robot agar tidak terjadi spam

11. Selanjutnya ke menu Settings > Notifications 
Fungsi notifications adalah untuk memberitahu anda jika ada yang mengirim pesan lewat form contact us, pesan tersebut akan dikirim melalui email anda

12. Untuk From Name, ubah 123FormBuilder menjadi nama Blog Anda dan Message Subject ubah 123FormBuilder menjadi Contact Us / Hubungi Kami atau terserah kalian. Agar memudahkan kita jika ada email masuk itu tandanya dari form contact us blog kita

13. Selanjutnya ke menu Settings > Thank You Page

14. Kalian edit textnya menjadi kalimat terserah kalian, contohnya seperti dibawah ini. Kemudian save

15. Kemudian ke menu Publish > Embed Code

16. Kalian pilih Javascript dan klik Copy Code kemudian paste di notepad kalian

17. Untuk mengganti nama formnya, kalian ke menu My Forms dan pilih form yang mau diubah namanya. Klik logo 3 titik di kanan form dan pilih rename
Nah form contact us nya sudah jadi, langkah selanjutnya tinggal memasangnya di blog kita

18. Selanjutnya login ke Blogger.com

19. Kemudian ke menu Pages / Halaman > New Page / Halaman Baru

20. Isi title dan pilih tab HTML kemudian paste kode form contact us tadi. Kemudian publish

21. Untuk melihatnya klik saja view yang ada dibawah nama page / halaman form contact us yang anda buat tadi

22. Done :D

Sebenarnya banyak web pihak ketiga yang bisa membantu kita untuk membuat form contact us di blog. Karena saya memakai 123FormBuilder jadi saya membuat artikel ini juga memakai 123FormBuilder. Oke itu saja artikel saya Cara Membuat Form Contact Us di Blog. Sampai jumpa di postingan saya berikutnya. See you later
Previous
Next Post »
Load comments