![Banner - Cara Membuat Email Template HTML di Webmail](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/Banner-Cara-Membuat-Email-Template-HTML-di-Webmail.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/Banner-Cara-Membuat-Email-Template-HTML-di-Webmail-300x158.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/Banner-Cara-Membuat-Email-Template-HTML-di-Webmail-370x195.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/Banner-Cara-Membuat-Email-Template-HTML-di-Webmail-270x142.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/Banner-Cara-Membuat-Email-Template-HTML-di-Webmail-570x300.png 570w)
Sering kali kita perlu menulis ulang email atau mengcopy paste email untuk mendapatkan format yang sama. Bagi pengguna layanan email hosting, Anda tidak perlu khawatir karena Webmail menyediakan fitur template HTML yang dapat memudahkan pekerjaan Anda tersebut. Pada panduan ini, kami akan berbagi cara membuat email template HTML di Webmail secara mudah.
Dengan membuat dan menyimpan email template, Anda dapat menyisipkannya ketika membuat email dengan format yang sama, sehingga Anda dapat menghemat waktu. Selengkapnya tentang email template HTML bisa Anda simak dipanduan berikut.
Apa itu email template
Email template adalah format atau pola email yang dirancang untuk mempermudah dan mempercepat pengiriman email dengan format yang sama. Template ini biasanya mencakup struktur dan tata letak email yang umum, termasuk elemen seperti judul, salam pembuka, isi utama, hingga signature email.
Fungsi utama fitur ini adalah untuk mempercepat pekerjaan ketika harus mengirimkan email dengan format pesan yang sama secara berulang.
Email template umumnya digunakan dalam berbagai situasi bisnis, termasuk pengiriman email pemasaran, pemberitahuan internal, tanggapan otomatis, undangan acara, dan banyak lagi. Dengan menggunakan template yang sudah ada, pengguna dapat meningkatkan efisiensi dalam mengelola komunikasi melalui email.
Pada panduan ini, kami akan berbagi cara membuat email template HTML untuk meeting. Berikut informasi selengkapnya.
- Login ke akun webmail Anda melalui URL https://namadomainanda/webmail
- Klik pada menu Pengaturan > Identitas > akun email yang digunakan > klik icon HTML.
![setting Email Template HTML di Webmail](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-1024x484.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-300x142.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-768x363.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-1536x726.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-370x175.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-270x128.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-570x269.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings-740x350.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings.png 1919w)
- Pada pengisian kolom HTML dibawah Signatures, silakan pilih salah satu opsi berikut :
Opsi 1 : Buat secara manual
Membuat template secara manual dengan cara mengisikan data secara langsung dikolom yang disediakan. Setelah template email Anda buat, klik tombol Simpan untuk menyimpan.
![buat manual Email Template HTML di Webmail](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-300x251.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-768x643.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-370x310.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-270x226.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-570x477.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-740x619.png 740w)
BACA JUGA : Cara Membuat Email Template di Titan Mail
Opsi 2. Melalui app.bybrand.io
Membuat email template HTML yang lebih menarik bisa dilakukan melalui aplikasi pihak ke 3 seperti app.bybrand.io. app.bybrand.io adalah salah satu aplikasi yang dapat digunakan untuk pembuatan template HTML dan free untuk 1 bulan pertama.
![tampilan dari app.bybrand.io](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-1024x511.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-300x150.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-768x383.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-1536x766.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-370x185.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-270x135.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-570x284.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_-740x369.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/app.bybrand.io_.png 1919w)
Pada panduan ini, akan dibuat template HTML dari app.bybrand.io menggunakan Scratch. Berikut detail langkah-langkahnya :
- Klik Signatures, lalu pilih Create Signature.
![create signature app.bybrand.io](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-1024x208.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-300x61.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-768x156.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-1536x312.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-370x75.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-270x55.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-570x116.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1-740x150.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-signature-1.png 1617w)
- Pilih Create from scratch.
![create from scratch app.bybrand.io](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-1024x597.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-300x175.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-768x448.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-1536x896.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-370x216.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-270x157.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-570x332.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch-740x432.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/create-from-scratch.png 1651w)
- Tentukan ukuran create from scratch yang akan digunakan dengan klik Choose this.
![ukuran create from scratch app.bybrand.io](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-1024x559.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-300x164.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-768x419.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-1536x839.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-370x202.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-270x147.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-570x311.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch-740x404.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/tentukan-ukuran-create-from-scratch.png 1764w)
- Beri nama desain dan buat desain template email dikotak yang disediakan, lalu Save signature.
![desain template scratch app.bybrand.io](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-1024x503.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-300x147.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-768x378.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-370x182.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-270x133.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-570x280.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch-740x364.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/desain-scratch.png 1497w)
- Berikut contoh desain template yang telah dibuat. Lalu klik Paste in Email.
![](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-1024x510.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-300x149.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-768x382.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-1536x764.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-370x184.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-270x134.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-570x284.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email-740x368.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/paste-in-email.png 1919w)
- Lanjutkan klik Copy signature dari aplikasi app.bybrand.io yang digunakan.
![](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-1024x573.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-300x168.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-768x430.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-1536x860.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-370x207.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-270x151.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-570x319.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature-740x414.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/copy-signature.png 1724w)
- Paste ke HTML pada webmail > Klik simpan.
![](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1.png 991w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-300x274.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-768x701.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-370x338.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-270x246.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-570x520.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app-1-740x675.png 740w)
BACA JUGA – Contoh Email Marketing yang Menarik
Menggunakan Email Template HTML
Untuk menggunakan email template HTML yang telah dibuat sebelumnya, silakan mengikuti langkah berikut :
- Klik Pengaturan > Pilihan > Pengaturan Pesan.
- Pada menu Tulis Pesan HTML (pilih opsi sesuai yang diperlukan) > Simpan.
![Setting Menggunakan Template HTML](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-1024x483.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-300x141.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-768x362.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-1536x724.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-370x174.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-270x127.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-570x269.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2-740x349.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/settings2.png 1919w)
Pengujian email template HTML
Setelah email template HTML dibuat, kita bisa melakukan pengujian dengan cara membuat email baru. Berikut langkah-langkah pengujiannya.
- Klik buat pesan baru.
- Berikut adalah tampilan template HTML yang telah dibuat.
![](https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-1024x483.png 1024w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-300x142.png 300w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-768x363.png 768w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-1536x725.png 1536w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-370x175.png 370w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-270x127.png 270w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-570x269.png 570w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2-740x349.png 740w, https://www.rumahweb.com/journal/wp-content/uploads/2023/05/template-meeting-app2.png 1919w)
Apabila muncul email template yang Anda buat sebelumnya, maka setting email template HTML yang Anda lakukan telah berhasil.
Pada dasarnya, Anda bisa mengembangkan email template HTML ini lebih luas. Anda bisa membuat signature email dengan HTML, Undangan meeting atau rapat, hingga email penawaran ke calon customer Anda.
Demikian panduan kami tentang cara membuat email template HTML di Webmail. Selamat mencoba!
Wahyu Januari
satu dari bagian tim Teknis Rumahweb yang bisa membantu Kamu ! Salam kenal