Promo pop-up (Discount)

You can create your promo code on Shopify Dashboard. Go to Discounts /Create Discount/Choose the type of Discount. In your theme customizer, put the label of the promo code in the Popup promo code. Customers enter this code at checkout.


Promo pop-up discount settings Description
Heading Type the text for the discount heading and set up the font view. 
Description Type the text for the discount description and set up the font view. 
Promocode Type the label for a promo code. 
Discount background color Choose the background color for the pop-up by clicking on the circle and selecting a color. 
Button label

Type the label for the button.

*If you remove the label, the button will be invisible.

Button color style 

This feature allows to change button color style:

  • Primary 
  • Secondary 

This setting can be applied to buttons, links, and underlined links within the section.

*To choose or change colors for button styles, go to the theme settings in "Colors" tab to block "Primary button and secondary". Changing colors in theme settings will affect the whole theme.

Button style

You can choose from seven different button styles:

  • Default button: This is the standard button style with a solid background color and text.
  • Default button with icon
  • Outline button: This style features a transparent background with a colored outline and text.
  • Outline button with icon
  • Inline button: The inline button style blends seamlessly with the surrounding text, appearing as a link with the same color.
  • Inline button with underline: Similar to the inline button style, this option adds an underline to the text, making it more noticeable.
  • Inline button with underline on hover — this option adds an underline to the text on hover.
Button icon For example, you can add an arrow on the button. Add the icon through select an image and choose from the library or upload a new file.
Background image Choose an image for a pop-up from the library, upload a new one, or use free images.
Background color Choose the background color for the pop-up by clicking on the circle and selecting a color. 
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