---
title: Callout card
description: >
  Callout cards are used to encourage merchants to take an action related to a
  new feature or opportunity. They are most commonly displayed in the sales
  channels section of Shopify.
   
    | Used to | Examples |
    | --- | --- |
    | Promote new features or integrations | Dismissible feature announcement |
    | Drive adoption of app functionality | Common first actions |
    ---
api_name: app-home
source_url:
  html: 'https://shopify.dev/docs/api/app-home/patterns/compositions/callout-card'
  md: 'https://shopify.dev/docs/api/app-home/patterns/compositions/callout-card.md'
---
# Callout card
Callout cards are used to encourage merchants to take an action related to a new feature or opportunity. They are most commonly displayed in the sales channels section of Shopify.
| Used to | Examples |
| - | - |
| Promote new features or integrations | Dismissible feature announcement |
| Drive adoption of app functionality | Common first actions |
***
### Examples
* #### Callout card
  ##### jsx
  ```jsx
  
    
      
        
          Ready to create your custom puzzle?
          
            Start by uploading an image to your gallery or choose from one of our
            templates.
          
          
             Upload image 
            
              {" "}
              Browse templates{" "}
            
          
        
        
          
            
          
        
      
      
    
  
  ```
  ##### html
  ```html
  
    
      
        
          Ready to create your custom puzzle?
          
            Start by uploading an image to your gallery or choose from one of our templates.
          
          
             Upload image 
             Browse templates 
          
        
        
          
            
          
        
      
      
    
  
  ```
## Related
[Requirements - Built for Shopify](https://shopify.dev/docs/apps/launch/built-for-shopify/requirements)