Send a card (a component with a title, description, image and button) into the chat at a given step in a 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 by connecting the edge with other nodes.

Example

The below example is a pipeline that sends a message and a card at the beginning of a conversation.

  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/