Cara Mengatasi Contact Form Blogger Tidak Berfungsi

Contact Form Blogger Tidak Berfungsi? - Kali ini saya akan membahas cara memperbaiki halaman contact form blogger yang tidak berfungsi saat mengirim pesan atau terjadi error.

Pada mulanya saya ingin mengirim pesan kesesama blogger lain melalui halaman contact form untuk bertanya terkait program partner blogger yang mereka sediakan. Tapi ketika saya klik tombol kirim hampir sebagian dari formulir kontak gagal mengirim pesan selalu sending.

Ternyata termasuk halaman kontak inputekno yang juga error tidak dapat mengirim pesan ketika saya test. Karena penasaran saya searching dan ternyata memang ada beberapa masalah penyebab formulir kontak blogger tidak bisa mengirim pesan.

Penyebab Formulir Kontak Blogger Tidak Berfungsi

Dari hasil penelusuran saya di google, penyebab formulir kontak blogger tidak dapat mengirim pesan dikarenakan update terbaru JS Blogger yang menggunakan token akses.

Hal tersebut berdampak pada formulir kontak blog yang menggunakan custom template blogger dan menonaktifkan fungsi javascript widgets.js blogger atau tidak menyertakan widget build Blogger.

Memperbaiki Formulir Kontak Blogger

Ada beberapa solusi untuk memperbaiki formulir kontak blogger yang tidak bisa digunakan tersebut, yaitu mengaktifkan fungsi default widget.js atau menggunakan layanan formulir pihak ketiga.

Solusi 1: Megaktifkan Fungsi Javascript widget.js Blogger

1. Pertama, silakan login ke blogger.com
2. Edit halaman kontak kamu, lalu hapus js formulir kontak di dalamnya

3. Kemudian Klik 'Perbarui'

   
4. Lanjut pada dashboard blogger, klik menu 'Tata Letak'
5. Lalu Klik 'Tambahkan Gadget', bebas mau dimana aja
6. Pilih 'Formulir Kontak' dan Klik Simpan

Langkah berikutnya masuk pada bagian Menu Edit HTML, disini kita akan mengaktifkan fungsi Javascript widget.js Blogger sekaligus menyembunyikan formulir kontak pada tampilan tata letak yang tadi ditambahkan.

1. Pada dashboard blogger, klik menu 'TEMA'
2. Klik 'Tanda Panah Bawah', lalu Klik 'EDIT HTML'

3. Cari kode &lt;!--</body>--&gt;&lt;/body&gt; ubah menjadi </body>

   /* ubah kode ini */
     &lt;!--</body>--&gt;&lt;/body&gt;
   
     /* menjadi */
     </body>

4. Selanjutnya cari kode ContactForm1
5. Di bawah kode ContactForm1 terdapat kode <b:include name='content'/>

6. Tambhakan CSS berikut tepat di bawahnya, seperti ini

   

   /* Sebelumnya */
     <b:include name='widget-title'/>
     <b:include name='content'/>
     </b:includable>
   
     /* menjadi */
     <b:include name='widget-title'/>
     <b:include name='content'/>
      <style type='text/css'>
          #ContactForm1{display:none;}
      </style>
     </b:includable>

7. Jika sudah klik 'SIMPAN'

Fungsi CSS tersebut adalah untuk menyembunyikan formulir kontak yang di tampilkan pada tata letak, karena dalam kasus ini kita akan tetap menggunakan formulir kontak blogger yang ada pada halaman statis.

Solusi 2: Menggunakan Layanan Pihak Ketiga

Solusi kedua adalah menggunakan layanan formulir kontak pihak ketiga, ada banyak layanan pihak ketiga untuk membuat formulir kontak gratis.

Seperti Google Formulir atau Jotform yang bisa digunakan untuk membuat contact form blogger yang kemudian disematkan kedalam halaman blog.

Atau kamu bisa membuat contact form sendiri agar terlihat lebih rapih dan profesional, seperti halaman formulir kontak dengan reCaptcha dan Upload File yang pernah saya bagikan sebelumnya.

Penutup

Nah itu tadi Cara Mengatasi Contact Form Blogger Tidak Berfungsi. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan tips ini.