Cara Agar Gmail Mengirim Email untuk Blog WordPress Milikmu

Mengirim Email dari Wordpress

Membuat WordPress bisa mengirim email sebenarnya gampang susah. Gampang karena WordPress secara bawaan memang mampu mengirimkan email notifikasi ke usernya. Susah karena email tersebut seringkali masuk ke folder SPAM. Email tersebut masuk SPAM karena menggunakan SMTP yang kurang kredibel, sehingga semua email yang dikirim menggunakan SMTP itu akan dianggap SPAM. Pada tutorial ini saya akan memberitahukan cara agar blog wordpress bisa mengirimkan email menggunakan gmail dan email tersebut tidak dianggap sebagai spam.

Setting WP Admin SMTP di Blogmu

  1. Install dulu plugin WP Mail SMTP kemudian aktifkan
  2. Masuk ke Settings WP Mail SMTP pada Tab General. Pada bagian
    From Email : diisi dengan alamat gmail milikmu
    From Name : diisi dengan nama pengirim email.
    Opsi Force Name bisa dicentang jika kamu ingin.
  3. Pada bagian Mailer pilih Gmail
  4. Bagian selanjutnya yaitu Client ID, Client Secret, dan Authorized redirect URI akan diisi setelah kita membuat Web App di google. Saat ini kosongi saja dulu
    WP Admin Settings
  5. Tekan tombol Save Settings

Membuat Web App di Google Developer

Pada bagian ini kamu akan membuat Web Application Gmail dan menghubungkannya dengan blogmu melalui Client ID, Client Secret. Oke, sekarang kita lanjut ke langkah berikutnya.

  1. Masuk ke Google Console Developer dengan menggunakan alamat emailmu. Jika kamu pertama kali masuk ke Google Console Developer maka akan tampil verifikasi dari google seperti gambar dibawah
    verifikasi google
    Ikuti saja langkah-langkah yang diminta oleh google.
  2. Setelah masuk Pada bagian Dasbor, buat API baru untuk blog wordpressmu.
    Buat-project-google-developer-console
  3. Isikan nama project dengan WP Mail SMTP. Kemudian klik tombol Buat
    project-wp-mail-smtp
  4. Aktifkan API Google untuk project WP Mail SMTP
    Aktifkan-API-Google
  5. Pilih Gmail API
    API Gmail
  6. Buat kredensial. Kredensial ini adalah Client ID, Client Secret yang akan kamu masukkan ke blog wordpress-mu nanti.
    MEMBUAT-api-kredensial
  7. Isi form pertanyaan dari google sebagai berikut
    API mana yang anda gunakan : isi Gmail API
    Darimana anda akan memanggil API ini : isi Browser Web (Javascript)
    Data apa yang akan anda akses : pilih Data Pengguna
    Form Kredensial
    Klik tombol Kredensial apa yang saya butuhkan?
  8. Akan muncul tampilan pop up untuk membuat OAth Consent Screen. Ini adalah semacam screen pop up yang akan muncul di layar pengguna API tentang siapa yang akan mengakses data mereka dan memberikan persetujuan untuk akses tersebut.
    Layar Persetujuan OAuth
    Klik SIAPKAN LAYAR PERSETUJUAN
  9. Isi bagian ini sebagai berikut
    Authorized domain : isi dengan nama domainmu misalnya example.com
    Application Homepage link : isi dengan nama domainmu. Misalnya http://example.com
    Application Privacy link : isi dengan nama domainmu. Misalnya http://example.com
    Application Terms of Service link : isi dengan nama domainmu. Misalnya http://example.com
    Authorized Domain
    Klik tombol Save, dan kamu akan dibawah ke layar berikutnya
  10. Copy Authorized redirect URI di blog wordpress milikmu ke URI pengalihan yang sah di Google Developer Console
    Copy Authorized Redirect URI
    tekan Enter
  11. Setelah kamu menekan Enter, maka akan muncul tombol Refresh bagian paling bawah. Klik aja tombol itu
    Tombol Refresh
  12. Kemudian klik Tombol Creat OAuth Client ID
    tombol crate oauth client id
  13. Nah, kamu sudah selesai membuat Web App Gmail untuk mengirimkan email dari blog wordpress milikmu. Tapi jangan download kredensial. Klik tombol seperti gambar dibawah
    jangan download dulu
  14. Nah sekarang kita udah punya Client ID dan Client secret yang bisa dimasukkan ke blog wordpressmu. Untuk mendapatkan Client ID dan Client secret klik icon pencil. Atau jika kamu bingung, klik aja menu Credential yang ada di bagian samping kiri Google Console Developer dan kamu akan mendapatkan tampilan layar seperti dibawah ini
    edit-client-id
  15. Kamu akan mendapatkan Client ID dan Client Secret seperti gambar dibawah
    Client ID client secret
  16. Masukkakn Client ID dan Client Secret di atas ke WP Mail SMTP di web wordpress-mu
    Hati-hati, jangan sampai ada spasi yang ikut ter-copy. Harus benar-benar tanpa spasi !
    Client ID client secret di WordPress
    Klik Save Setting.
  17. Sekarang saat-nya kamu mengijinkan Web wordpress menggunakan account gmail milikmu untuk mengirim email notifikasi. Klik tombol Allow plugin to send emails using your Google account.
  18. Akan muncul login verifikasi Google seperti dibawah ini
    verifikasi google
    Klik tombol ya.
  19. Google akan mengirimkan angka verifikasi ke handphone-mu, ketuk angka di handphone sesuai dengan angka yang muncul di layar komputermu. Kamu hanya diberi waktu beberapa detik untuk melakukan itu, jadi sebaiknya, saat verifikasi, handphone-mu lagi ga lowbat atau mati 🙂
    Ikut saja semua petunjuk yang ditampilkan oleh google
  20. Nah, anggaplah, langkah 19 udah berhasil. Sekarang saatnya mencoba mengirim email dari blog wordpress.
  21. Dari Dashboard > WP Mail SMTP > Settings. Pilih tab Email Test
    Email Test
    Bagian Send to di isi dengan alamat email tujuan. Kemudian klik tombol Send
  22. Cek email sesuai yang dimasukkan di Sent to,jika ada email dari blog-mu itu artinya anda telah berhasil 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.