Skip to Content
CraftBot Docs v1 — internal preview

Card Carousel

The Card Carousel node renders up to 10 swipeable cards on the customer’s side. Each card has a title, optional subtitle, optional image, and up to 3 action buttons.

Configuring the node

  1. Drop the Card Carousel node from the Messaging category onto the canvas.
  2. Open the configuration drawer.
  3. Add Cards (1–10 maximum). Each card has:
    • Title — bilingual.
    • Subtitle — bilingual, optional.
    • Image URL — optional.
    • Buttons — 0–3 per card. Each button has a bilingual label and an action:
      • Go to node — jump to another node in the recipe.
      • Open URL — launch a URL on the customer’s device.
      • Set variable — assign a value to a recipe variable.

Output port

  • next — the recipe continues after the carousel is sent. Customer interactions with the cards’ buttons are handled by each button’s own action (jump, URL open, or variable assignment) and don’t change the default flow.

Where it’s used

Use Card Carousel when the answer set is visually rich and the customer benefits from seeing multiple options at once — for example, plan tiers, network hospitals, or claim categories.

Best practices

  • Limit cards to what fits on the customer’s screen without excessive swiping. 3–5 cards is usually enough.
  • Include an image when it materially helps the choice. Avoid using stock decorative images that add no information.
  • Use the Go to node action to route the conversation down a card-specific branch. Avoid stacking too many Open URL actions on the same carousel — it breaks the conversation flow.
  • The Cards node is bounded server-side at 10 cards and 3 buttons per card. Anything beyond that is rejected at save time.
Last updated on