> 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F7B8HclHyspnD0awo6Qpe%2FImage%20With%20Text%20Card%20(1).jpg?alt=media&amp;token=48efbfa2-9c4e-4234-ac82-1a3b982e7bf6" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FkiXXdH1ePK0DYYsND8Gx%2FImage%20with%20text%20card%201.jpg?alt=media&amp;token=5c2c1d6a-2498-4f51-9592-e74298b76477" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FpC8bvU9P4pMdZC5ZP2js%2FImage%20with%20text%20card%202.jpg?alt=media&amp;token=7cf81c9d-7939-4786-9837-83fed39a1f84" 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.