> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/image-with-text-card.md).

# Image With Text Card

Uses a striking visual to draw attention and encourage customers to explore complementary product, promotion, or branded message without sending the shopper away.

<figure><img src="/files/UmPJXltZy2VJhuU4GeBE" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Upload Image or Video: You can add any image or insert Youtube videos to draw the eye—product shot, lifestyle photo, or graphic.
* Call-to-Action Button: Add a button that links directly to a product, collection, or landing page.
* Headline & Description: Allow to add the heading and description for a product or collection.

## Benefits

* Visual Upsell: The customer are more likely to click an eye-catching image with the headline more than simple text link.
* Increased AOV: Increases what each customer spends by featuring matching items or bundles
* Seamless Branding: Shows your brand’s look and message right before purchase, reminding customers of your quality or any seasonal deals.

## How To Use?

1. Click **Add Block**
2. Choose **Image with Text Card**

<figure><img src="/files/m38wVhwoMfnqaJti337X" alt=""><figcaption></figcaption></figure>

3. Customize the **Image with Text Card** block

<figure><img src="/files/4j1cVs6Osl2iQNKENeZC" alt=""><figcaption></figcaption></figure>

* **Use content container style from theme settings:** Toggles between your theme’s default content width/padding or the card’s own custom padding.
* **Media Type**: Pick a static image background or a video background for the card.
* **Image & Video Sources**: Upload image or videos to the cart drawer
* **Heading**: Your main title with rich-text formatting.
* **Heading size**: Choose XS, S, M or L to scale the font.
* **Description**: A smaller subtitle under your heading.
* **Heading alignment**: Left-, center- or right-justify your heading & description within the card.
* **Button**: Insert a button label, button link and button style.