“Copy Coupon Code Widget” allows user to click to copy coupon code to the clipboard. This widgets makes it easy for users to redeem your promotions coupon codes. It empowers your ability to convert more visitors into sales, leads, or email subscribers by creating engaging, beautiful, and highly-targeting discount code pop ups and coupon popups for website giveaways, promotions, and more.
Let’s look at each of the options in the “Copy Coupon Code Widget” below.
Install Copy Coupon Code Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Copy Coupon Code“
- Hover over the widget in the search results and click install
- Add your “Copy Coupon Code” widget to any Elementor Page
General Settings #
Coupon Code
Type the text for coupon code.
Copy Success
Type text for copy code success message.
Alignment
Set the alignment for copy code button.
- Center
- Left
- Right
Timing
Set the timing to how long to show success message.
Copy Icon
Choose the icon for copy code.
Link Success
Turn on or off the link success.
Link
Paste your URL to link with copy code.
Hover Animation
Select the hover animation for copy coupon code.
- Grow
- Shrink
- Pulse
- Pulse Grow
- Pulse Shrink
- Push
- Pop
- Bounce In
- Bounce Out
- Rotate
- Grow Rotate
- Float
- Sink
- Bob
- Hang
- Skew
- Skew Forward
- Skew Backward
- Wobble Vertical
Attention Grabber
Select any attention grabber effect from below options.
- Blink
- Bounce
- Fade
- Shine
- Spin
- Pulse
- Grow
- Waggle
Copy Coupon Code Widget Styling #
Style the padding, background color, typography, border, margin etc.
Hover Styling #
You can style the background color hover, text color, and border hover type.
Copy Success Styling #
Style the copy success background, color, and padding.
Usage Examples #
Here are some live use cases for the Copy Coupon Code Widget.