# 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

## 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.