Cara menggunakan email html

Sebuah link atau tautan digunakan untuk menghubungkan satu halaman dengan lainnya. Link juga dapat difungsikan untuk memanggil aplikasi lain yang sudah terinstall pada perangkat. Pada HTML, Link atau hyperlink merupakan implementasi dari elemen HTML tag . Pada elemen tag ini, dapat digunakan untuk memanggil aplikasi email yang sudah terinstall seperti Gmail, Yahoo Mail, Outlook Express, Microsoft Outlook, Gmx Mail dan lainnya.

Link email merupakan suatu link atau tautan yang di dalamnya terdapat suatu alamat email. Saat pengguna melakukan klik pada tautan tersebut, maka aplikasi misalnya Gmail atau Microsoft Outlook akan terpanggil dan terbuka. Pada aplikasi tersebut, alamat email tujuan sudah diisi sesuai dengan alamat email yang sudah ditentukan sebelumnya.

Membuat Link Email Default Di Dalam HTML

Untuk membuat link email, digunakan elemen tag HTML berupa . Pada elemen tag tersebut atribut elemen berupa href (hyperlink reference) perlu ditetapkan yang berisi mailto:. Anda tidak perlu menggunakan isi berupa alamat URL, karena link referesi tersebut hanya akan memanggil halaman lain. Namun di sini tujuannya adalah untuk memanggil aplikasi lain (aplikasi email), jadi akan menggunakan mailto:

1
2
3
4
5
6
7
8
9
10
11

   Membuat Link Email Default

Membuat link email default di dalam HTML
Klik link berikut untuk mengirimkan email :
Kirim Email

Hasil Script :

Membuat link email default di dalam HTML

Klik link berikut untuk mengirimkan email :

Kirim Email

Berikut tampilan saat link email tersebut diklik (tampilan default tanpa isi apapun dari artibut mailto:) :

Membuat Link Email Dengan Alamat Email Tertentu

Pada contoh di atas masih berupa tampilan standar untuk berkirim email yaitu tanpa alamat email yang ditetapkan. Agar alamat email dapat secara otomatis muncul dan tampil saat aplikasi email terbuka. Anda perlu menambahkan alamat email pada atribut mailto:. Misalnya anda akan berkirim email kepada alamat email [email protected], maka penulisannya adalah mailto:[email protected]

1
2
3
4
5
6
7
8
9
10
11

   Membuat Link Email

Membuat link email dengan alamat tertentu di dalam HTML
Klik link berikut untuk mengirimkan email :



Kirim Email

Hasil Script :

Membuat link email dengan alamat tertentu di dalam HTML

Klik link berikut untuk mengirimkan email :

Kirim Email

Berikut tampilan saat link email tersebut diklik :

Membuat Link Email Disertai Subject dan Body Email

Struktur standar dalam berkirim email harus menyertakan subject dan body email. Jadi email dikirimkan tidak dalam keadaan kosong. Subject email berisikan subyek, tema ataupun highlight dari konten yang akan dikirimkan. Sedangkan body email merupakan konten email aktual berisikan deskripsi dan ulasan untuk dibaca oleh penerima.

Untuk menyertakan subject dan body email pada link email, anda perlu menambahkan parameter ? (tanda tanya) yang dilengkapi dengan subject=isi_subject&body=isi_body.

Namun sebelum menambahkan subject dan body email, anda perlu memahami terlebih dahulu tata cara dalam menambahkan teks pada suatu isi link. Isi dari link pada dasarnya adalah URL, dan teks di dalam URL harus aman dari karakter alphanumeric yang dilarang. Karakter huruf seperti spasi putih, tanda enter, tabulasi dan lainnya tidak boleh diikutkan di dalam suatu URL. Namun huruf yang tidak aman tersebut harus didecode terlebih dahulu.

Pada teks normal pendek yang terdapat spasi putih, anda cukup menggantinya dengan karakter %20. Untuk konten email berisi tulisan teks yang panjang, silahkan kunjungi URL Encoder Online agar anda leluasa dalam melakukan encode maupun decode karakter.

Kebanyakan klien email modern mengirim email HTML secara default saat email itu ditulis di klien email itu sendiri. Misalnya, Gmail dan Yahoo! email keduanya memiliki editor WYSIWYG yang dapat Anda gunakan untuk menulis pesan HTML. Tetapi jika Anda ingin menulis HTML Anda di editor eksternal dan kemudian menggunakannya di klien email Anda, itu bisa menjadi sedikit rumit.

Langkah Pertama untuk Menulis HTML Anda

Jika Anda akan menulis pesan HTML Anda di editor yang berbeda seperti Dreamweaver atau Notepad , ada beberapa hal yang harus Anda ingat agar pesan Anda akan berfungsi.

• Gambar Anda harus di-host di situs web publik. Mereka tidak harus berada di halaman web, tetapi mereka harus terlihat dari internet.
• Tulis atribut SRC gambar Anda dengan URL lengkap gambar. Pastikan untuk menguji bahwa gambar ditampilkan sebelum Anda mengirim pesan Anda.
• Jangan gunakan jalur relatif pada tautan. Anda harus menggunakan URL yang sepenuhnya memenuhi syarat untuk tautan juga.
• Jika Anda menggunakan CSS, Anda harus menanamkannya dalam HTML menggunakan elemen STYLE atau menautkannya dengan URL yang sepenuhnya memenuhi syarat.
• Sebaiknya hindari JavaScript, tetapi jika Anda harus menggunakannya, Anda harus menyematkannya dengan elemen SCRIPT.

