# Button/Options/Product Messages

Using the Buttons/Options/Product Messages option in the WhatsApp channel, send pre-built interactive messages like Buttons, Lists, and Single or Multi Product messages.

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2Fzr2QhRVqpdCq6JwUm9t8%2FAccessing%20Buttons%20and%20Options%20and%20Product%20Messages.gif?alt=media\&token=031ccad1-d17f-4807-ab94-3c4987511637)

Click **Details** → then open **Buttons/Options/Product Messages**.

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F3e9Ru6nkGMV8MPmDMGip%2FCreate%20Interactive%20Message%20Button.png?alt=media\&token=dd6dd086-c800-4575-a729-34f7518f145a)

Then click **Create Interactive Message**. It will open the template builder, where you can define the template name and then select a Message Type,

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F0AP5FezeocqzqePWtM4K%2FCreate%20Interactive%20Message%20Template%20Builder.png?alt=media\&token=9b47e2dc-3b2f-4580-8e46-59dd1729a229)

There are 4 Message Types, and upon selecting each of them, you'd get different options. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FGTg4GY5x9JZzXf5qQpeK%2FTemplate%20Message%20Type%20Builder.png?alt=media\&token=d03be59e-3805-47db-9006-1c4935c08862)

* [Buttons](#button)
* List
* Single Product Message
* and Multi Product Message

### Button

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F5yOHkszxvd5Z2eh22NOY%2FSelecting%20Button%20Message%20Type%20for%20Interactive%20Messages.png?alt=media\&token=85bb0164-3fcc-4e1e-b301-9f294d2eaf1d)

First, define the name of the template, then select message type as Button. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F6ZCJlTJx89vfksrIJmxu%2FInteractive%20Message%20Header%20Type.png?alt=media\&token=ed6cddec-34ba-4a61-bbfb-1a861e7a8826)

Then select your Header Type from the available options,

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FX2cggRBMKxrLxrJh3OsI%2FSelecting%20header%20type%20for%20the%20interactive%20message.gif?alt=media\&token=0c9585fb-0ba7-41cf-8080-ac635f92d374)

If you choose Text, add a placeholder for the template, which will get replaced with the correct information when you send the template. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FZ46sHa0KI5LK5OCyMe1o%2FPlaceholder%20and%20Header%20Text%20for%20Interactive%20Message.png?alt=media\&token=4d52dbfb-474c-4def-9596-dee1cc5e3e5a)

If you choose Header type as Image, Video, or Document, you need to upload a file. Click **Choose File** and select your file.  

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FgtBa125BGWFm1pH416GN%2FImage%20Interactive%20Message%20Header%20Type.png?alt=media\&token=ccdd5c0c-4187-407a-ad25-6f6a495c4c5b)

Once the file is uploaded, you can see it in the preview section. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FXhOed8WOnaujsGnbcsCg%2FImage%20Header%20Preview.png?alt=media\&token=de3008b6-ec52-4e4b-9d01-a53ec8f736b6)

After setting the Text, or uploading a file representing the Header, enter the text for your Body with Placeholder.

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FudZigr5b6a75PRnergnD%2FBody%20Text%20for%20the%20Interactive%20Message.png?alt=media\&token=bc4245e7-df40-4f88-8b91-b5397968ea84)

If you'd like to add a Footer to the template, you can do that in the Footer field, which is optional. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FwtFymZOHiJ04wHDAgTCY%2FFooter%20in%20the%20Buttons%2C%20Options%2C%20and%20Product%20Messages%20RUM%20Work.png?alt=media\&token=06a9383f-5c3d-4bbc-926f-663126f2341f)

After the footer, you get the option to add buttons to your message template. 

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FFIMc46WfASLLLLjwjb3d%2FInteractive%20Message%20of%20Button.png?alt=media\&token=2e4fd7ae-0bac-4c83-a41c-b51ebdb4be6b)

Simply enter the Button Label, then change Button Callback ID, if needed. You can add another button by clicking the<img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F1WNM2opBmG6WLkD1GbcH%2FPlus%20button%20for%20Filters.png?alt=media&#x26;token=fc82bbfa-b811-4196-941e-a41568050bee" alt="" data-size="line">Plus Icon button.

![](https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F51yJqpj7zBHg5MaG4tL7%2FSaving%20an%20interactive%20message.png?alt=media\&token=6b5a33aa-c8ae-4b89-9da0-2d7b38260337)

Once added the button and its detail, check the preview and if everything's correct, click **Save**. And that's it; you have created an interactive button message. Likewise, you can create other interactive messages.

### List

Likewise the Button interactive message, you can also create a List message. Simply select List at the place of the Button.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F6LCB4rWtYRXeCXpANIKT%2FSelecting%20List%20Option.png?alt=media&#x26;token=53f7fab5-2764-427e-96c9-48577588195e" alt=""><figcaption></figcaption></figure>

This will provide you with the following options,

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FKUhGZD2hKV8O06BFIO8C%2FList%20Options%20All.png?alt=media&#x26;token=e2c03236-d395-450d-9a39-aa501b048fe4" alt=""><figcaption></figcaption></figure>

