Pemasangan halaman 'Contact Us' pada sebuah situs sangatlah penting. Oleh karenanya, hampir setiap situs pasti melengkapi halaman ini. Untuk membuat halaman ini pun bisa dibilang mudah-mudah susah. Susah jika tidak mengetahui caranya dengan benar. Dan akan terasa mudah, jika mengetahui triknya.
Tidak bisa dipungkiri bahwa banyak sekali tutorial-tutorial yang banyak menjelaskan cara memasang formulir kontak tersebut, terlebih jika diletakkan di halaman statis. Namun demikian kebanyakan tutorialnya masih standar sehingga menjadikan seseorang sulit untuk memasangnya.
Belum lagi, setelah dipraktekkan tutorial tersebut ternyata mengalami eror, baik karena ada missingnya atau memang di luar teknis. Kejadian eror ini pun hampir dirasakan oleh banyak blogger. Jika ini benar, tentu ada hal yang salah. Biasanya bentuk erornya adalah formulir tersebut tidak bisa untuk mengirim pesan email. Maka untuk mengatasi formulir kontak tidak bisa mengirim pesan atau eror, Ngonline06 akan berbagi trik sekaligus solusi mudah saat mendapati formulir kontak eror.
Resep milik kang Adhy Suryadi ini bisa dibilang ampuh mengingat resep ini memakai jasa pihak ketiga (formspree), sehingga sahabat Ngonline06 tidak perlu otak-atik HTML yang dikhawatirkan menjadikan rusak blog sahabat.
Jangan khawatir, untuk pihak ketiga yang digunakan pada solusi yang hendak Ngonline06 bagikan ini tidak pake daftar, alias langsung pake dan comot saja. Inilah kelebihan yang bisa dibilang langka dibandingkan memakai jasa pihak ketiga lainnya. Sahabat cukup memasang satu baris kode dan formulir kontak langsung bisa dipakai.
Biasanya saat sahabat Ngonline06 memasang formulir kontak, maka kode yang dipakai adalah sebagai berikut:
Maka, dari kode di atas, sahabat Ngonline06 cukup menambahkan satu baris kode, yaitu:
Jika digabungkan, maka akan menjadi seperti di bawah ini. Silahkan pasangkan kode di bawah ini tepat di halaman statis sahabat (Contact Us):
Sekarang sahabat telah memiliki formulir kontak dan tentunya tidak EROR. Untuk membuktikannya, silahkan sahabat Ngonline06 memakai formulir kontak tersebut untuk berkirim email dan silahkan lihat di inbox email. Demikian solusi mudah atau cara mengatasi saat formulir kontak eror. Semoga bermanfaat dan jika ada kesulitan, silahkan coret-coret di kotak komentar.
Update 6/6/16
Agar tidak diredirect ke laman formspree, tambahkan kode di bawah ini setelah kode formspree di atas:
Baca: Cara Mudah Memasang Formulir Kontak di Halaman Statis
Tidak bisa dipungkiri bahwa banyak sekali tutorial-tutorial yang banyak menjelaskan cara memasang formulir kontak tersebut, terlebih jika diletakkan di halaman statis. Namun demikian kebanyakan tutorialnya masih standar sehingga menjadikan seseorang sulit untuk memasangnya.
Belum lagi, setelah dipraktekkan tutorial tersebut ternyata mengalami eror, baik karena ada missingnya atau memang di luar teknis. Kejadian eror ini pun hampir dirasakan oleh banyak blogger. Jika ini benar, tentu ada hal yang salah. Biasanya bentuk erornya adalah formulir tersebut tidak bisa untuk mengirim pesan email. Maka untuk mengatasi formulir kontak tidak bisa mengirim pesan atau eror, Ngonline06 akan berbagi trik sekaligus solusi mudah saat mendapati formulir kontak eror.
Wah, Pake Daftar Donk?
Jangan khawatir, untuk pihak ketiga yang digunakan pada solusi yang hendak Ngonline06 bagikan ini tidak pake daftar, alias langsung pake dan comot saja. Inilah kelebihan yang bisa dibilang langka dibandingkan memakai jasa pihak ketiga lainnya. Sahabat cukup memasang satu baris kode dan formulir kontak langsung bisa dipakai.
Cara Mudah Mengatasi Formulir Kontak Eror
Biasanya saat sahabat Ngonline06 memasang formulir kontak, maka kode yang dipakai adalah sebagai berikut:
<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>
Maka, dari kode di atas, sahabat Ngonline06 cukup menambahkan satu baris kode, yaitu:
https://formspree.io/your@email.com
Jika digabungkan, maka akan menjadi seperti di bawah ini. Silahkan pasangkan kode di bawah ini tepat di halaman statis sahabat (Contact Us):
<form id="contact_form" action="https://formspree.io/your@email.com" method="POST">Keterangan: Silahkan ganti your@email.com dengan alamat email sahabat sendiri.
<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>
Sekarang sahabat telah memiliki formulir kontak dan tentunya tidak EROR. Untuk membuktikannya, silahkan sahabat Ngonline06 memakai formulir kontak tersebut untuk berkirim email dan silahkan lihat di inbox email. Demikian solusi mudah atau cara mengatasi saat formulir kontak eror. Semoga bermanfaat dan jika ada kesulitan, silahkan coret-coret di kotak komentar.
Update 6/6/16
Agar tidak diredirect ke laman formspree, tambahkan kode di bawah ini setelah kode formspree di atas:
<input type="hidden" name="_next" value="URL HALAMAN THANKS" />Keterangan: URL Halaman Thanks maksudnya adalah halaman yang berisi teks telah terkirim. Sahabat juga bisa mengisi dengan alamat contact us jika langsung diredirect ke halaman semula.
No comments
Silahkan berkomentar dengan baik.