> For the complete documentation index, see [llms.txt](https://docs.3dolphins.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.3dolphins.ai/5.3.0-id/marketing/template/request-template/marketing-template/standard-message/header-template.md).

# Header Template

Anda dapat secara optional menambahkan header pada pesan template. Header adalah sebuah konten yang berada di bagian atas pesan. Terdapat 2 (dua) opsi untuk header yaitu **None** (tidak menyertakan header)**,** **Text** dan **Media**.

## Header Text

Jika Anda ingin menambahkan header berupa text, Anda dapat memilih opsi **'Text'** pada dropdown field header. Kemudian masukkan header pada text field dan preview dari Text dapat Anda lihat di sebelah kanan halaman seperti gambar berikut.&#x20;

Pertama, setelah Anda berada di halaman **New Request Template**, klik dropdown pada field **Header**, lalu pilih **'Text'**, seperti pada gambar berikut.

<figure><img src="/files/Y8zkkK0vqQfYrpTQoWWO" alt=""><figcaption><p>Header - Text</p></figcaption></figure>

Setelah memilih Text, Anda dapat menuliskan kalimat yang akan dijadikan sebagai header broadcast seperti yang ditunjukkan pada gambar berikut.&#x20;

<figure><img src="/files/Hj3pqIi7xkY2HdvlZmP7" alt=""><figcaption><p>Header Text</p></figcaption></figure>

## Header Media

Jika Anda ingin menambahkan header berupa media, Anda dapat memilih opsi **'Media'** pada dropdown field header. Pada bagian header, terdapat 3 pilihan media yaitu **Video, Image,** dan **Document** yang dapat Anda pillih. Anda dapat memilih salah satu media, dan preview dari media tersebut akan muncul di bagian kanan halaman.&#x20;

Pertama, setelah Anda berada di halaman **New Request Template**, klik dropdown pada field **Header**, lalu pilih **'Media'**, seperti pada gambar berikut.

<figure><img src="/files/mTG14Zh7sWT0AKt0tL4N" alt=""><figcaption><p>Header - Media</p></figcaption></figure>

Anda dapat memilih salah satu media yang akan digunakan sebagai header broadcast. Selanjutnya, unggah media tersebut melalui **'Media Example'**, seperti yang ditunjukkan pada gambar berikut.

<figure><img src="/files/fvzqor7TTHtrnRoOaxZ6" alt=""><figcaption><p>Add Header Media</p></figcaption></figure>

#### Video

Ketika Anda ingin menyampaikan pesan secara lebih dinamis dan interaktif, serta meningkatkan engagement pelanggan, Anda dapat menggunakan Video sebagai media untuk menampilkan konten seperti video promosi, teaser, atau penjelasan singkat produk seperti gambar berikut.

{% hint style="info" %}
Maksimal ukuran video yang dapat Anda unggah adalah 16 MB.&#x20;
{% endhint %}

<figure><img src="/files/OcBkSo5SAp5TtDE01gMZ" alt=""><figcaption><p>Header Video</p></figcaption></figure>

#### Image

Ketika Anda ingin menarik perhatian pelanggan sejak pertama kali melihat pesan yang dikirimkan, serta membantu pelanggan memahami pesan utama secara visual, Anda dapat menggunakan Image sebagai media untuk menampilkan gambar seperti banner promosi, poster, atau tampilan produk.&#x20;

{% hint style="info" %}
Maksimal ukuran image yang dapat Anda unggah adalah 5 MB.&#x20;
{% endhint %}

<figure><img src="/files/h533dxrOWTQ2vvrNDpS2" alt=""><figcaption><p>Header Media</p></figcaption></figure>

Ketika Anda memilih **Image** sebagai **Header Media**, sistem akan menampilkan fitur **Automatic Image Optimization** yang berfungsi untuk meningkatkan kualitas tampilan gambar agar lebih menarik dan optimal secara otomatis dengan memanfaatkan teknologi Meta Ads.&#x20;

{% hint style="info" %}
Fitur ini hanya muncul ketika Anda memilih **'Media'** dengan tipe **'image'** sebagai header.&#x20;
{% endhint %}

<figure><img src="/files/lLA5ldLT4uIs1ZA5C3Um" alt=""><figcaption><p>Meta Ads Feature</p></figcaption></figure>

**Penjelasan Komponen:**

| Komponen                    | Deskripsi                                                                                                                                                                                                                                                                                                                                                                            |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Enhance Image Brightness    | <p>Untuk menyesuaikan tingkat kecerahan dan kontras gambar agar tampilan visual terlihat lebih jelas.<br><br><strong>Catatan:</strong><br>Untuk mempelajari lebih lanjut, Anda dapat menuju ke halaman <a href="https://developers.facebook.com/documentation/business-messaging/whatsapp/marketing-messages/send-marketing-messages#automatic-creative-optimizations">ini</a>. </p> |
| Apply Visual Touch-up       | <p>Untuk menyesuaikan rasio aspek atau tata letak gambar agar terlihat lebih optimal.<br><br><strong>Catatan:</strong><br>Untuk mempelajari lebih lanjut, Anda dapat menuju ke halaman <a href="https://developers.facebook.com/documentation/business-messaging/whatsapp/marketing-messages/send-marketing-messages#automatic-creative-optimizations">ini</a>. </p>                 |
| Text Overlays               | <p>Untuk menambahkan atau menyesuaikan teks pada gambar sehingga memperkuat pesan promosi.<br><br><strong>Catatan:</strong><br>Untuk mempelajari lebih lanjut, Anda dapat menuju ke halaman <a href="https://developers.facebook.com/documentation/business-messaging/whatsapp/marketing-messages/send-marketing-messages#automatic-creative-optimizations">ini</a>. </p>            |
| Image Animation             | <p>Untuk mengubah gambar menjadi animasi GIF singkat sehingga meningkatkan daya tarik visual. <br><br><strong>Catatan:</strong><br>Untuk mempelajari lebih lanjut, Anda dapat menuju ke halaman <a href="https://developers.facebook.com/documentation/business-messaging/whatsapp/marketing-messages/send-marketing-messages#automatic-creative-optimizations">ini</a>. </p>        |
| Image Background Generation | <p>Untuk menghasilkan latar belakang gambar secara otomatis. <br><br><strong>Catatan:</strong><br>Untuk mempelajari lebih lanjut, Anda dapat menuju ke halaman <a href="https://developers.facebook.com/documentation/business-messaging/whatsapp/marketing-messages/send-marketing-messages#automatic-creative-optimizations">ini</a>. </p>                                         |

{% hint style="info" %}
Template yang menggunakan fitur ini akan digunakan sebagai template untuk [broadcast marketing message API. ](/5.3.0-id/marketing/notification/create-notification/message.md)
{% endhint %}

#### Document

Ketika Anda ingin menyampaikan informasi yang lebih lengkap dan mendetail kepada pelanggan, Anda dapat menggunakan Document sebagai media untuk melampirkan file.&#x20;

{% hint style="info" %}
Dokumen yang dapat Anda unggah hanya berformat PDF dengan ukuran maksimum 100 MB.
{% endhint %}

<figure><img src="/files/Zd7plBVH1kKBYIUiQp1t" alt=""><figcaption><p>Header Document</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.3dolphins.ai/5.3.0-id/marketing/template/request-template/marketing-template/standard-message/header-template.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