Anda juga harus ingat bahwa sementara klien email semakin baik, Anda tidak dapat bergantung pada mereka untuk mendukung fitur-fitur canggih seperti Ajax, CSS3 , atau HTML5 . Semakin mudah Anda membuat pesan, semakin besar kemungkinan mereka akan dapat dilihat oleh sebagian besar pelanggan Anda.

Trik untuk Menyematkan HTML Eksternal ke Pesan Email

Beberapa klien email membuatnya lebih mudah daripada yang lain untuk menggunakan HTML yang dibuat dalam program yang berbeda atau editor HTML. Berikut adalah beberapa tutorial singkat tentang cara membuat atau menyematkan HTML di beberapa klien email populer.

Gmail

Gmail tidak ingin Anda membuat HTML secara eksternal dan mengirimkannya di klien email mereka. Tetapi ada cara yang relatif mudah untuk membuat email HTML berfungsi — gunakan salin dan tempel. Inilah yang Anda lakukan:

1. Tuliskan email HTML Anda di editor HTML. Pastikan untuk menggunakan jalur lengkap, termasuk URL ke file eksternal apa pun yang disebutkan di atas.
2. Setelah file HTML selesai, simpan ke hard drive Anda, tidak masalah di mana.
3. Buka file HTML di browser web. Jika terlihat seperti yang Anda harapkan (gambar terlihat, gaya CSS benar, dan sebagainya), kemudian pilih seluruh halaman menggunakan Ctrl-A atau Cmd-A.
4. Salin seluruh halaman menggunakan Ctrl-C atau Cmd-C.
5. Tempel halaman ke jendela pesan Gmail yang terbuka menggunakan Ctrl-V atau Cmd-V.

Setelah Anda menerima pesan di Gmail, Anda dapat melakukan beberapa pengeditan, tetapi hati-hati, karena Anda dapat menghapus beberapa gaya Anda, dan mereka sulit untuk kembali tanpa menggunakan langkah yang sama di atas.

Mac Mail

Seperti Gmail, Mac Mail tidak memiliki cara untuk mengimpor HTML langsung ke pesan email, tetapi ada integrasi yang menarik dengan Safari yang membuatnya mudah. Begini caranya:

1. Tuliskan email HTML Anda di editor HTML. Pastikan untuk menggunakan jalur lengkap, termasuk URL ke file eksternal apa pun yang disebutkan di atas.
2. Setelah file HTML selesai, simpan ke hard drive Anda, tidak masalah di mana.
3. Buka file HTML di Safari. Trik ini hanya berfungsi di Safari, jadi Anda harus terbiasa menguji email HTML Anda di Safari bahkan jika Anda menggunakan peramban lain untuk sebagian besar penjelajahan web Anda.
4. Verifikasi bahwa email HTML terlihat seperti apa yang Anda inginkan, lalu impor ke email dengan pintasan Cmd-I.

Safari kemudian akan membuka halaman di klien email persis seperti yang ditampilkan di browser, dan Anda dapat mengirimkannya kepada siapa pun yang Anda inginkan.

Thunderbird

Sebagai perbandingan, Thunderbird membuatnya mudah untuk membuat HTML Anda dan kemudian mengimpornya ke pesan email Anda. Begini caranya:

1. Tuliskan email HTML Anda di editor HTML. Pastikan untuk menggunakan jalur lengkap, termasuk URL ke file eksternal apa pun yang disebutkan di atas.
2. Lihat HTML Anda dalam tampilan kode, sehingga Anda dapat melihat semua karakter. Kemudian pilih semua HTML dengan menggunakan Ctrl-A atau Cmd-A.
3. Salin HTML Anda menggunakan Ctrl-C atau Cmd-C.
4. Buka Thunderbird dan mulai pesan baru.
5. Klik Sisipkan dan pilih HTML ...
6. Ketika jendela pop-up HTML muncul, tempel HTML Anda ke jendela menggunakan Ctrl-V atau Cmd-V.
7. Klik Sisipkan dan HTML Anda akan dimasukkan ke dalam pesan Anda.

Satu hal yang menyenangkan tentang menggunakan Thunderbird untuk klien email Anda adalah Anda dapat menghubungkannya ke Gmail dan layanan email web lain yang membuatnya sulit untuk mengimpor email HTML. Kemudian Anda dapat menggunakan langkah-langkah di atas untuk membuat dan mengirim email HTML menggunakan Gmail di atas Thunderbird.

Ingat, Tidak Semua Orang Memiliki Email HTML

Jika Anda mengirim email HTML kepada seseorang yang klien surelnya tidak mendukungnya, mereka akan mendapatkan HTML sebagai teks biasa. Kecuali mereka adalah pengembang web , nyaman dengan membaca HTML, mereka mungkin melihat surat itu sebagai banyak gobbledegook dan menghapusnya tanpa berusaha membacanya.

Jika Anda mengirim buletin email , Anda harus memberi pembaca kesempatan untuk memilih email HTML atau teks biasa. Jika Anda hanya menggunakannya untuk mengirim ke teman dan keluarga, Anda harus memastikan mereka dapat membaca email HTML sebelum mengirimnya kepada mereka.