This guide will walk you through every section of the Pop-up Customization Page inside the Discounty app.
Where to Find the Customization Page
From your Shopify admin, open the Discounty app.
In the left-hand menu, select Customization.
Choose Buy X Get Y..
⚠️ Note: The customization options are only available when you’ve selected “Manual – Show Pop-up” as your reward method.
Before You Start: Choose What You Want to Customize
First, you need to choose what type of element you want to customize:
Pop-up customization - This controls the layout, text, and colors of the reward pop-up shown after qualifying.
Floating Action Button (FAB) customization - This controls the small trigger button that appears on the storefront and can reopen the pop-up.
In this article, we’ll start by covering the Pop-up customization settings. The FAB customization options will be covered next.
Pop-up customization
In this section, we’ll cover the Pop-up customization setting.
1. Customize the pop-up text
Use this section to update the copy that appears in the pop-up.
Header Texts
Title – The main headline at the top of the pop-up
Example: “Your cart qualifies for these rewards.”
You can also use variables like {{campaign}} to auto-display the campaign name.
Subtitle – Supporting text that gives extra instructions
Example: “Now you’re able to choose between them. Add before checking out!”
⚠️ Note: The subtitle is only shown on desktop and will not appear on mobile.
Button Labels
You can customize the labels for the following buttons:
Select
Add to Cart
Continue Shopping
You also have the option to remove the Continue Shopping button entirely.
Discount Badge Options
Control how the discount appears on reward products:
Display the discount as a percentage or amount (e.g., -50% vs -$25)
Enable the “Free Gift” badge — displays a “Free Gift” label instead of a discount amount when the discount is 100%.
2. Color Customization
Match the pop-up style with your store’s branding by customizing the color palette.
Theme Colors
Primary Color: Used for main CTAs like “Add to Cart,” “Select,” and main text including product names, prices, and button text on secondary buttons and guidance text.
Secondary Color: Used for secondary button backgrounds, main button text, product card backgrounds, and guide text background.
Borders Color: Used for product card edges and navigation dots.
Element Colors
Customize specific UI elements:
Pop-up background color
Header background color
Header text and icon color
Sales badge color
⚠️ Note 1: A real-time preview is available on the right side - with toggles for desktop and mobile view.
⚠️ Note 2: You currently cannot customize the color of the footer section and its buttons on mobile view.
3. Control pop-up behavior (dismiss settings)
Control how and when the pop-up disappears after it’s shown:
Dismiss until a campaign is triggered again
→ Once the pop-up is closed, it won’t show again until the campaign conditions are met again - either from a new campaign or re-triggering the same one.
Dismiss for 2 minutes after closing
→ Prevents showing again even if other campaigns are triggered, for 2 minutes.
Keep showing until the reward is added
→ Most aggressive option: ensures user doesn’t miss the gift. Good for urgent promos.
Floating Action Button (FAB) Customization
In this section, we’ll cover how to customize the Floating Action Button (FAB) - the small widget that appears on the storefront and lets customers reopen the reward pop-up at any time.
1. General Settings
These settings control the FAB’s behavior and position on your storefront:
Remove Close Button
→ If enabled, this will remove the close (X) icon from the FAB. Customers will not be able to hide the button.
Floating Button Position
→ Choose whether the FAB appears in the bottom-left or bottom-right corner of your site. (Default: bottom-left)
Floating Button Radius
→ Adjust the corner radius to control the shape of the FAB. Set it to 0px for sharp edges, or increase it to make the FAB fully circular.
2. Color Settings
Customize the FAB to match your brand colors:
Floating Button Background
Floating Button Icon Color
Close Button Color
🎨 These color changes help you align the FAB with your store’s theme and UX expectations.
Preview in Real-Time
Everything you customize is instantly visible in the preview pane:
Mobile & desktop toggle available
Live view of test reward products and buttons
Preview your color and text changes before going live
After checking everything, you can save the changes and make them live. Remember, the “Reset to Default” button will revert all changes to the original version.
What’s Not Customizable (Yet)
Currently, the following options are not supported:
Changing fonts
Modifying the layout structure (e.g., switching from grid to carousel)
Adding videos, icons, or custom HTML
Need Help?
If something isn’t working or the pop-up isn’t appearing:
Make sure the App Embed is enabled in your Shopify theme.
Confirm that Manual – Show Pop-up is selected in the campaign setup.
Contact us via chat, or refer to the full BXGY Setup Guide.