Selamat Ulang Tahun HUT RI ke 77 Disini Review

Memperbaiki Form Contact Blogger Error

Daftar isi

Memperbaiki Form Contact Blogger Error

Cara Memperbaiki Form Contact Blogger Error - Asep Media Blogger, Sahabat dengan adanya update dari blogger sehingga menyebabkan form contact blogger stuck dan pesan tidak terkirim, kali ini admin akan memberikan alternatif alias pilihan lain untuk menggunakan script form contact pihak ketiga dengan menggunakan Formspree.

Mungkin sebagian juga sudah ada yang menjelaskan seperti di kutip dari blognya bang Wendycode disana juga sudah di jelaskan bagaimana cara memperbaiki form contact blogger yang error.

Alternatif Memperbaiki Form Contact Blogger Error

Namun admin juga akan mengupdate form contact blogger agar tidak error, ketika ada pengunjung yang mengirim pesan melalui form contact blogger.

Baik saya akan memberikan cara dan juga tutorial untuk memperbaikinya namun sebelumnya alangkah baiknya, admin juga mengingatkan form contact itu sangat penting untuk tidak error, karena apa ? Karena ketika adakala pengunjung mau mengirim pesan, kalau pesan nya tidak terkirim bagaimana ?

Adakalanya juga kan setiap blog pasti akan memiliki pengunjung yang terbiasa mengirim pesan kepada blog yang sering di kunjunginya.

Baik untuk cara menggunakan script form contact blogger dari pihak ketiga formspree ini, Kalian harus registrasi terlebih dahulu ke situs formspree nya untuk mengambil link yang nantinya akan dimasukan kedalam script form contact blogger yang akan di taruh maupun di simpan di halaman statis form contact blogger.

Cara Memperbaiki Form Contact Blogger Error

Mari kita langsung saja simak pada tutorial dan cara memperbaiki form contact blogger yang error dengan formspree.

  1. Pertama Kalian buka situs formspree.io
  2. Kemudian setelah terbuka klik Get StartedMemperbaiki Form Contact Blogger Error
  3. Dan isi form pendaftaran formspreeMemperbaiki Form Contact Blogger Error
  4. Buka email Kalian dan klik Verify EmailMemperbaiki Form Contact Blogger Error
  5. Setelah itu login dan berhasil login kalian tinggal klik + New Form dan salin link yang sudah di berikan. Memperbaiki Form Contact Blogger Error
  6. Setelah link tersebut di copy, pergi ke dashboard blogger dan menuju menu halaman dan cari contact kemudian edit dan pindahkan tampilannya ke mode Edit HTML
  7. Setelah di salin script kode form contact blogger nya Kalian ganti link (https://formspree.io/f/xpzbvygo) dengan punya Kalian yang dari formspree.
  8. Setelah itu semuanya sudah di tempelkan ke Halaman contact blogger kalian klik perbaruiMemperbaiki Form Contact Blogger Error
  9. Berikut ini adalah script form contact bloggernya setelah Kalian salin tempel ke halaman yang ada di blogger dengan nama contact.
  10. Selesai.
<form action="https://formspree.io/f/xpzbvygo" id="my-form" method="POST">
  <label>Email:</label>
  <input name="email pengirim :" type="email" />
  <label>Pesan:</label>
  <input name="Isi pesan :" type="text" />
  <button id="my-form-button">Kirim</button>
  <p id="my-form-status"></p>
</form>
<!--Place this script at the end of the body tag-->
<script>
    var form = document.getElementById("my-form");
    
    async function handleSubmit(event) {
      event.preventDefault();
      var status = document.getElementById("my-form-status");
      var data = new FormData(event.target);
      fetch(event.target.action, {
        method: form.method,
        body: data,
        headers: {
            'Accept': 'application/json'
        }
      }).then(response => {
        if (response.ok) {
          status.innerHTML = "Pesan Telah terkirim";
          form.reset()
        } else {
          response.json().then(data => {
            if (Object.hasOwn(data, 'errors')) {
              status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
            } else {
              status.innerHTML = "Oops! Terjadi kesalahan saat akan mengirim pesan"
            }
          })
        }
      }).catch(error => {
        status.innerHTML = "Oops! Terjadi kesalahan saat akan mengirim pesan"
      });
    }
    form.addEventListener("submit", handleSubmit)
</script>

Script diatas adalah script pengganti form contact bawaan template, Karena kebetulan yang bawaan sudah tidak berfungsi karena adanya update dari blogger.

Padahal saya itu suka sekali menggunakan yang bawaan template ya karena script widget contact nya ada update dari blogger jadi tidak bisa digunakan.

Dan sebenarnya ada cara lain lagi seperti menggunakan pihak ketiga aplikasi form contact us seperti yang ada di fitur apps di Cloudflare. Anda bisa mencobanya sendiri karena itu sangat praktis, Anda tidak perlu memasang script atau membuat halaman contact dimenu halaman yang ada pada dashboard blogger, tinggal install aplikasinya dan konfigurasi aplikasinya selesai form contact otomatis terpasang di blog maupun website Kalian.

Akhir Kata

Demikian tutorial cara Memperbaiki Form Contact Blogger yang Error karena adanya update dari blogger terimakasih kepada Ka Agis dan WendyCode member Jagodesain yang sudah memberitahu saya untuk cara memperbaikinya, semoga tutorial ini bermanfaat dan jangan lupa di share kepada teman-teman lainnya.
"Saya hanyalah orang biasa yang gemar membaca, cita-cita ingin mendapatkan passive income tanpa kerja di kantoran"

Posting Komentar