Create Your First Coupon Game
To get started, install the YouCupon app from the Shopify App Store (opens in a new tab). Once installed, your dashboard will look like this:
Click the "Get Started" button to begin the onboarding process. This step-by-step guide will help you create a conversion coupon and a lead-generation coupon, both essential for running coupon games on a target product.
Select the Target Product
Choose a product where you'd like YouCupon to add a "Draw a Coupon" button. This button will appear near the price label on the product page and will launch a coupon game when clicked.
Create a Conversion Coupon
Follow the steps below to create a conversion coupon for your target product. This conversion coupon will be the winning prize in the coupon game.
Mask Editing
Use the editor to remove the background from the product image. This improves the appearance of the coupon and makes the product more visually appealing in a coupon game. You'll see a preview of how the coupon game will look on the right-hand side, which updates based on your mask editing.
Coupon Settings
Adjust the coupon settings to match your needs. The highlighted fields below are required and can impact your shop's performance—ensure all values are set correctly before proceeding. For more details, check out the Settings Guide.
Once you've set up your coupon and clicked the "Create" button, your first conversion coupon will be successfully created.
Select Another Product
Next, you'll be guided to create a non-winning coupon for a different product. This coupon will act as the non-winning prize in the coupon game, encouraging engagement with the product.
You can select either a lead-generation coupon or an affiliate coupon as the non-winning prize. Here, we'll guide you through the steps to create a lead-generation coupon. Select "Create a lead-generation coupon" and pick a product.
Create a Non-winning Coupon
Follow the steps below to create a lead-generation coupon as the non-winning prize in the coupon game:
Mask Editing
Edit the mask to remove the background from the product image.
Coupon Settings
Adjust the coupon settings to suit your needs. For detailed guidance, visit the Lead-Gen Coupon Settings page.
Once you've completed these steps, click the "Create" button to finalize your lead-gen coupon.
Enable Shopify App Block
This step is necessary for YouCupon to run correctly.
Finally, you have to enable shopify appblock in Shopify dashboard, this allow YouCupon to display coupon game and coupon wallet on your shop.
Until now, you should see a button to enable the Shopify App Block:
Follow the link with to navigate to Shopify Dashboard and click the save button on the right top.
If you want to manually enable the appblock, you can follow the step below:
Open Theme Editor
Open the theme editor. Go to your Shopify admin page, navigate to Online Store > Themes, and click the Customize button for your active theme.
Enable App Embeds for YouCupon
In the theme editor, goto app embeds and click on the switch besides YouCupon.
Add YouCupon Widget to Header
Next, goto header and click Add block, then search for the YouCupon Header Widget section.
Click Save to apply the changes.
Congratulations! Now your customers will be able to see coupon games and their coupon wallet in your shop.
Next Steps
Setting up your first coupon game is just the beginning! There are several additional features to explore that can further enhance your shop. Let's dive in.