Customizing the Upsell Pop-up Settings

There are settings for the upsell pop-ups within the app that you can modify to suit your preferences. These settings will reflect on the display of the upsell offers that pop up on the cart page of your online store. 

In this article:

Styling the upsell pop-up

1
Launch the app and go to Settings.
2
Under  Customize Design tab, choose  Upsell Popup.
3
Set the colors for the following:
  • Add to Cart button 
  • Add to Cart button text 
  • No Thanks text 
  • Product Title text 
  • Regular Price text 
  • Sale Price text
4
Choose the fonts for the  Upsell Popup and the ' Add to Cart' Button from the drop-down arrows.
5
Click  Save.

Note: For users with knowledge of CSS, there is a full custom CSS section in Settings > Customize Design > Advanced.

Styling the Notification Bar

Your shopping cart has a notification banner that you can enable, disable, or transfer location. This banner is a short message that appears when the customer has availed of the product(s) on your upsell pop-up. Although this banner does not affect at all how the app behaves and is something that one can do without, this may have a big impact on customers who love seeing these aesthetics.

1
In the Settings section, click Notification Bar.
2
Slide the button to the ON position to show the notification bar and reveal its settings.
3
Under the Design tab, choose the colors for the Bar  Background and Bar  Text, sizes of the Bar FontBar  Padding, and the Cart Discount Summary Font according to your preference.
4
Click  Save.
5
(Optional) Click the  Cart Page Placement tab if you want to move the placement of the bar somewhere else.
6
Click Choose Placement.
7
Pick a spot where you want the notification to appear and then click  Save.

Changing the Texts

1
In the Settings section, choose  Language under  Customize Design.
2
Change the Add to cart button to the text that you prefer. In this example, let us change it to Ok , I'd like to buy this, too.
3
Enter your preferred text for the option to decline. In this example, we enter No, m aybe next time.
4
Click  Save.

Still need help? Contact Us Contact Us