> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsellplus.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).

# How to add images to your store content to show at checkout


### Overview
Incorporating images into your UpsellPlus customizations can enhance the visual appeal of your checkout process, providing a more engaging experience for your customers. This guide will walk you through the steps to upload and integrate images into your UpsellPlus configurations.

###### Step-by-Step Guide

1. **Upload Images to Shopify Admin**
* Log in to your Shopify Admin panel.
* Navigate to **Content** > **Files**.
* Click on **Upload files** to add the desired images from your device.

2. **Create Custom Content in UpsellPlus**
* From your Shopify Admin, go to **Apps**.
* Select **UpsellPlus** to open the dashboard.
* Navigate to **Customizations**.
* Click on **New Customization**.
* Choose the type of customization you want to create (e.g., banner, product offer).

3. **Insert Uploaded Images**
* Within the customization editor, locate the **Image** section.
* Click on **Add Image**.


![](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-06-11at122_1fxaom8.gif)  
* Select the image(s) you previously uploaded to Shopify's **Files**.
* Adjust image settings as needed (e.g., alignment, size).

![](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-06-11at122_kl94zm.gif)  
4. **Add Customization to Checkout**
* After configuring your customization, click **Save**.
* Navigate to the **Checkout Editor** within UpsellPlus.
* Drag and drop your new customization into the desired position on the checkout page.
* Click **Save** to apply the changes.

![](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-06-11at122_17c0oas.gif)


**Key Considerations**
* **Image Optimization**: Ensure that images are optimized for web use to maintain fast loading times during checkout.
* **Consistent Branding**: Use images that align with your brand's aesthetics to provide a cohesive customer experience.


**Related Articles**
* [How to Hide a Delivery Method](https://help.upsellplus.com/en/article/how-to-hide-a-delivery-method-4znu52/)
* [How to Tag Orders with Custom Messages Using Shopify Flow or Leap Auto Tags](https://help.upsellplus.com/en/article/how-to-tag-orders-with-custom-messages-using-shopify-flow-or-leap-auto-tags-ped98f/)
