Card message

A card message is a message that features a formatted card. Depending on the channel, the card can contain an image or a video. The card can contain choices to display text, a URL, a location, or make a call. You can send a card message by making a POST request to the /messages:send Conversation API endpoint with the following payload:

{}

Card message schema

A card message can take the following parameters and properties. Required parameters are marked.

title
required
string

The title field is required.

Array of objects (Choice message)

You may include choices in your Card Message. The number of choices is limited to 3.

description
string

This is an optional description field that is displayed below the title on the card.

height
string (CardHeight)

You can set the desired size of the card in the message.

Enum: "UNSPECIFIED_HEIGHT" "SHORT" "MEDIUM" "TALL"
object (MediaCarouselMessage)

A message containing an image media component.

Note:

Not all channels support every parameter.

The following sections give examples of how card messages are rendered in each channel and specific parameter support:

WhatsApp

WhatsApp channel provides limited native support for card messages. Conversation API will use native quick reply buttons on WhatsApp if:

  • the title is no more than 1024 characters long
  • the description is no more than 60 characters long
  • the card message contains no more than three choices
  • each text choice is no more than 20 characters long and doesn't contain markdown
  • all choices are unique within the message
  • postback data is no more than 229 characters long

Otherwise, your message will be transcoded as a media message with plaintext captions.

Media support in CardMessage:

  • image or video media will be displayed as rich content (see supported image and video types at Media Messages)
  • audio or sticker media will be included as plaintext link on the card due to a limitation of the WhatsApp Business API
  • document media has a conditional support, it can be displayed as rich content when all the choices are Text (see the example above), otherwise it will be a plaintext link in the card

The following image gives an example of a card message.

Card Message

SMS

SMS channel doesn't natively support card messages. Messages are sent in plain text. The following image gives an example of a card message.

Card Message

Facebook Messenger

Facebook Messenger natively supports Card Messages. The media_message property only supports images. The following image gives an example of a card message.

Card Message

Instagram

Instagram natively supports card messages.

Note

Only image media are supported for Instagram cards.

The following image gives an example of a card message.

Card Message

MMS

MMS natively supports Card messages.

Using media in a Card message is optional. If you choose to add media the content can be checked against the recommendations for MMS messages listed in the MMS documentation if you use the MMS_STRICT_VALIDATION flag.

In this message you can send the following media types on MMS channel:

  • image: .jpg, .png (please observe that .jpg files have wider support on mobile devices than .png files)
  • video: .mp4, .gif, .mov
  • vCard (Virtual Contact File): .vcf
  • PDF files: .pdf

We recommend you to keep media file sizes under 1MB as MMS providers usually use this limit.

The following image gives an example of a card message.

Card Message

RCS

RCS natively supports Card Messages with a maximum of 3 choices. The media message in the Card should point to an image or a video. The following image gives an example of a card message.

Card Message With URL Choice

Viber Bot

Viber Bot channel natively supports card messages. The following image gives an example of a card message.

Card Message

Viber Business Messages

Viber Business Messages supports natively Card messages with one URL, Call, or Location choice. The media message in the Card should point to an image. The title of the choice in the Card message has a maximum length of 30 characters, longer content will be truncated.

The following image gives an example of a card message.

Card Message

Telegram

Telegram Bot channel natively supports card messages with one media content. The following image gives an example of a card message.

Card Message

KakaoTalk

KakaoTalk supports Card messages natively.

Note

Card messages on KakaoTalk only support png and jpg image media types.

Media included in the Media message will be rejected by the channel if:

  • the width is below 500px, or if the 'width:length' ratio is below 2:1, or above 3:4 or if the image dimension is not equal to [800px * 600px] (so called wide image)
  • image file format is different than JPG or PNG
  • file size is bigger than 500KB or for image with dimension [800px * 600px] is bigger than 2MB

The concatenated title and descritpion text of the Card message has a maximum length of:

  • 1000 characters (if Card message doesn't contain Media message)
  • 400 characters (if Card message contains Media message)
  • 76 characters (if Card message contains Media message with wide image)

The title of the choice in the Card message has a maximum length of 14 characters.

The Card message can have only one choice in case Media message is a wide image.

Apple Messages for Business

Card messages are converted into a list picker if all choices are text, and are converted into a rich link message if it contains a single URL choice. Otherwise, the message can be sent with an attachment containing the media, and the card content is converted to plain text.

When converted to a rich link message, it's also possible to use a video in the url field, along with an image in the thumbnail_url field inside the card's media_message. This will allow the display of a video media with an image thumbnail.

Supported (as list picker):

Card Message

Supported (as rich link message):

Card Message

Unsupported:

Card Message

LINE

LINE channel natively supports card messages with one media content. The following image gives an example of a card message.

  • Title: max characters limit: 40
  • Description: max characters limit: 60
  • Choice Buttons:
    • Text Message Choice, with postback data. When clicking the button, Text will appear in the chat window, invisible postback data will be sent back.
    • URL Message Choice. When clicking the button, URL will be opened in the embedded browser.
    • Location Message Choice. When clicking the button, Google Map will be opened in the embedded browser.
    • Call Message Choice. When clicking the button, phone dial panel will be opened with prefilled number.

Card Message

WeChat

WeChat channel doesn't natively support Card messages. The following transcoding rules are applied to Conversation Card Messages so they can be delivered on the WeChat channel.

  • Title: Converted to WeChat text.
  • Description: Converted to WeChat text.
  • Media: Converted to WeChat clickable links. Clicking the link will open media content.
  • Text Choices: Converted to WeChat clickable links. Clicking the link will send invisible postback_data back to the Conversation Callback URL. WeChat will also show link label in the chat Window.

    Text Choices

  • Call Choices: Converted to text after removing special characters from phone numbers. The WeChat app will make a choice clickable if it detects a valid phone number in the message. Clicking the phone number will display options such as Make Call, Send Message, etc.
  • Location Choice: Converted to Map URL. Refer to Location Message type for more details.
  • URL Choice: Converted to normal URL.

    Choices

Was this page helpful?