# Conversational Components

## What are Conversational Components?

WhatsApp conversational components are special in-chat features that make it easier for customers to interact with your business on WhatsApp. These components can be set up and personalized per WhatsApp Business number, making user interactions more interesting and engaging.

Clickatell currently supports the following conversational components:

* [Ice Breakers](https://guides.clickatell.com/whatsapp-channel/channel-capabilities/conversational-components/icebreakers): Present pre-written, selectable text options to first-time customers to drive and guide their interactions with your business.
* [Commands](https://guides.clickatell.com/whatsapp-channel/channel-capabilities/conversational-components/commands): Present a list of commands to customers when they type "/". A 'hint" gives the user an idea of what can happen when they use a specific command.

{% hint style="info" %}
These components are only available on **cloud-hosted** WhatsApp accounts. Conversation components are **not** supported on WhatsApp Web.
{% endhint %}

## Setting up WhatsApp Conversational Components

You must configure conversational components per WhatsApp Business phone number via your WhatsApp Manager account.

1. Log in to your [WhatsApp Manager account](https://business.facebook.com/wa/manage/).
2. Hover over the *Account Tools* (suitcase) icon in the left panel and select *Phone Numbers*.

<figure><img src="https://content.gitbook.com/content/H9mbp0ZlSZKdmkQMXA0U/blobs/4qaKj49ecLBEwpYTL7PA/image.png" alt=""><figcaption></figcaption></figure>

3. Select the gear icon in the *Settings* column next to the number for which you want to add the conversational component.

<figure><img src="https://content.gitbook.com/content/H9mbp0ZlSZKdmkQMXA0U/blobs/oQ2L8O0uGPKiQ4MKFMG9/image.png" alt=""><figcaption></figcaption></figure>

4. Select *Automations* and then select *Edit* for either Ice Breakers or Commands.&#x20;

<figure><img src="https://content.gitbook.com/content/H9mbp0ZlSZKdmkQMXA0U/blobs/qmSAp25tVQ8GOzqnQcee/image.png" alt=""><figcaption></figcaption></figure>

5. Add, edit, and rearrange your Icebreakers and Commands. A preview is shown on the right.&#x20;

<figure><img src="https://content.gitbook.com/content/H9mbp0ZlSZKdmkQMXA0U/blobs/BAu4cF0R84MaOUvRozqf/image.png" alt=""><figcaption><p>Add up to four icebreakers and preview.</p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/H9mbp0ZlSZKdmkQMXA0U/blobs/aCLfsqcPH7CJOipCebdi/image.png" alt=""><figcaption><p>Add up to 30 commands and preview.</p></figcaption></figure>

6. Save any changes.&#x20;
7. Your icebreakers and commands can now be used by your customers. You can return to these screens and edit your conversational components at any time.

## Testing conversational components

Once you've set up your icebreaker or command, open WhatsApp and start chatting with the WhatsApp Business phone number. It will be available immediately for you to see.

Since icebreakers only work with **first-time** conversations, you'll need to clear the chat first if you have an existing chat thread with the business number. To clear a chat, go to the business's profile in WhatsApp, tap the ellipses ("kebab") menu next to the business name, and select *Clear chat*. When the business now initiates a conversation by sending a template, the icebreakers will appear.

{% hint style="success" %}
Find more information:

* [Icebreakers](https://guides.clickatell.com/whatsapp-channel/channel-capabilities/conversational-components/icebreakers)
* [Commands](https://guides.clickatell.com/whatsapp-channel/channel-capabilities/conversational-components/commands)
  {% endhint %}