Editor Content - Coupon Code

The Coupon Code element allows you to display a discount or promo code that visitors can easily copy to their clipboard with a single click. This feature helps increase engagement and improve conversions by making it simple for users to use their discount codes during checkout.  

To customize it, click on the Coupon Code block, then click the Settings icon to open the Coupon Code Settings panel.

Actions

This defines what happens when a visitor clicks the “Copy Code” button:

• Copy to clipboard and show this step’s sticker – Copies the coupon code to the clipboard and displays the popup’s sticker version.
• Copy to clipboard and end this campaign – Copies the coupon code and ends the campaign immediately after the action.
• Copy to clipboard and change step – Copies the coupon code and moves the visitor to another step within the same campaign.

Placeholder

Enter the default coupon code text that will appear inside the box (e.g., WINTER20 or SAVE10). This is the code that users will copy.

Button Text

Customize the text on the copy button (e.g., Copy Code, Get Discount, Use Offer).

Success Message

The message shown when the code is successfully copied to the clipboard (e.g., Coupon copied successfully!).

Error Message

The message displayed if copying the code fails (e.g., Failed to copy coupon. Please try again.).

Enable Click Tracking

Turn this on to track when users click the copy button. This helps you measure engagement and conversion performance.

Enable Event Bubbling

When enabled, the click event can be detected by parent components or higher-level elements. If turned off, the action applies only to the coupon code button.

Buttons

• Cancel – Discards any changes made and restores the previous settings.
• Apply Changes – Saves and applies your updates to the coupon code block.

The Coupon Code Settings panel makes it easy to manage how discount codes appear and function in your popup. By customizing messages, tracking clicks, and defining actions, you can create a smooth and rewarding user experience that drives more coupon redemptions.

Continue by learning how to use the Spacer element to manage layout spacing and create visual balance in your popup designs: Editor Content – Spacer