> ## 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 can I customize the look and feel of an offer?

### Overview

UpsellPlus provides flexible design customization options for your upsell offers, allowing you to customize their appearance to your preferences. This helps ensure your upsell offers align seamlessly with the overall look and feel of your store, creating a consistent customer experience.

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

To customize an upsell:


1. Log in to **Shopify Admin**

2. Open the **UpsellPlus** App
* Go to **Apps** in the left-hand menu
* Click **UpsellPlus** from the list of installed apps

3. Create or Edit an Upsell Offer

4. Head to the **Styling** section.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-03-19t13092704_zth551.png)


5. Set customization settings for:

* **Container Styling**: background, border style, border width, border radius, padding, spacing. 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-04-21t11494544_4pbava.png)

* **Typography**: callout banner, product title, subtitle, product price.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-04-21t11501139_ner9hk.png)

* **Button (CTA)**: style, color, border width, border radius.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-04-21t11504111_1vkaa5.png)

* **Image**: border width, border radius.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-04-21t11510310_u7o85t.png)


6. Set **Layout Configuration**:

* You can set different layouts for mobile and desktop versions, giving you the flexibility to customize the appearance and user experience for each.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/a/abfa0cd47f75e80/screenshot-2026-03-19t13413152_1am8l7i.png)

6. Click **Save.**