Make a selection

Customize Upsell with Theme App Extension

Laurel
Laurel
  • Updated

You can access additional style settings to customize the Upsell offer modal right from your theme app embed settings. This allows you to change the appearance of the Upsell modal to match any theme you use on your store. Change the color and size of the Upsell title fonts, change the background color of the Upsell modal, and more.

 


 

Setup

  1. From your Shopify admin, select Online Store > Themes.
  2. Find the theme you’d like to update and select Customize.
  3. Select the App embeds icon in the left menu.

    App embeds icon

  4. If you haven’t already, enable the Upsell Model Settings by sliding the toggle to the right.

    Enablement toggle

  5. Click the arrow next to Upsell Modal Settings to expand the settings.
  6. Select Enable Preview to view your changes as you make them.

    Enable preview

  7. Optional: Select a product from your store to see how it looks as an offer.

    Note: This is a display only option. Offers still need to be created within Upsell before they appear on your storefront.

  8. Make the adjustments you would like to see by moving the slider to the left or right to increase or decrease the font sizes, or click on the colors to select another hue.

    Customize

  9. Once you are finished making your changes, disable the preview and click Save in the top right corner.