Spin Wheel

⌘K
  2. Home
  4. Docs
  6. Spin Wheel
  8. Campaign
  10. Win Screen Customization: The Moment of Glory

Win Screen Customization: The Moment of Glory

Designing for Conversion

The user has spun. They won. The confetti has popped. Now what?

The Win Screen (or Success View) is the most undervalued piece of real estate in the plugin. This is where the conversion actually happens. If this screen is confusing or ugly, the user might leave without using the coupon.

This guide focuses on Win Screen Design, creating strong Post-Win CTA buttons, and ensuring that the prize is easily claimed.

1. The Core Elements

The Win Screen replaces the wheel immediately after the spin completes. It typically contains 4 elements:

A. The Headline

  • Default: “Congratulations! You Won!”
  • Optimization: Make it specific. “You unlocked 20% Off!”
  • Variable: Use {{prize_label}} in the text field to dynamically insert the name of the prize (e.g., “You Won: T-Shirt”).

B. The Coupon Code Box

  • Visibility: This should be the largest, clearest element on the screen.
  • Contrast: Use a contrasting background color for the code box so it pops out.
  • Copy Logic: Ensure the “Copy to Clipboard” behavior is active. When clicked, the button text should change to “Copied!” for instant feedback.

C. The Call to Action (CTA) Button

  • The Goal: Do not leave them hanging. Tell them what to do next.
  • Link: Link this button to your Shop page, or a specific collection related to the prize.
  • Label: “Shop Now & Save”, “Claim Your Gift”, “Use Coupon Now.”
  • Auto-Close: You can configure this button to also close the popup when clicked, removing the barrier between the user and the products.

D. The Fine Print

  • Disclaimer: “Coupon valid for 24 hours. Cannot be combined with other offers.”
  • Transparency: Including this builds trust and prevents support tickets later.

2. Social Sharing Logic

Virality is a powerful tool.

  • Social Share Logic: You can enable social media icons (Facebook, Twitter/X, WhatsApp) on the win screen.
  • The Prompt: “Share your luck with friends!”
  • The Incentive: While the plugin doesn’t current reward sharing, just giving users the option to brag about their win often leads to free traffic. “I just won 50% off at [Store Name]!” is a powerful testimonial.

3. Background & atmosphere

You can design the Win Screen to look completely different from the Spin Screen.

  • Visual Shift: Changing the background color (e.g., from Blue to Gold) visually signals a “State Change” to the user’s brain. It wakes them up.
  • Images: Use a celebratory background image (balloons, fireworks).

4. Error States

What if something goes wrong? e.g., The internet disconnects as they spin.

  • Error Handling: The plugin has specific error messages for “Offline,” “Already Spun,” or “Invalid Email.”
  • Customization: You can rewrite these error messages in the “Content” tab to be friendly rather than robotic. Instead of “Error 404,” say “Whoops! The hamster fell off the wheel. Please try again.”

5. Frequently Asked Questions (FAQ)

Q: Can I show a video on the win screen? 
A: Since the win screen accepts HTML in the description field, yes, you can technically embed an iframe or a video tag. However, be careful with sizing, as the popup container has a fixed width.

Q: Does the “Shop Now” button track conversions? 
A: You can add UTM parameters to the link (e.g., myshop.com/sale?utm_source=spinwheel_winner) to track exactly how much revenue is generated from these clicks in Google Analytics.

Q: Can I hide the win screen entirely and just email the coupon? 
A: Yes. In the “Display Settings,” enable “Hide Wheel After Spin.” However, showing the coupon immediately (in the win screen) generally results in higher conversion rates than forcing them to check their email.

Troubleshooting

  • “The button doesn’t do anything”: Check if you have a Redirect URL set. If not, the button simply closes the popup (which is normal behavior).
  • “My variable isn’t working”: Ensure you are using double curly braces {{ }} and spelling the tag exactly right.

Conclusion

The Win Screen Design is your victory lap. It validates the user’s effort and hands them the prize on a silver platter. By optimizing the Conversion Optimization elements here (big copy button, clear CTA), you maximize the revenue from every single spin.

Need Help?

Win screen looking a bit plain? 👉 Contact Our Support Team

How can we help?