Card

In this tutorial you will learn about the Card Node, what it does and how to use and its Settings

1. What it does

Use this Node whenever you want to respond the user with rich images.

Card Example


For more info

2. How to use

If you want to say something to user before the Card, Add a Message Node before Card Node

Here, Alexa will read out the message and also shows the card to the user.


Note: Make sure to add Respond Node, in order to send the response to the user.

3. Node Setting

  • Name
    Name for Card Node
  • Title
    A one line title for your card. Length of Title should not be greather than 30-40 characters.
  • Short Description
    A short three-five lines description for your card. Length of Short Description should not be greather than 100 characters.
    Note: Not required for Alexa
  • Image Url
    An image to show inside the Card.
    • Size should be around 720(width) x 480(height) which is recommended, but not strict.
    • The image files you provide must be hosted on an HTTPS endpoint
    • Supported image formats are PNG and JPEG
  • Large Image Url
    An image to show inside the Card, for larger displays.
    • Size should be around 1200(width) x 800(height) which is recommended, but not strict.
    • The image files you provide must be hosted on an HTTPS endpoint.
    • Supported image formats are PNG and JPEG

4. Input

Respond Node takes input from from any node.

5. Output

The selected message version will be passed in the msg.govocal.out.content.card property to the next connected node like below:

msg.govocal.out.content.card = {
    “title”: “Order Confirmed”,
    “subTitle”: “For One Pizza and Three Burgers”,
    “imageUrl”: “Your order for One Pizza and Three burgers is confirmed. Will reach you within 30 minutes”,
    “content”: “https://youranmypizza.com/pizzaandburgerImage.jpg",
    “largeImageUrl”: “https://youranmypizza.com/pizzaandburgerBigImage.jpg"
};

If you want to add or change the card response to user, you only need to change the value of above property.