Beranda
»
Artikel
»
Mempercantik Tampilan Konten Email

Mempercantik Tampilan Konten Email

Email merupakan hal yang cukup penting saat pengelola situs ingin berhubungan dan berkomunikasi aktif dengan client dalam memasarkan produknya. Email sangat bermanfaat jika suatu perusahaan memiliki produk baru dan akan diinformasikan kepada client melalui pesan email. Email juga merupakan sarana terbaik yang dapat digunakan jika terjadi masalah dan pengguna dapat menghubungi pengelolanya dengan mudah.

Tampilan konten email dalam bentuk teks sederhana akan terasa membosankan. Tampilan standart berupa teks sederhana tanpa variasi warna huruf, variasi warna latar, pemberian gambar pendukung produk akan menimbulkan kesan bahwa konten email tersebut tidak memiliki arti dan terlihat tidak profesional. Anda dapat membuat sebuah kiriman email dengan konten yang lebih menarik dengan memberikan berbagai tambahan warna, pilihan gambar pendukung dan lainnya.

Pembuatan konten email seperti di atas dapat memanfaatkan berbagai HTML element tag. Konsepnya adalah seperti membuat halaman HTML seperti biasa, namun halaman tersebut diaplikasikan dalam bentuk konten email. PHP menyediakan fungsi mail() dalam proses pengiriman email. Namun anda perlu menyertakan Content-Type: text/html yang diletakkan pada variabel $header agar konten email didefiniskan dalam bentuk HTML.

PHP

$mail = mail($to, $subject, $message, $headers);

Fungsi mail(), merupakan fungsi PHP untuk mengirimkan email kepada email yang dituju. Fungsi ini melewatkan berbagai variabel seperti $to untuk email tujuan, variabel $subject untuk tema isi email, variabel $message sebagai isi pesan. Pada variabel $headers inilah, terdapat beberapa komponen yang harus disertakan seperti nama pengirim, email pengirim, serta jenis konten yang akan dikirim. Untuk pengiriman email dengan teks sederhana menggunakan Content Type: text/plain. Namun jika mengirimkan pesan dalam bentuk tags HTML menggunakan Content Type: text/html.

Untuk membuat sebuah konten email dengan dilengkapi tags HTML, pada dasarnya sama seperti pembuatan halaman HTML. Anda hanya perlu mengawalinya dengan tags <html> dan mengakhirinya dengan tags </html>. Konten email diletakkan pada bagian body halaman dengan menyertakan tags <body> dan </body>. Pada bagian inilah Anda menuliskan konten email.

Saat melakukan styling, Anda dapat melakukannya secara embedded. Cara ini dilakukan dengan meletakkan style secara langsung (direct inline style) pada tags yang bersangkutan. Misalnya <p style='color:red; background:gray;'>..isi paragraf..</p>, artinya paragraf tersebut akan diberi style dengan warna merah dan background gray. Jika Anda inigin menampilkan gambar seperti logo perusahaan, dilakukan dengan menyertakan file images (PNG, JPG, JPEG) ke dalam atribut SRC.

Berikut kode untuk mengirimkan email dalam bentuk tags HTML :

PHP

<?php
$penerima = "mail2said@gmail.com";
$subyek = "Request Penambahan Kategori Halaman Web";
$pesan = "<html><body>";
$pesan .= "<h2>Request Penambahan Kategori</h2>";
$pesan .= "<img src='https://www.saidalfaruq.net/project/images/techno_job3.png' style='height:66px; margin-bottom:10px;'>";
$pesan .= "<table>";
$pesan .= "<tr><th style='margin:5px; padding:5px; border:solid 1px #E59966; background:#E59966; width:180px;'>Kategori</th> <th style='margin:5px; padding:5px; border:solid 1px #E59966; background:#E59966; width:180px;'>Item</th></tr>";
$pesan .= "<tr><td style='border:solid 1px #E59966; text-align:center;'>Elektronik</td> <td style='border:solid 1px #E59966; text-align:center;'>Kamera<br>Televisi<br>Komputer</td></tr>";
$pesan .= "<tr><td style='border:solid 1px #E59966; text-align:center;'>Fashion</td> <td style='border:solid 1px #E59966; text-align:center;'>Pakaian Pria<br>Pakaian Wanita<br>Pakaian Anak<br></td></tr>";
$pesan .= "</table>";
$pesan .= "</body></html>";   
$pesan = wordwrap($pesan,70);
$headers = "From: no-reply@saidalfaruq.net\r\n";
$headers .= "MIME-Version: 0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
/*send email*/
$kirim=mail($penerima,$subyek,$pesan,$headers);
if($kirim){
   echo "Pesan email berhasil dikirim.";
}else{
   echo "Pesan email gagal dikirim.";
}
?>

Jika berjalan baik, pada saat email dibuka akan menampilkan gambar seperti dibawah ini :

28 Agt 2022 0 3.056

Kategori : html - css - php - support - email

facebook twitter whatapp linkedin pinterest

Halaman Terkait

	Mengirimkan Email Dengan Melampirkan File PDF Menggunakan Fungsi PHP mail() artikel
	Membatasi Upload File Dengan Format Tertentu Melalui Atribut HTML, Javascript Dan PHP artikel
	Menampilkan Dokumen PDF Pada Halaman HTML artikel
	Validasi Member Dengan Kode Berbatas Waktu Dikirim Via Email artikel
	Membuat Validasi Keanggotaan Melalui Verifikasi Via Email artikel

Tinggalkan Balasan

Formulir ini hanya bagi member yang sudah terdaftar. Silahkan disini.

Belum terdaftar? silahkan queue Daftar disini.

Mengirim Komentar

Setiap pengunjung situs ini dapat memposting komentar disini, namun tidak semua komentar dapat ditampilkan. Gunakan kalimat baku bahasa Indonesia yang mudah dimengerti. Dilarang memposting kalimat yang berisi ujaran kebencian, SARA, pornografi, perjudian dan spam. Komentar harus sesuai dengan topik. Untuk bahasan lainnya yang lebih mendalam dapat menggunakan sarana forum. Anda dapat mengirimkan suatu pertanyaan dan member lainnya akan menjawab pertanyaan Anda.

Peringatan!

Apakah ingin menghapus komentar ini?

	Daftar Kode ASCII 32.731
	Membuat Menu Navigasi Horisontal dan Vertikal Pada HTML 28.111
	Membuat Database Dan Tabel Melalui CMD Pada Xampp Server 24.947
	Mendownload File Dengan Menggunakan PHP 20.553
	Menggunakan Barcode Scanner Pada Aplikasi Berbasis Web 10.319
	Membuat Barcode Generator Dengan PHP 10.256
	Cara Mudah Membuat QR Code Generator Dengan PHP 10.214
	Perbedaan Antara fungsi rand() dan mt_rand() Pada PHP 10.010
	Validasi Form Menggunakan Plugin Validation Jquery 9.842
	Merubah Warna Latar Text Editor Notepad++ 9.199

Visitor Name
Email