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 changing 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

Choose from seven button styles:

  • Default: Solid background with text.
  • Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
  • Outline: Transparent background with colored outline and text.
  • Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
  • Inline: Looks like a text link. You can also add an icon using the same steps as the Default with icon style.
  • Inline with underline: Inline style with a permanent underline.
  • Inline with underline on hover: Inline style with underline appearing 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