# Membuat Pesan Template Email

Anda dapat menambahkan template email dengan memilih submenu **Template** pada menu **Email**. Template ini perlu dibuat untuk memudahkan Anda dalam melakukan broadcast email dengan isi pesan yang sama secara berulang-ulang.

Klik tombol **Add Email Template** untuk membuat template baru atau memilih dari template yang pernah Anda buat sebelumnya.

<figure><img src="https://1593395352-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtrH5cLt7bV9EeFPiXO3%2Fuploads%2Ff1R8SfbHgMEFR0MRFrMK%2FGroup%203666.png?alt=media&#x26;token=27690512-98fb-4cf1-9e44-738f68cf9477" alt=""><figcaption></figcaption></figure>

Kemudian, Anda akan diarahkan ke halaman untuk pembuatan template yang menyediakan menu **Components** dan **Settings**.

**Components** merupakan item-item yang dapat Anda pilih untuk disisipkan dengan cara menyeret dan menyimpannya pada halaman template yang sedang dibuat.

<figure><img src="https://image-archive.developerhub.io/image/upload/v2_4167/fdg1yxfsobhb2bnccfq2/1644914214.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Adapun fungsi dari tiap _components_ yang tersedia adalah sebagai berikut:

* **Text**: Komponen untuk menambahkan area yang akan Anda isi dengan tulisan atau informasi yang akan disampaikan ke pelanggan. Anda dapat memilih untuk membuat tulisan tersebut menjadi satu atau dua kolom.
* **Boxed Text**: Komponen yang dapat memuat tulisan dalam kotak khusus yang tidak menyatu dengan latar belakang.
* **Divider**: Komponen pemisah antar bagian di dalam _body_ email.
* **Image**: Komponen untuk menyisipkan gambar.
* **Image Group**: Komponen untuk menyisipkan beberapa gambar sekaligus dan menjadikannya satu bagian.
* **Image Card**: Komponen untuk menyisipkan gambar beserta keterangan dalam sebuah kotak seperti sebuah kartu.
* **Image and Text**: Komponen untuk menyisipkan gambar beserta keterangan yang menyatu dengan latar belakang.
* **Button**: Komponen untuk menambahkan tombol.
* **Footer**: Komponen untuk menambahkan catatan kaki.
* **Share**: Komponen untuk menambahkan tautan ataupun informasi media sosial tertentu.
* **Social Follow**: Komponen untuk menyambungkan email dengan media sosial bisnis Anda, yang dapat mempermudah pelanggan untuk mengikuti akun bisnis Anda.
{% endhint %}

Setelah menyisipkan komponen yang dibutuhkan, Anda dapat mengatur kembali urutan komponen dalam template email.

<figure><img src="https://1593395352-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtrH5cLt7bV9EeFPiXO3%2Fuploads%2FqXzfauqFerlc6syhcXTq%2Fimage.png?alt=media&#x26;token=bdec737b-831e-4167-b492-355d4809e224" alt=""><figcaption></figcaption></figure>

JJika Anda ingin pesan yang dikirimkan terasa lebih personal, Anda dapat menambahkan _variable_ pada _body_ email Anda. _Variable_ merupakan _dynamic content_ yang dapat berubah-ubah sesuai informasi penerima, seperti nama, jumlah tagihan, atau nomor pelanggan. Untuk menggunakannya, Anda perlu menuliskan nama _variable_ pada body pesan dengan menambahkan tanda kurung (\[) pada awal dan (\[) pada akhir kalimat.

<figure><img src="https://1593395352-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtrH5cLt7bV9EeFPiXO3%2Fuploads%2FYfKETvWasgP4VvKucDlF%2Fimage.png?alt=media&#x26;token=00d3c517-4bb7-4d45-8694-5791e7d9f4d5" alt=""><figcaption></figcaption></figure>

Anda dapat menuju ke tab **Settings** untuk mengatur warna serta tampilan margin email.

<figure><img src="https://1593395352-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtrH5cLt7bV9EeFPiXO3%2Fuploads%2FtEcxDSSM8U3hLVCfNxUL%2Fimage.png?alt=media&#x26;token=a16f11b1-7213-4dc5-b9c9-f45ca1358120" alt=""><figcaption></figcaption></figure>

Jika Anda telah selesai membuat template, klik **Generate** untuk menyimpan template.

<figure><img src="https://1593395352-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtrH5cLt7bV9EeFPiXO3%2Fuploads%2FI93H77VtkH19GZPi6ijV%2Fimage.png?alt=media&#x26;token=971eb2bd-50e8-43c4-ab08-6176a601197d" alt=""><figcaption></figcaption></figure>

Setelah berhasil, maka akan muncul _preview_ template yang baru saja Anda buat dalam tampilan desktop atau mobile. Jika template sudah sesuai dengan yang Anda inginkan, masukkan nama template, lalu klik tombol **Save**.

<figure><img src="https://image-archive.developerhub.io/image/upload/v2_4167/ve2jys6adbmu4mwhxmgq/1627378630.jpg" alt=""><figcaption></figcaption></figure>
