How to Add a Coupon Code to Your Popup
Learn how to use the Coupon Code element in Popupsmart to display discount codes inside your popups. Explore Fix, Existing, Unique, and Dynamic unique coupon types.
The Coupon Code element lets you show a discount code inside your popup and allows visitors to copy it directly from the popup.
You can use this element when you want to deliver a coupon after form submission and control how that coupon is selected, generated, or created through Shopify.
Where to find it
Go to Customize > Add a new element > Coupon Code.

How it works
After you add the Coupon Code element, a coupon box appears in your popup. Visitors can copy the displayed code, and you can define the message shown after the code is copied.
The available settings depend on the Type selected in the Coupon Code panel.
Coupon code types

Popupsmart supports four coupon code types:
- Fix coupon
- Existing discount coupons
- Unique coupons
- Dynamic unique coupons
Each type handles coupon delivery differently.
Fix coupon
Use Fix coupon when you want to display the same coupon code to every visitor.
This option is used for a single shared code. The code is entered manually and shown as-is in the popup.
Fields:
- Coupon Code — Enter the coupon code to display in the popup.
- Smart Tag — Insert a smart tag into the coupon code field when needed.
Shopify options
If the entered code does not exist in your Shopify store, Popupsmart allows you to create it directly.
Click Create discount code to open the Shopify discount code setup window.

Shopify discount setup fields:
- Coupon code — Sets the name of the discount code.
- Percentage (%) / Fixed Amount ($) — Selects the discount type.
- Discount Value — Defines the discount amount.
- Set Expiration Date — Adds an expiration date to the code.
Behavior:
- Every visitor sees the same code.
- The code can be entered manually.
- If needed, the same code can be created directly in Shopify.
Existing discount coupons
Use Existing discount coupons when you want to select a discount code that already exists in Shopify.
This option does not create a new code. It uses an active Shopify discount code that is already available in your store.

Fields:
- Select Discount Code — Choose one active discount code from the dropdown.

Shopify behavior:
- Only active discount codes can be selected.
- Discount code management is handled in Shopify.
- Popupsmart uses the selected Shopify code in the popup.
Behavior:
- All visitors see the same selected code.
- The code must already exist in Shopify.
- No new code is generated from the popup.
Unique coupons
Use Unique coupons when you want to distribute different coupon codes from a custom code list.
This option is useful when you already have multiple codes and want Popupsmart to use them inside the popup.

Fields:
- Use coupon code generator — Enables automatic coupon code generation.
- Coupon Qty — Defines how many coupon codes will be generated.
- Add a prefix for custom codes — Adds a custom prefix to generated coupon codes.
- Coupon Codes — Displays the list of coupon codes to be used.
- Upload Coupon Code (.csv) — Uploads coupon codes in CSV format.
- Download .csv format — Downloads the required CSV template.
Shopify behavior:
- Codes used in this type must also exist in your Shopify store.
- Popupsmart can display and distribute the codes, but the same codes must be available in Shopify as valid discount codes.
Behavior:
- Different visitors can receive different codes.
- Codes can be uploaded in bulk.
- Codes can be generated with a custom prefix.
- Shopify must contain the same codes.
Dynamic unique coupons
Use Dynamic unique coupons when you want Popupsmart to create a unique Shopify discount code for each visitor automatically.
This option is designed for Shopify-based unique coupon creation. If the same email address submits the popup again, the same code is returned instead of creating a new one.

Fields:
- Add a prefix for custom codes — Adds a custom prefix to generated codes.
- Discount Type — Selects the discount type for generated codes.
- Discount Value — Defines the discount amount.
- Set Limits — Enables usage limit settings for the generated code.
Shopify behavior:
- A unique discount code is created in Shopify for each visitor.
- The generated code is tied to the visitor's email address.
- If the same email submits again, the same code is shown again.
Behavior:
- Each visitor receives an individual code.
- No coupon list or CSV upload is required.
- Coupon creation is handled automatically through Shopify.
When to use each type
| Type | Use when |
|---|---|
| Fix coupon | All visitors should receive the same coupon code. |
| Existing discount coupons | The discount code is already active in Shopify and only needs to be selected. |
| Unique coupons | You want to distribute codes from a prepared list or CSV file. |
| Dynamic unique coupons | Each visitor should receive a unique code created automatically in Shopify. |
Sending Coupons via Email
If you want to send these coupon codes through an email autoresponder, you can set one up directly in Popupsmart. Explore "How to Set Up Autoresponder Email Notifications" for further details.
How is this guide?