URL Kirim Email Langsung Via Gmail Untuk Kontak Admin Yang Simple

Sebenarnya sebelumnya saya sudah membagikan solusi mudah untuk membuat kontak email dengan mailto: namun dengan itu kita harus mensetting Microsoft Outlook bagi pengguna OS Windows untuk menangani pengiriman email dari link mailto:

Dengan URL kirim email langung via Gmail, maka pengunjung yang juga menggunakan Gmail akan lebih mudah untuk mengirimkan email ke admin blog seperti contoh di bawah ini.

Send email with Gmail

Nah bagi yang ingin mencoba menggunakannya, silahkan gunakan URL berikut:

https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=emailanda@gmail.com

Silahkan sesuaikan kode emailanda@gmail.com dengan alamat email Anda.

Berikut jika Anda ingin menggunakannya dengan ikon Gmail seperti contoh di atas, silahkan gunakan kode berikut ini:

<a href="https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=emailanda@gmail.com" target="_blank" rel="nofollow noopener" title="Send email with Gmail">

<svg width="24" height="24" viewBox="0 0 48 48" class="gmail-icon"><g><path fill="#E0E0E0" d="M 5.5 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 Z "></path><path fill="#D9D9D9" d="M 26 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 Z "></path><path fill="#EEEEEE" d="M 6.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 Z "></path><path fill="#E0E0E0" d="M 25.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 L 18.769531 31.617188 Z "></path><path fill="#CA3737" d="M 42.5 9.5 L 5.5 9.5 C 3.566406 9.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 L 7 40.5 L 7 12 L 41 12 L 41 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 9.5 42.5 9.5 Z "></path><path fill="#F5F5F5" d="M 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.035156 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.035156 44.433594 7.5 42.5 7.5 Z "></path><path fill="#E84F4B" d="M 43.246094 7.582031 L 24 21 L 4.753906 7.582031 C 3.179688 7.917969 2 9.296875 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.296875 44.820313 7.917969 43.246094 7.582031 Z "></path></g></svg> <span>Send email with Gmail</span>

</a>

Dan tambahkan CSS berikut agar ikon SVG Gmail rata tinggi dengan teks.

.gmail-icon{vertical-align:middle}

Semoga bermanfaat.