# Support for Media Templates

Before, Chat Desk only supported *plain text* message templates via WhatsApp. After this release, the following WhatsApp message templates are also now supported by Chat Desk:​​​​​​​

* **Media Message Templates:** Videos, images, documents
* **Interactive Message Templates:** Quick-reply buttons, call-to-action buttons

Header and footer text are also now supported in WhatsApp message templates in Chat Desk. 

{% hint style="info" %}
Also see:

* [Setting up message templates ](https://clickatell.gitbook.io/whatsapp-user-guide/channel-capabilities/whatsapp-message-templates/add-message-templates)in the Clickatell Portal.
* [Send WhatsApp message templates](https://clickatell.gitbook.io/chat-desk/agent-chat-desk/send-whatsapp-message-templates) from within Chat Desk.
  {% endhint %}

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2Fwi0wSfNQfoeIxAE35M78%2Fimage.png?alt=media&#x26;token=30d50692-ed37-4f87-80e3-4c03a629bef8" alt=""><figcaption><p>WhatsApp media templates are now supported. Select from your existing message templates as set up via the Clickatell User Portal. Start typing to find a specific template. If no template exists, all the buttons and fields will be greyed out. Contact number will be pre-populated if available.</p></figcaption></figure>

### **Media Message Templates**

* **Video**: Agents can now add mp4 files (up to 30 MB) to a message template. A video preview will be displayed so that the agent knows which video they've uploaded.
* **Image:** Agents can upload .jpg or .png images (up to 30 MB) to an image message template.
* **Document media message templates**: Currently, only PDF files are supported in media templates.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FSi4waUvfJa0dXCC9Re5Z%2Fimage.png?alt=media&#x26;token=4eee64a6-13fb-4b66-a515-d21a158f18a3" alt=""><figcaption><p>Example of a video file uploaded to a template. Preview on the right.</p></figcaption></figure>

### **Interactive Message Templates**

There are two types of predefined buttons:

* **Quick Reply:** Allows your end-user to return a simple text message.
* **Call-to-Action:** Allows your end-user to call a phone number (like the '*Call us*' button) and visit a website (like the '*Visit Clickatell Website*' button).

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FNIEgovs0KOc9A0PIFC42%2Fimage.png?alt=media&#x26;token=b8f15222-14fe-433d-90e0-72c3d1541e96" alt=""><figcaption><p>Preview of a message template containing an image and two call-to-action buttons (left) and three quick-reply buttons (right)</p></figcaption></figure>

### **Additional functionality supported in message templates**

* **Header text**: You can add a header to a message template. The header is displayed in bold and can have one variable that the agent adds.
* **Footer text**: You can add a footer to a message template (e.g., '*offer applicable while stocks last*' or 't*erms and conditions apply*').

### Message template preview

Chat Desk also added a preview section for message templates to give agents clear visibility of the message before sending it. This will prevent accidentally sending the incorrect message template.&#x20;

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FLwRwWzlBir9IEVB9FKi4%2Fimage.png?alt=media&#x26;token=8680d5ed-d8fc-49a4-8e4e-2ae8984f6ba3" alt=""><figcaption><p>A preview on the right shows how the message template will display to the end-user. This is an example of a PDF document attached to the message template.</p></figcaption></figure>

Once a message template is sent, it will form part of the chat history so that agents and supervisors can easily refer back to it.

Below is an example of what a message template containing an image looks like to the agent in Chat Desk after they've sent it to the end-user. There is a clear indication that this message was a template. The media file can be downloaded from the view.&#x20;

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FbVjFazUM20LhxLvpJhHJ%2Fimage.png?alt=media&#x26;token=4dc26dfa-d7a3-4495-9c62-c341d1108b63" alt=""><figcaption><p>An example of what a message template containing an image looks like to the agent in Chat Desk after they've sent it to the end-user.</p></figcaption></figure>