# Card Container Action

This operation will add a new card in a carousel template. Each card can have text, an image, multiple buttons and a default URL.

![](https://2678899722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPD9c4fJbXSAZcPHt9%2F-Lg2nd7sN6ni4VSYjOQw%2F-Lg2njDEpydKfQeLqX6p%2Fimage.png?alt=media\&token=3ce8027f-12b2-4eaa-9bd1-775372690c23)

### Settings

The action uses the following settings:

| Setting                   | Description                                                                                                                                                                                                                                                                                                                                        | [Parsed](https://docs10.xenioo.com/actions-and-operations/dynamic-parsing) |
| ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| Title                     | The title of the card.                                                                                                                                                                                                                                                                                                                             | :white\_check\_mark:                                                       |
| Subtitle                  | The subtitle of the card.                                                                                                                                                                                                                                                                                                                          | :white\_check\_mark:                                                       |
| Web View Height Ratio     | These options change the height of the Web View used to display web content when using an [Url Button](https://docs10.xenioo.com/actions-and-operations/cards/additional-buttons/xenioo.bots.actions.base.operations.buttonurloperation). This is a [Facebook ](https://developers.facebook.com/docs/messenger-platform/webview/)specific setting. | :white\_check\_mark:                                                       |
| Default Url               | The default Url that will be opened by the card when clicked                                                                                                                                                                                                                                                                                       | :white\_check\_mark:                                                       |
| Image Source              | The Url or Xenioo storage source of the card main image. External image Urls need to be served through HTTPS protocol.                                                                                                                                                                                                                             | :no\_entry:                                                                |
| Use Messenger Extensions  | Enables the [Facebook messenger extension](https://developers.facebook.com/docs/messenger-platform/webview/extensions/) feature. When enabled the Default Url value must be part of the [whitelisted domains](https://docs10.xenioo.com/basic-concepts/publishing/channels/facebook#whitelisted-domains).                                          | :no\_entry:                                                                |
| Redirect To Floating Area | If enabled and supported, the link will be displayed inside the channel floating area. Currently only [Web Channel](https://docs10.xenioo.com/basic-concepts/publishing/channels/web) supports the floating area.                                                                                                                                  | :no\_entry:                                                                |

### Remarks

Not all channels can natively display carousels. Xenioo will resort to alternate rendering methods if the selected channel does not support carousels natively.

{% embed url="<https://www.youtube.com/watch?v=MSFPls2DyPc>" %}

When used on a touch enabled device, carousel cards can be scrolled using a simple swipe gesture.

### Trigger

This action has no triggers.

### Variables

This action does not produce any variable.

### Availability

Channel specific availability follows the table below:

| Channel          | Availability     |
| ---------------- | ---------------- |
| Facebook         | Fully Available. |
| WhatsApp         | Fully Available. |
| Telegram         | Fully Available. |
| Web              | Fully Available. |
| Alexa            | Fully Available. |
| Google Assistant | Fully Available. |
| Slack            | Fully Available. |
| API              | Fully Available. |

This action can be used only inside interactions and not as child of other actions. Any account can use this action regardless of [subscription level](https://docs10.xenioo.com/basic-concepts/your-account/the-free-plan).

### Further Reading

{% embed url="<https://www.xenioo.com/en/using-button-groups-cards-carousel/>" %}
