Send a carousel (a gallery of multiple cards) to chat in this step of the conversation.

You have two options for providing an image in each card of the carousel.

  1. If toggle is on “Variable”, reference images from other nodes
  2. If toggle is on “Upload”, upload an image directly on the node

Node Inputs

Each card has the following inputs:

  1. Title: The card’s title
    • Type: Text
  2. Description: The card’s description
    • Type: Text
  3. Image: The image to be sent at this step in the conversation
    • Type: Image
  4. Button Name: The name of the button
    • Type: Text
  5. Button URL: The URL to navigate to when the button is clicked
    • Type: Text

Node Parameters

On the face of the node:

  1. Add New Card: Add a new card to the carousel

Node Outputs

The carousel node does not have any node outputs but can be connected to other nodes either by connecting with the handle to other nodes or by adding the carousel node in the dependency array of the other node.

Considerations

  • To edit the card, you can click on the card name.

Example

The below example is a pipeline for asking a question to the user with a carousel of cards.

  1. Start Node: Represents the entry point of the pipeline
  2. Message Node: Displays the message to the user
    • Message: Hello, how can I help?
  3. Carousel Node: Displays the carousel to the user
    • Card 1
      • Title: VectorShift
      • Description: VectorShift combines a user-friendly No-code interface with a robust Code SDK
      • Image: [Uploaded Image]
      • Button Name: Visit VectorShift website
      • Button URL: https://www.vectorshift.ai
    • Card 2
      • Title: OpenAI
      • Description: AI research and deployment company dedicated to ensuring that general-purpose artificial intelligence benefits all of humanity.
      • Image: [Uploaded Image]
      • Button Name: Visit OpenAI website
      • Button URL: https://www.openai.com