How to Create a Pick a Gift Popup With Claspo (Step-by-Step Guide)

Introduction

Website gamification has come a long way from being a fun gimmick to a proven strategy that drives real engagement and conversion. Data doesn’t lie: gamified elements can lead to up to a 400% increase in conversions and nearly 30% higher sales.

Among the many gamified tools available, the “Pick a Gift” popup stands out as a crowd favorite for e-commerce stores and content-driven websites. It blends interactivity, surprise, and value in a fun, low-effort way for the user.

In this guide, we’ll show you how to create a high-converting pick-a-gift popup using Claspo, a powerful no-code popup builder. Whether you’re looking to boost signups, reduce cart abandonment, or simply create a fun moment on your site — this step-by-step blog will walk you through everything you need.

What is a Pick a Gift Popup?

A Pick a Gift popup is a gamified lead capture and conversion tool that presents your visitors with a fun challenge: choose a gift box (or envelope, bag, etc.) and reveal a reward hidden inside.

Here’s how it works:

1. Popup triggers based on a user’s behavior — like time on page, exit intent, or scroll depth.
   
2. The user is prompted to pick a gift box from several options.
   
3. They click and reveal a reward or discount.
   
4. They’re prompted to take immediate action — such as entering their email, completing a purchase, or redeeming the prize.
   

It’s simple, it’s interactive, and most importantly — it converts.

Why Pick a Gift Popups Really Work

Pick-a-gift popups work because they hit the sweet spot between psychology, fun, and marketing. Here’s why they’re so effective:

1. They Boost Email Signups

Instead of offering a flat “Sign up and get 10% off,” you gamify the incentive. Users feel like they’ve earned something, and that makes them more likely to share their email.

2. They Increase Conversions

People love choice. When users get to pick their reward, it gives them a sense of control and personal investment. That’s a psychological win that leads to more action.

3. They Create a Memorable Experience

Gamified elements like gift-picking trigger excitement and curiosity. This experience is tied to your brand, increasing the chances of repeat visits and loyalty.

4. They’re Perfect for Seasonal Campaigns

Running a holiday or product launch campaign? A pick-a-gift popup feels festive, and interactive, and creates urgency — especially when paired with a countdown timer.

Want to dive deeper into using Claspo on your website? Check out our step-by-step guide on How to Easily Create Popups on Your Website with Claspo. It walks you through everything from design to targeting rules, so you can launch popups that convert — without touching a single line of code.

How to Create a Pick a Gift Popup in Claspo

Ready to build your first interactive popup? Claspo makes it quick, easy, and completely code-free.

Step 1: Create a Claspo Account

Head over to Claspo and sign up for their Free Forever Plan. Once you’re logged in, open the dashboard and click on “New Widget.”

Step 2: Choose a Gamified Template

In the left panel, go to Use Case → Gamification. Claspo offers several ready-to-use gamified templates. For this blog, we’ll use the Deal Bags Template.

Click “Use This Template” to begin customization.

Step 3: Customize the Gift Boxes

You can adjust the number of gift boxes by selecting the element and tweaking the “Number of Boxes” in the Style panel.

For example, if you want to offer 3 different rewards, set the number to 3.

Add Custom Rewards:

• Go to the General panel
  
• Click Edit Rewards
  
• Customize the rewards: set discount values, change win chances, or choose custom rewards like:
  
  • Free shipping
    
  • Free samples
    
  • Loyalty points
    
  • Exclusive product access
    

Each reward can have its unique promo code, which is automatically revealed when a user wins.

Step 4: Set Up a Countdown Timer

Timers add urgency. Claspo lets you use a Relative Timer, which starts individually for each visitor.

To set it:

• Go to Timer Settings
  
• Select “From the start of displaying”
  
• Choose whether to reset the timer once it expires
  

For limited-time offers like Cyber Monday, you can turn off the reset for more urgency.

Step 5: Add Form Fields and Personalization

Want to collect user info? Add a First Name field and email input on the signup page.

