设计内容卡内容 design-content-card

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

• TL;DR: This page explains how to design a content card’s layout, text, media, buttons, dismiss behavior, on-click behavior, and custom data, including personalization with loyalty challenge metadata.

Intents:

• Choose a content card layout from the three image layout options
• Enter Title and Body text and personalize loyalty challenge content with challenge metadata
• Add media by URL or from the Assets library
• Add and configure action buttons
• Choose a style for the dismiss button
• Define on-click behavior and pass custom data

Glossary:

• Content card layout: Section offering three image layout options — Small image, Large image, and Image only (product-specific)
• Small image: Displays a compact image alongside text, prioritizing content over visuals (product-specific)
• Large image: Features a prominent image above or beside the text, making visuals the main focus (product-specific)
• Image only: Shows the image without accompanying text (product-specific)
• Advanced formatting mode: A mode that, when switched on, lets you add Alternative text for screen reading applications and a Dark Mode Media URL (product-specific)
• Interact event: The setting that defines what action is triggered when users click or interact with a button (product-specific)
• Dismiss button: The button whose Style you customize, with options None, Simple, and Circle (product-specific)
• Custom data: A section where you add Key/Value pairs to include custom variables in the payload (product-specific)
• Challenge Data: Selected in the content card personalization editor before clicking Add loyalty challenge data to make challenge fields available for personalization (product-specific)

Guardrails:

• When Advanced formatting mode is switched on, you can add Alternative text for screen reading applications and another asset in the Dark Mode Media URL field.
• The authoring construct provides marketers with basic inputs that can be rendered by developers.

Terminology:

• Content card layout options: Small image, Large image, Image only
• Dismiss button styles: “None”, “Simple”, “Circle”
• Do not confuse: the button Target field (destination after interacting with a button) ≠ the Target URL field in On Click behavior (destination after interacting with the content card)

FAQ:

• Q: Which layout options are available? — Small image, Large image, and Image only.
• Q: How do I add media to a content card? — Type in the URL of the media, or click the Select Assets icon to choose from your Assets library.
• Q: How do I add alternative text or a dark mode image? — Switch on Advanced formatting mode, then add Alternative text and use the Dark Mode Media URL field.
• Q: What styles are available for the dismiss button? — None, Simple, and Circle.
• Q: How do I pass additional data with the content card? — In the Custom data section, click Add Key/Value pair to include custom variables in the payload.
• Q: How do I personalize loyalty challenge content with challenge metadata? — In the personalization editor, Challenge Data provides Add loyalty challenge data to make challenge fields available for personalizing the content.