Discount popup


Setting Description
Enable test mode Shows a popup example in the theme editor only.
Color scheme Select a color scheme for the discount popup to ensure it matches the overall design and style of your site.
Popup trigger
  • On load – The discount popup appears after the page has loaded, and the user begins scrolling.
  • First product added – The discount popup appears a few seconds after the customer adds the first product to the cart, either from a product card or product detail page.
  • Each product added – The discount popup appears a few seconds after each product is added to the cart.
Popup display limit
  • On load – Set how many times the popup can be shown to a user after the page loads. This prevents the popup from appearing too frequently.
  • Each product added – Set how many times the popup can be shown when products are added to the cart.
Heading This field is for adding a main heading to the discount popup. In the top menu of the field, you can find options to customize the heading, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source for the popup's heading.
Heading size

The heading size setting offers three options to control the size of the popup's heading:

  • Small
  • Medium
  • Large
Text Write a short explanation on how to use the discount code.
Discount code

Enter the discount code. Create this discount in the admin dashboard under the Discounts tab. You can limit the code to one use per customer. Customers can copy the code from the popup and apply it at checkout.

*Below the table, see more details on how to create the discount.
Button label Add a button here, for example, linking to the page with all products. To make the button visible in this block, enter a label for it.
Button link To set a button link, you can enter the link URL directly into the “Button link” field or select a page from the dropdown list of options that appears when you click on the field.
Button style

Choose the button’s appearance:

  • Primary: Uses the primary button color defined in color scheme.
  • Secondary: Uses the secondary button color defined in each color scheme.
  • Outline: A button with a border and no fill.
  • Link: A minimal button style aligned with the text.
Show social media icons Enable this toggle to display social media icons below the email sign-up field. Add links to your social icons in Theme Settings → Social Media.
Scrolling text Add scrolling text to highlight an offer with a discount code.
Scroll scheme Select a color scheme for the scrolling text and its background.
Image Add an image to the discount popup, displayed on the left side.


Create Discount

Select discount type: Amount off products

Set the discount

Example how it can be set


Discount popup

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us