This feature allows you to offer unique or static codes and provides built-in functionality for customers to easily copy codes, enhancing the user experience and enabling tracking of code distribution.
Before you begin
If you plan to distribute unique codes, you will need a .csv file containing your list of unique coupon codes, formatted as a single column with the header 'Coupon Code'.
Add the Coupon Code Element
Enter or create an experience and open a screen to enable the Screen Editor.
Click on ‘Add Element’ from the left-hand menu.
Add the ‘Coupon Code’ element from the General section.
Clicking on the element opens its editing options in the left panel.
Configure Coupon Codes
There are two types of coupon codes you can distribute: Static and Unique.
Static Codes
Static codes present the same code to every customer who goes through your experience.
To distribute a static code, simply input your code in the field that reads ‘STATIC CODE’. The text you type will be displayed to your customers.
Using the Coupon Code element for static codes offers unique features compared to a standard text element:
It allows customers to easily copy the code by clicking on it, including an animation to confirm it has been copied.
It provides coupon-specific design controls for elements like borders and backgrounds.
Unique Codes
Unique codes present a different code to each customer who goes through your experience.
To distribute unique codes, you need to upload a .csv file containing your codes.
The .csv should have a simple format: a single column with the column header ‘Coupon Code’. List all the coupon codes you wish to distribute underneath this header. You can click the ‘Download Template’ option in the left panel to see an example of the correct .csv format.
Jebbit pulls a unique coupon code from the .csv sequentially as customers go through your experience. The first code in your list goes to the first customer, the second code to the second customer, and so forth.
Additional Settings for Unique Codes: Repeat Users
You can choose how to handle customers who go through your experience more than once. The options are:
Show existing code: This displays the same code to repeat users based on cookie data.
Show a new code: This presents a different unique code to users every time they go through the experience, continuing the sequential pull from your list.
Show error message: Instead of a code, repeat users see a customizable error message. You can edit this message in the ‘Edit Error Messaging’ section within the Style Guide.
Design Controls
Like other elements, you can update the background color, borders, fonts, sizing, and positioning of the Coupon Code element in the left panel. You can also adjust the display settings for different states, such as when a user clicks or hovers over it.
Next Steps
After configuring your Coupon Code, preview your experience to ensure everything is working properly.
FAQ
Why are my coupons not showing when I preview?
Unique coupon codes do not show up in previews. To test unique codes, you must use the live launch link. Including a few sample coupons at the beginning of your uploaded .csv is recommended for testing purposes.
Why am I getting an error message when testing my coupon codes?
This may happen if you have set your ‘Repeat users’ setting to ‘show error message’. Repeat users will see an error message when they go through the experience for a second time. To fix this while testing, you can change that setting to ‘Show a new Code’.
What are the advantages of using a Static Code element versus just using a text element?
The Coupon Code element allows users to easily copy the code by clicking on it, including a confirmation animation. It also provides specific design controls.
Can I add an attribute to a coupon code?
Yes, you can add attributes.
How can I see which consumers received which coupon code?
You can see a breakdown of which consumers were distributed which codes by exporting the Event Level Analytics.csv file. In the downloaded .csv, you will find the distributed codes under the column ‘{} - Coupon Code - Form Responses’.
Is there an example of what this type of element looks like?
Yes, you can find it here.