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 Font, Bar 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.
-