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 1 month 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?