Coupon Code widget let you to display deals, discounts, and special offers through your website. You can easily build this widget in different style, using EnterAddons.
Using Coupon Code Widget :
You can see the below video to get an insight into how you can use the Coupon Code Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Coupon Code Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ section you will get Coupon Code Content section.
After that, from Coupon Code Content section, you can add / select style ( style 1, style 2, style 3 and style 4 ). And also you can add coupon-code, copy-button-text, copied-text and icon respectively.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Style Settings, Coupon Code Box, Copy Button and Icon section respectively.
After that, from Wrapper Style Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view, and that is given below.
Moreover, from this section you see HOVER view also.
Then, from Coupon Code Box section you can add content-alignment, text-color, typography, width, height, margin, padding, borer-type, border-radius and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also like below.
Then, from Copy Button section you can add content-alignment, text-color, typography,width, height, margin, padding, border-type, border-radius and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also like below.
After that, from Icon section you can add icon-color, icon-size and margin respectively in NORMAL view.
Moreover, from this section you can see HOVER view also.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
