# 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.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2Fzr2QhRVqpdCq6JwUm9t8%2FAccessing%20Buttons%20and%20Options%20and%20Product%20Messages.gif?alt=media&#x26;token=031ccad1-d17f-4807-ab94-3c4987511637" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F3e9Ru6nkGMV8MPmDMGip%2FCreate%20Interactive%20Message%20Button.png?alt=media&#x26;token=dd6dd086-c800-4575-a729-34f7518f145a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F0AP5FezeocqzqePWtM4K%2FCreate%20Interactive%20Message%20Template%20Builder.png?alt=media&#x26;token=9b47e2dc-3b2f-4580-8e46-59dd1729a229" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FGTg4GY5x9JZzXf5qQpeK%2FTemplate%20Message%20Type%20Builder.png?alt=media&#x26;token=d03be59e-3805-47db-9006-1c4935c08862" alt=""><figcaption></figcaption></figure>

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

### Button

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F5yOHkszxvd5Z2eh22NOY%2FSelecting%20Button%20Message%20Type%20for%20Interactive%20Messages.png?alt=media&#x26;token=85bb0164-3fcc-4e1e-b301-9f294d2eaf1d" alt=""><figcaption></figcaption></figure>

First, define the name of the template, then select message type as Button.&#x20;

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F6ZCJlTJx89vfksrIJmxu%2FInteractive%20Message%20Header%20Type.png?alt=media&#x26;token=ed6cddec-34ba-4a61-bbfb-1a861e7a8826" alt=""><figcaption></figcaption></figure>

Then select your Header Type from the available options,

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FX2cggRBMKxrLxrJh3OsI%2FSelecting%20header%20type%20for%20the%20interactive%20message.gif?alt=media&#x26;token=0c9585fb-0ba7-41cf-8080-ac635f92d374" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FZ46sHa0KI5LK5OCyMe1o%2FPlaceholder%20and%20Header%20Text%20for%20Interactive%20Message.png?alt=media&#x26;token=4d52dbfb-474c-4def-9596-dee1cc5e3e5a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FgtBa125BGWFm1pH416GN%2FImage%20Interactive%20Message%20Header%20Type.png?alt=media&#x26;token=ccdd5c0c-4187-407a-ad25-6f6a495c4c5b" alt=""><figcaption></figcaption></figure>

Once the file is uploaded, you can see it in the preview section.&#x20;

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FXhOed8WOnaujsGnbcsCg%2FImage%20Header%20Preview.png?alt=media&#x26;token=de3008b6-ec52-4e4b-9d01-a53ec8f736b6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FudZigr5b6a75PRnergnD%2FBody%20Text%20for%20the%20Interactive%20Message.png?alt=media&#x26;token=bc4245e7-df40-4f88-8b91-b5397968ea84" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/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&#x26;token=06a9383f-5c3d-4bbc-926f-663126f2341f" alt=""><figcaption></figcaption></figure>

After the footer, you get the option to add buttons to your message template.&#x20;

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2FFIMc46WfASLLLLjwjb3d%2FInteractive%20Message%20of%20Button.png?alt=media&#x26;token=2e4fd7ae-0bac-4c83-a41c-b51ebdb4be6b" alt=""><figcaption></figcaption></figure>

Simply enter the Button Label, then change Button Callback ID, if needed. You can add another button by clicking the<img src="https://files.gitbook.com/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.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhElFPtMZjXYjDDMBT5q2%2Fuploads%2F51yJqpj7zBHg5MaG4tL7%2FSaving%20an%20interactive%20message.png?alt=media&#x26;token=6b5a33aa-c8ae-4b89-9da0-2d7b38260337" alt=""><figcaption></figcaption></figure>

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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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 Rampwin.

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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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://files.gitbook.com/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 %}

### Using Buttons/Options/Product Message

Through [Chat Module](broken://pages/PF4UsEx3uzNlcvuJh8mR#send-buttons-options-product-messages), you can use an interactive message easily.

{% content-ref url="/pages/keSePf9uldDdwSPb40jV" %}
[Send Message](/english/send-message.md)
{% endcontent-ref %}

### Edit or Delete an Interactive Message

To edit and delete a particular interactive message template,

* Click on the<img src="https://files.gitbook.com/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://files.gitbook.com/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.


---

# Agent Instructions: 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:

```
GET https://docs.rampwin.com/english/button-options-product-messages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
