Top Coupon Code Bar

When customers activate or obtain a discount through a method within Shoptimized 5.0, a coupon code bar will appear showing visitors the code they’ve received to easily copy and paste for use, learn how to configure this feature here.
Written by Jonathan Diaz
Updated 10 months ago

When customers activate or obtain a discount through a method within Shoptimized 5.0, a coupon code bar will appear showing visitors the code they’ve received to easily copy and paste for use.

Enable – Toggles Top Coupon Code Bar on or off.

Background Color – Changes the background color of the Coupon Bar.

Text Color– Changes the text color of the Coupon Bar.

Coupon Code Color – Changes the color of the Coupon Code itself.

7 STEPS 

1 The first step is to open the theme settings area of your Shopify theme config and go into the Top Coupon Code Bar section.

Step 1 image

2 Now click Enable to show the Coupon code in header after the customer redeems a coupon.

Step 2 image

3 Next, select a background color for coupon code section.

Step 3 image

4 Next, select the coupon code text color.

Step 4 image

5 Next, select color for your coupon code.

Step 5 image

6 Now click save to save your theme config and preview changes.

Step 6 image

7 That's it. You are done!

Step 7 image

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1583411/DemoStore---Top-Coupon-Code-Bar

Did this answer your question?