Send a card (a component with a title, description, image and button) to chat in this step of the conversation.

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

  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

  1. Title: The card’s title
    • Type: Text
  2. Description: The card’s description
    • Type: Text
  3. Image: The image in the card
    • 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. Button Action Type: Select the action to occur when the button is clicked. Currently only Link is available.

Node Outputs

The card 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 card node in the dependency array of the other node.

Example

The below example is a pipeline for asking a question to the user with a card.

  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. Card Node: Displays the card to the user
    • 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://vectorshift.ai/