Formulir Kontak Blogger Alternatif 2024

Bagi para blogger, formulir kontak adalah salah satu elemen penting dalam menjaga komunikasi dengan pembaca. Namun, beberapa dari kalian mungkin mengalami masalah dengan formulir kontak yang tidak lagi berfungsi di platform Blogger. Hal ini bisa menjadi frustrasi, terutama jika kalian mengandalkan formulir tersebut untuk menerima umpan balik, pertanyaan, atau kolaborasi dari pembaca kalian. Namun, jangan khawatir, karena ada solusi alternatif yang dapat kalian gunakan: formsubmit.co.

Mengapa Formulir Kontak Blogger Tidak Bisa Digunakan Lagi?

Ada beberapa alasan mengapa formulir kontak di Blogger mungkin tidak berfungsi lagi. Beberapa di antaranya termasuk perubahan dalam kebijakan privasi atau keamanan, Blogger telah melakukan update pada sistem kontak form dengan menambahkan akses token yang berbeda setiap kali melakukan pengiriman form. Hal ini membuat developer template yang saat ini menghindari penggunaan Javascript bundle dari Blogger kesulitan mengintergrasikan template dengan sistem yang baru ini. Jika template Kalian masih menggunakan JS bundle asli dari blogger, maka seharusnya tidak mengalami masalah pada kontak form Kalian.

Alternatif Formulir Kontak Blogger

Kali ini saya akan berbagi cara mengaktifkan formulir kontak blogger dengan menggunakan formulir pihak ketiga yaitu formsubmit.co. Saya memilih cara ini karena cenderung mudah dan tidak perlu melakukan banyak perubahan pada template yang sudah ada. Sehingga sambil menunggu jika kedepan kontak form bisa kembali digunakan tanpa menggunakan/memasang Javascript bundle dari Blogger.

Formsubmit.co adalah solusi alternatif yang dapat kalian pertimbangkan untuk menggantikan formulir kontak yang tidak bisa digunakan lagi di Blogger. Formsubmit.co adalah layanan gratis yang memungkinkan kalian membuat formulir kontak yang mudah digunakan dan dapat disesuaikan dengan kebutuhan kalian. Berikut adalah beberapa alasan mengapa kalian mungkin ingin mempertimbangkan menggunakan Formsubmit.co:

1. Mudah Digunakan

Untuk memasang formulir formsubmit.co kalian hanya perlu mengganti url form yang sebelumnya tanpa mengubah bagian lain pada template kalian.

2. Customizable

Tanpa mengubah kode yang lain tentunya membuat formsubmit.co bisa dikustom sesuai keinginan atau mengikuti form yang sudah ada.

3. Pemberitahuan Email

Setiap kali seseorang mengirimkan pesan melalui formulir kontak kalian, kalian akan menerima pemberitahuan melalui email. Ini memastikan bahwa kalian tidak akan kehilangan pesan dari pembaca kalian.

4. Anti-Spam

Formsubmit.co dilengkapi dengan perlindungan anti-spam yang membantu mencegah pengiriman pesan yang tidak diinginkan atau mencurigakan.

5. Gratis

Formsubmit.co adalah layanan gratis yang dapat kalian gunakan tanpa biaya tambahan. Ini sangat cocok untuk para blogger yang ingin menyediakan formulir kontak tanpa harus mengeluarkan biaya tambahan.

Cara Menggunakan Formsubmit.co pada Formulir Kontak Blogger

Memasang Formsubmit.co di Blogger cukup mudah. Berikut langkah-langkahnya:

• Step 1 : Silahkan buka halaman tempat kalian menyimpan Formulir Kontak, Biasanya di halaman statis. Contoh untuk blog ini pada https://www.kuymase.com/p/contact-us.html. Untuk kodenya kurang lebih seperti berikut ini.

<div class='ContactForm s-2' id='ContactForm1'>
  <form name='cForm'>
    <div class='cArea'>
      <label>
        <input class='cInpt cName' id='ContactForm1_contact-form-name' name='name' type='text'/>
        <span class='n req'>Name</span>
      </label>
    </div>
    <div class='cArea'>
      <label>
        <input class='cInpt cMail' id='ContactForm1_contact-form-email' name='email' type='email'/>
        <span class='n req'>Email</span>
      </label>
      <span class='h'>Valid email required</span>
    </div>
    <div class='cArea'>
      <label>
        <textarea class='cInpt cMsg' id='ContactForm1_contact-form-email-message' name='message' rows='3'></textarea>
        <span class='n req'>Message</span>
      </label>
      <span class='h'>Empty messages not accepted</span>
    </div>
    <div class='cArea'>
      <input class='cBtn' id='ContactForm1_contact-form-submit' type='button' value='Submit' />
    </div>
    <div class='cArea nArea'>
      <p class='cNtf' id='ContactForm1_contact-form-error-message'></p>
      <p class='cNtf' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

• Step 2 : Tambahkan atribute action='https://formsubmit.co/email_kalian' dan method='POST' pada tag Form

Ganti email_kalian dengan email yang ingin kalian gunakan untuk menerima email. Contoh yang saya gunakan adalah https://formsubmit.co/[email protected]

• Step 3 : Ganti nilai atrribute pada tombol kirim dari sebelumnya type="button" menjadi type="submit" Sehingga hasil akhirnya menjadi seperti ini.

<div class='ContactForm s-2' id='ContactForm1'>
  <form name='cForm' action='https://formsubmit.co/[email protected]' method='POST'>
    <div class='cArea'>
      <label>
        <input class='cInpt cName' id='ContactForm1_contact-form-name' name='name' type='text'/>
        <span class='n req'>Name</span>
      </label>
    </div>
    <div class='cArea'>
      <label>
        <input class='cInpt cMail' id='ContactForm1_contact-form-email' name='email' type='email' required/>
        <span class='n req'>Email</span>
      </label>
      <span class='h'>Valid email required</span>
    </div>
    <div class='cArea'>
      <label>
        <textarea class='cInpt cMsg' id='ContactForm1_contact-form-email-message' name='message' rows='3'></textarea>
        <span class='n req'>Message</span>
      </label>
      <span class='h'>Empty messages not accepted</span>
    </div>
    <div class='cArea'>
      <input class='cBtn' id='ContactForm1_contact-form-submit' type='submit' value='Submit' />
    </div>
    <div class='cArea nArea'>
      <p class='cNtf' id='ContactForm1_contact-form-error-message'></p>
      <p class='cNtf' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

• Step 4 : Silahkan simpan dan lakukan pengetesan pada kontak form baru kalian.
• Step 5 : Pada pertama kali submit form. Kalian akan menerima email verifikasi pada Kotak masuk email Kalian.





Email Aktivasi formsubmit.co (Gambar: Tangkapan layar - kuymase.com)



• Step 6 : Lakukan Aktivasi dengan menekan tombol Activate Form.





Email Aktivasi formsubmit.co (Gambar: Tangkapan layar - kuymase.com)



• Step 7 : Sekarang Formulir Kontak Blogger kalian sudah bisa digunakan. Tampilan email saat seseorang melakukan submit pada Formulir Kontak seperti berikut ini.





Email masuk formsubmit.co (Gambar: Tangkapan layar - kuymase.com)

Demikian tutorial singkat mengatasi masalah formulir kontak yang tidak bisa digunakan lagi di Blogger. Dengan solusi ini, kalian dapat menjaga komunikasi yang lancar dengan pembaca kalian dan terus membangun komunitas yang kuat di sekitar blog kalian.