Carousel Card

Supported Platforms: Webchat, Facebook, Instagram, LINE

With Carousel Card, you can create an interactive experience by displaying multiple images in a swipeable format.

It also offers customization options, such as buttons, links, and tags, to better engage customers and enhance their journey.

Carousel Card

Carousel Messages = Text Card + Photo Card.

You can rearrange the cards by dragging them and add up to 10 cards.

This card consists of 5 editable sections:

1. Upload Image

2. Actions Upon Clicking the Image

3. Title and Description

4. Add Button

5. Add Carousel Message Card

To save a carousel message, you must complete 3 required settings:

1. Upload an image

2. enter a title

3. set up one button.

1. Upload Image

Images must be in .jpg, .jpeg, or .png format and up to 10 MB.

Recommended Dimensions:

• Rectangular: Supports a 1.91:1 image ratio.

Platform	Recommended Image Size
Webchat	955 × 500 pixels
Facebook, Instagram	955 × 500 pixels
LINE	755*500 pixels
Webchat, Facebook, Instagram, LINE	LINE: 755*500 pixels Other platforms: 955 × 500 pixels

• Square:

  • Supports a 1:1 image ratio.

  • Recommended size: 955 × 955 pixels.

2. Actions Upon Clicking the Image

Actions Upon Clicking the Image

This is an optional setup section with 2 available actions:

• Click to open URL: When a customer clicks the image, it will redirect to the specified website.

• Additional Actions: When a customer clicks the image, it will add the preset tag to the customer automatically.

Sharing Chatbot Messages with LINE Friends

You can now use Chatbot 2.0 to set up actions that allow customers to share chatbot messages with their LINE friends. This feature is only available on LINE platform and is only supported in Chatbot 2.0.

Supported Card and Button Types

You can set up "Share with LINE Friends" action on the following card types and buttons:

• Text Card

  • Regular button (including Live Agent Card)

• Carousel Card

  • Image click action

  • Regular button

• Image Carousel Message Card

  • Image click action

  • Regular button

Restrictions

1. Only the following card types can be used in a shared block:

   • Text Card

   • Image Card

   • Video Card

   • Carousel Card

   • Image Carousel Message Card

   • LINE Rich Menu

2. Button Restrictions for Shared Blocks:

   • Only URL-based actions are allowed for buttons, such as:

     • Open URL

     • Share with LINE Friends

   • Using other action types will trigger an error.

   • If the block includes a LINE Rich Menu, it can't use a transparent background.

3. Title and Description

• Title: This is a required setup section, and each platform allows up to 80 characters (with each Chinese character counting as one). Emojis are also supported in the bottom right corner.

Title

• Description:

  • This is an optional set up section, and emojis are also supported in the bottom right corner.

  • Variables are supported on all platforms except Webchat. But since multi-platform include Webchat, variables are not supported in that case either.

  • Description character count limits are as follows:

Plarform	Maximum Character Limit
Webchat	120 characters
Facebook, Instagram	80 characters
LINE	300 characters
Webchat, Facebook, Instagram, LINE	80 characters

Description

The following two scenarios may cause the title and description to be partially hidden on Facebook:

1. Due to differences in screen sizes across devices, even if the description contains fewer than 80 characters, the full text may not always be displayed on Facebook. This means that what customers actually see may be shorter than what you set in the Omnichat console.

2. If the title is too long, it may also cut off part of the description.

🌟 To view the full text and see how the card is displayed to customers, please check Meta's Facebook chat console on a desktop.

4. Add Button

• Each card must have at least 1 button.

• On the LINE platform, you can add up to 40 buttons, and it's best to use the same number of buttons on all cards. On other platforms, you can add up to 3 buttons.

• Button names can have up to 20 characters. When clicking the button, it will trigger the following actions:

1. Actions Upon Clicking

   1. Reply Block: Clicking the button will take customers to the designated card.

   2. Open URL:

      1. When a customer clicks the button, it will redirect to the specified URL.

      2. When editing a URL, you can change variables by clicking the lower right corner icon, but please note that this feature is not supported in Webchat.

Changing Variables

Share chatbot messages with LINE friends

You can now set up an action in Chatbot 2.0 that allows customers to share chatbot messages with their LINE friends. This feature is only supported on LINE platform and is available exclusively in Chatbot 2.0.

Supported card and button types

• Text Card (including human agent card)

  • Button

• Carousel Card

  • Action upon Clicking the Image

  • Button

• Image Carousel Card

  • Action upon Clicking the Image

  • Button

Limitations

• Only the following card types can be shared with others:

  • Text Card

  • Image Card

  • Carousel Card

  • Image Carousel Card

  • Image Map (Action can not be a Video Message)

  • Video Card

• Buttons on shared cards:

  • Only URL-type actions are allowed, such as opening a URL or sharing to LINE friends.

  • If you use other types of actions, an error will show.

  • If the block includes a LINE Rich Menu, transparent backgrounds are not allowed.

1. Additional Actions

   1. Add Tag: When the customer clicks the button, it will add the preset tag to the customer automatically.

   2. Save as Custom Attribute:

      1. When the customer clicks the button, it will add the preset custom attribute to the customer automatically.

      2. Before using this feature, make sure to add attribute data on the Custom Attributes page. For instructions, please click here.

5. Add Carousel Message Card

Scroll right to add carousel message cards, up to a maximum of 10 message card.

Below is an example of how a Carousel Card displays to customers on each platform:

Card setup:

Carousel Card

How the card displays on each platform: