{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":4988,"path":"conversational-interfaces/virtual-agent/insert-header-card-user-input-control.md","title":"Insert a header card in a Static Choice or Dynamic Choice control","bundle":null,"doc_type":null,"release":"australia","body":"\n# Insert a header card in a Static Choice or Dynamic Choice control\n\nWhen you create a Virtual Agent topic, you can include images and YouTube videos on Static Choice and Dynamic Choice user input controls.\n\n## Before you begin\n\nRole required: virtual\\_agent\\_admin or admin\n\n## Procedure\n\n1. Navigate to **All** > **Conversational Interfaces** > **Assistant Designer**.\n\n2. Select the **Asset library** tab.\n\n3. Open a topic or [create a new one](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/conversational-interfaces/virtual-agent/create-virtual-agent-topic.md).\n\n4. On the Flow tab, drag a Static Choice or a Dynamic Choice user input control onto the canvas.\n\n5. On the Properties sheet, go to **Advanced \\(optional\\)**, and then expand the **Header card** section.\n\n6. Slide the **Insert** toggle switch to enable it.\n\n \\[Omitted image \"va-insert-header-help-yes.png\"\\] Alt text: Header card section of Dynamic Choice user input control, with Insert toggle and Would you like help radio button enabled.\n\n7. Under **Would you like help?**, select either **Yes** or **No, I will use a script**.\n\n - If you selected **Yes**, select **Add card** and complete the following form fields.\n\n\n
\n\nField\n\n\n\nDescription\n\n
\n\nCard type\n\n\n\nType of header card:- Large image with text\n- Small image with text\n- Youtube Video Card\n The fields in the dialog box change according to your choice.\n\n
\n\nTitle\n\n\n\nImage or video title. You can enter it directly in the text field or use a data pill or script to provide the value.\n\n
\n\nTitle Link\n\n\n\nThe URL to use for the video title hyperlink. You can enter it directly in the text field or use a data pill or script to provide the value. If this field is empty, the title displays as plain text.This field is only available for the YouTube video card option.\n\n
\n\nDescription\n\n\n\nBrief description of the image or video.\n\n
\n\nImage URL Link\n\n\n\nURL link for the image. You can enter it directly in the text field or use a data pill or script to provide the value. You can also select **Upload Image** to upload the image.This field is only available for the large and small image card options.\n\n
\n\nImage alt text\n\n\n\nAlternative, screen-readable text that describes the image. It’s used for accessibility programs.This field is only available for the large and small image card options.\n\n
\n\nYoutube Video ID\n\n\n\nThe alphanumeric string at the end of the YouTube URL. For example, in the URL `https://www.youtube.com/watch?v=AacDp2mUQ1I` the YouTube video ID is `AacDp2mUQ1I`.This field is only available for the YouTube video card option.\n\n
- If you selected **No, I will use Script**, select **Add script** to input a script to display your desired media, following the example in the script dialog box.\n\n ```\n function() {\n /*\n var cardName = \"Large image with text\";\n var cardData = {\n title: 'Choose color',\n description: 'choose the right color of the flowers in the image',\n image: 'https://homepages.cae.wisc.edu/~ece533/images/tulips.png',\n imageAlt: 'Choose color'\n }\n var template = \"\";\n if (vaSystem.isAMBClient(vaContext.deviceType))\n template = vaSystem.fillTemplateFromData(cardName, JSON.stringify(cardData));\n return {\n cardTemplate: template,\n cardName: cardName,\n cardData: JSON.stringify(cardData),\n renderStyle: \"card\"\n };\n */\n }\n ```\n\n8. Select **Save**.\n\n\n**Parent Topic:**[Creating a Virtual Agent topic](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/conversational-interfaces/virtual-agent/create-virtual-agent-topic.md)\n\n"}}