Claspo also allows merge tags for personalized messages. For example:

“Hey {{First Name}}, your reward is waiting! 🎉”

This creates a tailored experience that feels more human and less robotic.

Step 6: Preview for Mobile and Desktop

Claspo automatically optimizes your popups for mobile responsiveness, but it’s always good to manually review:

• Switch to Mobile View
  
• Check element spacing
  
• Ensure buttons are touch-friendly
  
• Add a clear close button
  

Remember: A popup that works well on desktop but annoys mobile users can hurt your performance. Looking to take your marketing automation even further? Don’t miss our detailed guide on How Claspo Completes ActiveCampaign for Best Conversions. In that post, we break down how Claspo’s interactive elements — like popups and embedded forms — work hand-in-hand with ActiveCampaign’s automation flows to drive higher engagement and better conversion rates. It’s the perfect next step after setting up your interactive system.

Step 7: Set Display and Triggering Rules

This is where the magic happens. Claspo gives you a rich set of triggering and targeting options.

Smart Triggers:

• After X seconds on the page (default: 20 seconds for higher conversions)
  
• Scroll depth
  
• Exit intent
  
• Click-based triggers
  
• API-based triggers (for advanced users)
  

Targeting:

• Target specific URLs, countries, or cities
  
• Show popups to returning visitors with different offers
  
• Use UTM parameters for campaign-specific popups
  

You can even create a launcher icon that sits at the bottom of the page — great for giving users control over when to interact.

Step 8: Connect to Your CRM or Email Service

Claspo integrates with most popular tools — including:

• Mailchimp
  
• Klaviyo
  
• HubSpot
  
• Zoho CRM
  
• Zapier and more
  

After connecting, map your form fields so user data gets synced properly. This lets you trigger personalized email flows or automate follow-up campaigns.

Step 9: Install the Script on Your Website

The final step is publishing your widget. Join Claspo provides a simple JavaScript snippet you can add to your website’s header.

Once installed, your Pick a Gift popup is live and ready to turn visitors into leads.

Pro Tips for Making Pick-a-Gift Popups Perform Better

✅ Keep Your Offer Clear

Don’t make users guess. Highlight the benefit clearly: “Pick a gift and win up to 30% OFF.”

⏱ Timing is Everything

Avoid showing popups instantly. Studies show that delayed popups convert 13% better. Give users a chance to explore your content before engaging them.

🎯 Target the Right Audience

Offer relevant gifts depending on user behavior. For example:

• First-time visitors: Welcome gift
  
• Returning visitors: Loyalty bonus
  
• Cart abandoners: Exclusive discount
  

📱 Optimize for Mobile

Ensure clickable areas aren’t cramped. Claspo automatically adjusts the design, but tests manually for perfect alignment and spacing.

🔀 A/B Test Frequently

Test variations of your:

• Headlines
  
• Reward types
  
• Triggers
  
• Colors and layout
  

Claspo’s built-in A/B testing lets you run split tests and discover what drives the best results.

Build Interactive Marketing Systems That Convert

At Axiabits, we help businesses like yours set up interactive marketing systems using Claspo, Webflow, and other modern platforms. Whether you’re launching your first campaign or scaling up, our team can handle setup, customization, and integrations — all tailored to your goals. Book now and let’s get started! 🚀

Final Thoughts

Gamification isn’t just about fun — it’s a smart marketing move. And Pick a Gift popups are one of the easiest and most effective ways to bring gamification to your website.

With Claspo, you don’t need coding skills or a big budget. You just need a clear goal, a great offer, and a few minutes to set it all up.

Want to boost your conversions and delight your visitors?

👉 Start your Free Forever Plan with Claspo and build your first gamified popup today!

Disclaimer 

This article features affiliate links, which indicates that if you click on any of the links and make a purchase, we may receive a small commission There’s no extra cost to you and it aids in supporting our blog, enabling us to keep delivering valuable content. We solely endorse products or services that we think will benefit our audience.

Frequently Asked Questions