Cara Mudah Membuat Form Contact Us di Blog

Cara Mudah Membuat Form Contact Us di Blog - Membuat form contact us/hubungi kami biasanya disediakan oleh pemilik blog untuk para pengunjung yang ingin berinteraksi langsung kepada admin pemilik blog lewat email. Membuat form contact us cukup mudah sekali, dengan menggunakan jasa situs yang menyediakan pembuatan Contact Us seperti 123contactform.com. Sebenarnya banyak sekali situs yang menyediakan pembuatan form Contact Us, tetapi menurut saya yang lebih bagus dan simple hanya di 123contactform.com. Ok, tanpa perlu panjang lebar untuk sobat yang ingin tahu cara membuatnya, sobat bisa simak caranya sebagai berikut.


Cara Membuat Form Contact Us di Blog :

1. Pertama, masuk dan sign up/daftar di 123contactform.com. Isikan data sobat dengan baik dan benar.

2. Setelah daftar, buka email sobat untuk mengonfirmasi akun hasil daftar tadi.

3. Login 123contactform.com dengan akun yang telah dibuat tadi. Kemudian masuk ke "Dashboard" tepatnya di "My Account".

4. Pilih "Create New Form".

5. Kemudian Pilih "Contact & Lead Form". Setelah itu ikuti perintah yang diberikan, Seperti mengisi nama form Contact Us, mengatur penampilan, tata letak dan lain sebagainya.

6.  Jika sudah, copy HTML/Javascript form Contact Us yang ada di menu "Embed Code". Biasanya kodenya seperti ini.

<!-- www.123contactform.com script begins here -->
        
<script type="text/javascript">var servicedomain="www.123contactform.com"; var frmRef=''; try { frmRef=window.top.location.href; } catch(err) {}; var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/includes/easyXDM.min.js' type='text/javascript'%3E%3C/script%3E")); frmRef=encodeURIComponent(frmRef).replace('%26','[%ANDCHAR%]'); document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/jsform-889621.js?ref="+frmRef+"' type='text/javascript'%3E%3C/script%3E")); </script>

<p>Powered by <a class="footerLink13" title="123ContactForm" href="http://www.123contactform.com">123ContactForm</a> | <a style="font-size:small!important;color:#000000!important; text-decoration:underline!important;" title="Looks like phishing? Report it!" href="http://www.123contactform.com/sfnew.php?s=123contactform-52&control119314=http:///contact-form--889621.html&control190=Report%20abuse" rel="nofollow">Report abuse</a></p><!-- www.123contactform.com script ends here -->

7. Buat halaman baru di blog, kemudian pastekan kode tersebut di postingan bagian HTML (bukan Compose). Setelah itu Simpan dan Publikasikan.

8. Setelah di Publikasikan, Copy url address Contact Us tadi di Header atau di mana saja yang sobat inginkan.

9. Selesai. Semoga bermanfaat... :)