Solusi Jitu Dan Simple Mengatasi Error Contact Form

Menurut saya, tidak lengkap rasanya jika sebuah web atau blog tidak memiliki contact form, ibarat rumah yang seseorang tidak bisa bertamu. Namun memang di sebagian web atau blog mendapatkan kendala ketika memasangkan contact form, bisa dari kode yang salah maupun karena contact form yang tidak support.

Seperti halnya Github Pages yang berupa website statis HTML yang memiliki kendala dalam pemasangan contact form karena tidak bisa menggunakan contact form php (karena php harus dihosting sendiri). Untuk itu diperlukan bantuan pihak ketiga untuk contact form.

Nah ternyata ada solusi yang jitu dan simple untuk mengatasi error contact form ini. Masih menggunakan pihak ketiga namun cukup simple karena tidak perlu registrasi akun dan hanya perlu menuliskan sebaris kode pada contact form.

Adalah Formspree, sebuah layanan pengiriman email gratis yang tidak memerlukan kode php maupun javascript dan tidak memerlukan registrasi akun.

Cara menggunakan Fromspree cukup mudah, sebagai contoh biasanya contact form seperti di bawah ini.


<form id="contact_form" action="#" method="POST">
<label for="name">Your name:</label><br />
<input id="name" class="input" name="name" type="text" value="" size="30" /><br />
<label for="email">Your email:</label><br />
<input id="email" class="input" name="email" type="text" value="" size="30" /><br />
<label for="message">Your message:</label><br />
<textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br />
<input id="submit_button" type="submit" value="Send email" />
</form>


Kemudian silahkan tambahkan kode di bawah ini pada action form Anda.


https://formspree.io/your@email.com


Sehingga menjadi seperti di bawah ini.


<form id="contact_form" action="https://formspree.io/your@email.com" method="POST">
<label for="name">Your name:</label><br />
<input id="name" class="input" name="name" type="text" value="" size="30" /><br />
<label for="email">Your email:</label><br />
<input id="email" class="input" name="email" type="text" value="" size="30" /><br />
<label for="message">Your message:</label><br />
<textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br />
<input id="submit_button" type="submit" value="Send email" />
</form>


Ganti kode your@email.com dengan alamat email Anda.

Kemudian silahkan coba kirim pesan melalui contact form tersebut dan cek email Anda. Silahkan konfirmasi email Anda pada pesan masuk dari Formspree tersebut.

Selesai... hanya itu saja yang perlu dilakukan. Mudah bukan? Ini juga bisa dicoba di blogger atau wordpress jika Anda mendapatkan kendala di contact form.

Formspree menyediakan 1000 pesan masuk dari sebuah contact form setiap bulannya. Jika kurang, Anda bisa mendaftar akun Gold.

Formspree: https://formspree.io/

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments