How to customize your coupon?

Hello store owners!

This article will guide you on how to set up and customize a coupon that displays on the Product Page or Cart Page of your store using the Snap Coupon app.

We're offering 5 options in the Settings tab:

Product page coupon

1. Coupon customization

Ticket shape:

• Select Coupon appearance that you want
• Select the Coupon color style (e.g., Gradient, Solid) and choose your desired colors
• Customize the Text color, Font size, and Font style for the coupon
• Configure the Button customization by selecting the background color, text color, and font size for the button

• Enable display of coupons as slide and fill in the Minimum coupons for slide display.

For example, if you set the Minimum as 3, the slide layout will only appear when you have equal or more than 3 coupons.

Ribbon shape:

Similarly, you can customize the appearance, coupon style, color, and font text.

2. Action on cart

Allow your customers to apply product coupons when they go to the cart and meet the conditions of these coupons.

3. Badge visibility

Decide which page to display the discount badge. You can choose between:

• Home page
• Collection page
• Search page

Coupon on cart

1. Pop-up display

• Coupon Pop-Up Link Text:

You can customize the link text that triggers the pop-up. This link text is crucial as it will be the prompt that invites customers to view the coupon.

• Coupon shape:

You can choose between Ticket or Ribbon to match your store.

• Coupon customization:

• Choose the Coupon appearance you want to display
• Select the Coupon color style (e.g., Gradient, Solid) and choose your desired colors
• Customize the Text color, Font size, and Font style for the coupon

• Button customization:

Selecting the background color, text color, and font size for the button

2. Dropdown display

You can customize the Text color, Background color, and Border color for the dropdown.

Coupon code

Click the "Change template" button to open the template selector. You can pick from 4 designs:

You can customize the color and the text of the coupon in these sections:

Tick the checkbox "Enable display of coupons as slide" to turn on the slide layout and set the Minimum coupons for slide display.

For example, if you set the Minimum as 3, the slide layout will only appear when you have equal or more than 3 coupons.

Countdown timer

• Toggle the switch at the top to turn the countdown timer on.
• Click Change under the Countdown layout section to select the timer display style that fits your store’s theme.
• You can customize the colors and font sizes for the timer.

Text & Translation

This ensures a smooth and localized shopping experience for customers, matching the language they choose on your store.

• Click + button to choose which language you want to edit (e.g. English, French). These are the languages currently available on your storefront.
• Click Publish new language to create a new language in your Shopify settings.

You can then customize the coupon-related messages in that specific language for:

• Automatic coupon

• Coupon code

• Countdown timer