> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add Image Banner to your Checkout flow

The Image Banner component allows you to display promotional or informational images directly in your checkout to improve conversion and communicate key messages to your customers.


## Availability

* Available on: Premium and Plus plans
* Supported pages:
* Checkout
* Thank You page
* Order Status page


## What you can do with Image Banner

* Display promotional banners (discounts, campaigns, seasonal offers)
* Show trust messages (free shipping, guarantee, secure checkout)
* Redirect customers to landing pages or product pages


## How to add an Image Banner

1. Go to Checkout Components (Plus) or Postpurchase customization
2. Click “Add component”
3. Select “Image Banner”
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_14umm8u.png)

## Step 1: Add Images

You can add up to 3 images per banner.

### Option 1: Upload from your device
* Click “Add image”
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_2op6aq.png)

* Select “Upload Image”
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_t0azrs.png)

* Drag & drop your image or click to browse

Supported formats:
* JPG, PNG, WEBP  
Max file size: 2MB


### Option 2: Import from URL
* Go to “Upload New”
* Paste your image link into the “Image URL” field

Example:
https://example.com/banner.jpg

Note:
* The URL must be a direct image link
* The system will automatically import and store the image
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_jkk31l.png)


## Step 2: Manage Images

After adding images, you can:

* Change image → replace with another image
* Remove → delete the image
* Reorder (if supported) → control display order
* Add an URL to redirect your customer

## Step 3: Display Behavior

### Single image
* Displays as a static banner

### Multiple images (2–3 images)
* Displays as a carousel
* Customers can manually navigate between images
* Carousel does not autoplay
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_czar3s.png)=> Save the rule and set the status to "Active" to proceed with next step


## Step 4: Add Image Banner component

* Click "Go to ... page" (Depend on your choice on Checkout (ShopifyPlus), Order Status or Thank you Page)

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1777uqk.png)
* Add **Image Banner**
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_qtkt68.png)

* Place the component in your desired position in the layout
* Add Block ID of the components (if you have multiple Image Banner Components) 

## Best Practices

* Use landscape images for better layout
* Avoid overly tall images (may affect checkout layout)
* Keep text readable and minimal
* Use high-quality images for better visual impact


## Common Use Cases

* Flash sale banner
* Free shipping message
* Upsell promotion
* Trust badges or guarantees


## Notes

* Maximum 3 images per banner
* Performance is optimized for checkout experience
* Ensure your image URLs are valid and accessible



If you need further assistance, feel free to contact our support team.