Similar to Button, you get common fields: Header, Body and Footer. What you get additionally is the List CTA Label, Section Title and Section Row.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FRCGcwERDGmfXruLgAFa1%2FList%20Options.png?alt=media&#x26;token=f27dc2c9-f6aa-452d-b647-c37da2f09b62" alt=""><figcaption></figcaption></figure>

First, enter the details in the Header, Body and Footer. Then, head over to the List options.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F64kHD0FuWvPqzVwmE9Y6%2FDetailing%20List%20Options%20for%20the%20Interactive%20Messages.png?alt=media&#x26;token=6f80fe3b-6688-4e1f-a3a3-07b6b7c74408" alt=""><figcaption></figcaption></figure>

Once done, see the preview, and everything is correct; click Save.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FxIhQbTv3lV4fFlhnbmhW%2FList%20Interactive%20Option%20Use.gif?alt=media&#x26;token=01f688b4-7e34-4794-b88b-58a97bc0475f" alt=""><figcaption></figcaption></figure>

When you send the List Interactive Message, your contact(s) will see the message and interact with it like the above.

### Single Product Message

In addition to [List](#list) and [Button](#button), you can send Product Messages if you've set your Catalog. Refer to the following docs to learn how to set up a Product Catalog for WhatsApp Channel in RUM Work.

{% content-ref url="../../../store-settings/whatsapp/catalog-settings" %}
[catalog-settings](https://docs.rumwork.io/store-settings/whatsapp/catalog-settings)
{% endcontent-ref %}

So, in place of List or Button, select **Single Product Message**. This will allow you to send an interactive message only with a single product.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FecNRdpKV7WeXGQx3vLy6%2FSingle%20Product%20Message%20Interactive%20Option.png?alt=media&#x26;token=d5f4b075-ebc8-4d88-9cbf-fc7f64ec2008" alt=""><figcaption></figcaption></figure>

Once selected, you get the following additional options,

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FXJWOPLRNetiRcbs6QCFX%2FSingle%20Product%20Message%20Interactive%20Options.png?alt=media&#x26;token=f86af539-d86c-4670-9f94-64256b8477ed" alt=""><figcaption></figcaption></figure>

Head to it and select the product you want to send with the message.&#x20;

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FLIdQxsekQJWuQq5rphkZ%2FSelecting%20Single%20product%20for%20the%20Interactive%20Message.png?alt=media&#x26;token=007d4730-ab78-4e2d-a666-19a1f19e05db" alt=""><figcaption></figcaption></figure>

Once done, click Save.

### Multi Product Message

Using the Multi Product Message, you can send an interactive message that will allow your customers, to select a product from multiple choices. To create a multi-product message, first, select **Multi Product Message**.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FaAXIbCwdgEtLQrYaGqPk%2FMulti%20Product%20Message%20Option.png?alt=media&#x26;token=b7d79415-c9de-483e-870e-9e4787f59904" alt=""><figcaption></figcaption></figure>

Then, enter the details for the Header, Body and Footer if you need to.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FZPerStAbbrK9l5L48FXJ%2FAdding%20Products%20to%20the%20Multi%20Product%20Message%20Template.gif?alt=media&#x26;token=12ec895e-7fe5-4b19-a055-08bf8b09f7d2" alt=""><figcaption></figcaption></figure>

Once you're done with them, enter the section title and then click on **Add Products** to select products for the message.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FxJihnGbg5hqHp02UhCv3%2FAdded%20Products%20to%20the%20Multi%20Product%20Message.png?alt=media&#x26;token=12a1ded1-d104-4b0d-b69f-8ff0d8bd80b5" alt=""><figcaption></figcaption></figure>

After adding the products, you can add another section by clicking Add Section button. Otherwise, click **Save**.

<figure><img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FE1Ahd39lmj4XzMa9Zqlk%2FUse%20of%20Multi%20Product%20Message.png?alt=media&#x26;token=76c21187-bdbe-4079-92cd-c019b3c40dd2" alt=""><figcaption></figcaption></figure>

When you'll send your contacts the multi product message, they interact with it like the above.

{% hint style="info" %}
Before creating Product Messages, ensure you've set up Product Catalog(s.)
{% endhint %}

{% content-ref url="../../../store-settings/whatsapp/catalog-settings" %}
[catalog-settings](https://docs.rumwork.io/store-settings/whatsapp/catalog-settings)
{% endcontent-ref %}

### Using Buttons/Options/Product Message

Through [Chat Module](https://docs.rumwork.io/rum-work-modules/chat/send-message#send-buttons-options-product-messages), you can use an interactive message easily.

{% content-ref url="../../../rum-work-modules/chat/send-message" %}
[send-message](https://docs.rumwork.io/rum-work-modules/chat/send-message)
{% endcontent-ref %}

### Edit or Delete an Interactive Message

To edit and delete a particular interactive message template,

* Click on the<img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FtM0TpJ2uFQAN4Ck2pMsa%2FEdit%20Button%20Blue.png?alt=media&#x26;token=e5fd4863-2e0e-4e4c-9854-bca693646d06" alt="" data-size="line">Edit Icon button to edit it.
* Or click on the<img src="https://1755261872-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F3Of4IVOBkTD6Yfey20F7%2FDelete%20Button.png?alt=media&#x26;token=82c696d8-8f39-4ebd-82c3-f74f28e61d38" alt="" data-size="line">Delete Icon button to delete the template.