auhtor

Andre Rio 09 Apr 2021

Cara Membuat Newsletter Di Website








Cara Membuat Newsletter Di Website - Website kita tidak akan lengkap bilah tidak mempunyai fitur Newsletter hampir semua website mempunyai fitur Newsletter yang di pasang pada website mereka ada macam-macam seperti mengunakan plugin atau membuat nya dari awal ( coding ).

Pada CMS blogger dan wordpress sudah tersedia fitur Newsletter tersebut secara default ya karena mengunakan CMS tentunya sudah menjadi lebih mudah. Tapi bagaimana bilah wesbite kita tidak mengunakan CMS seperti website wibucode yang hanya mengunakan Html,CSS,Javascript dan Hugo tentu tidak ada fitur Newsletter secara default jadi kita perlu membuat nya.

Oh ya di sini kita tidak perlu membuat nya dari awal seperti kodinganya, kita akan mengunakan platform dari pihak ke 3 yang menyedia Newsletter nya.

Sebenarnya banyak sekali platform" penyedia Newsletter yang bisa kalian gunakan dan tetunya di setiap paltform feature-feature nya juga beda ada kelebihan dan kekuaranganya. Contoh platform penyedia Newsletter laimya emailjs,mailerlite,kirim.email, dan Google Sheet



Cara Mengunakan Newslleter Dari Formspree


Pertama silahkan buka website ini formspree.io


img


Lalu login terlebih dahulu, bagi yang belum membuat akun silahkan di buat dulu.

Jika sudah kamu akan masuk ke dashborad nya.


img


Karena di sini saya sudah pernah membuat Newsletter nya maka akan muncul tampilan seperti di gambar.

Jika ingin membuat Newsletter klik tombol New Project di samping tombol New Form.

Lalu masukan nama project yang ingin di gunakan sebagai contoh saya mengunakan nama Wibucoding saja lalu create new project


img


Selanjut nya kita akan membuat form nya klik tombol New Form di sebelah tombol New Project.


img


Isi nama form nya lalu di bawahnya ada nama project yang kita buat tadi dan email yang kita gunakan pada saat pertamakali login kemudian jika sudah Create Form maka akan di arahkan ke halaman berikut ini.


img


Sebenarnya hanya perlu copypaste url nya saja lalu pasangkan di form input html yang kalian buat jika sudah punya.

Namun jika belum punya, scrool kebawah akan di berikan opsi mau mengunakan HTML,Ajax,React,File Uploads,Formbutton silahkan explorasi sendiri sesuai kebutuhan.


img


Karena di sini kita hanya mengunakan versi HTML biasa saja, silahkan copypaste di website tadi atau di bawah ini.

<!-- modify this form HTML and place wherever you want your form -->

<form
  action="https://formspree.io/f/xvodovaw"
  method="POST">
  <label>
    Your email:
    <input type="email" name="_replyto">
  </label>
  <label>
    Your message:
    <textarea name="message"></textarea>
  </label>

  <!-- your other form fields go here -->

  <button type="submit">Send</button>
</form>


Note: Ganti url https://formspree.io/f/xvodovaw dengan url punya kalian.

Maka tampilanya sebagai berikut.


img


Masih sangat berantakan ya tapi tenang aja kok kalian bisa menghiasnya mengunakan css atau bootstrap, karena ini hanya sebagai contoh.

Sekarang kita uji coba apakah sudah berhasil atau belum.


img


Masukan email dan pesan yang mau di kirimkan kemudian send.


img


Berhasil Newsletter nya sudah jadi tanpa ada kendala dan siap di gunakan.



Untuk mengecek Newsletter sudah masuk apa belum kembali ke halaman dashboard => lalu klik 1 rows artinya ada 1 submission yang tadi kita coba.

Dan selamat mencoba…






🚀 Komentar




Banner