See this widget in action here.
The Coupon Code Widget allows you to display promotional codes in an interactive and stylish format. It provides options for copying the code, redirecting users, and customizing the layout and design to fit your website’s branding.

Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Go to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Coupon Code widget.
- Toggle the switch to activate it. The widget will now be available in the Elementor editor.
Widget Options
Coupon Code Settings

- Style: Choose from multiple pre-designed styles for the coupon display.
- Layout: Select between inline or stacked layouts.
- Coupon Code: Enter the promotional code to be displayed.
- Description: Add additional information about the offer.
- Button Text: Customize the text on the copy button.
- Text After Click: Define the message that appears after the coupon is copied.
Link & Action Settings

- Redirect Link: Set a URL where users will be directed after copying the code.
- Action After Click: Choose between simply copying the code or copying and redirecting the user.
Display & Layout Settings
- Alignment: Align the coupon box to the left, center, or right.
- Content Layout: Display the coupon in a horizontal or vertical format.
- Card Style: Choose from multiple pre-designed card layouts.
Style Options
- Background Colors: Customize the background color of the coupon box.
- Border & Shadow: Adjust the border style and apply shadows.
- Typography: Modify font styles for coupon text and descriptions.
- Button Styling: Customize button colors, hover effects, and alignment.
- Text Colors: Set different colors for headings, descriptions, and coupon codes.
- Spacing & Padding: Control margins and padding for better layout adjustments.
Conclusion
The Coupon Code Widget is a powerful tool for showcasing promotions in an engaging format. With its interactive copy feature and customizable design, it helps increase conversions and enhances user experience.