Shopify app offering a game where customers select a gift, which is then automatically added to саrt

[MariiaK_ANWLL]

I want to implement a game on my website. When visitors enter the site, they see a pop-up. The client selects one of the available options, which reveals the gift they have won. This gift is then automatically added to their cart at no cost, marked as free. It must be a gift, not a discount. Are there any ready-made applications that can accomplish this?

[Shadab_dev]

I don't know of any apps, most particularly since I am a developer and I go coding way almost everytime.

One logic that comes to my mind is you can add your gifts as different products with a tag of gift product with pricing set to 0 and then display a particular gift on selecting an option with a button to add to cart the particular gift item. 

Certainly a bit advanced and time taking but doable. So eti es it is good though to go for apps as they offer you a lot more customization and stuffs. 

If you find any app which offers you customisations for free or may be a small one time fee you should definitely go with that.

Please reach out via personal links below for a convenient conversation and collaboration.

Best

Shadab

[Ellie-BOGOS]

Hi @MariiaK_ANWLL 

Try BOGOS: Free gifts, Discounts & Bundles

This is the flow of customers: first, they should buy some product(s) in the store. Then they will see a pop-up offering different gifts for customers to choose from. The gift item is completely free for customers, and once customers click add to cart, the item will show up in customers' cart.

What do you think? Install BOGOS to try.

Like or Accept my reply as a solution if it's helpful!😊

[DaisyVo]

Hi @MariiaK_ANWLL 

Absolutely! Shopify has several apps that can help you implement a fun, interactive gift-selection game for your website. Based on your needs—offering a game where customers pick a gift and automatically add it to their cart for free—here are a couple of great options:

1. Wheelify by WooHoo

• What it does: This app offers gamified pop-ups like spin-the-wheel, scratch cards, and other interactive options. You can customize it to include a "Pick a Gift" game.
• How it works: When visitors engage with the game, they can "win" a free product. You can set rules so the gift is automatically added to their cart at checkout.
• Why it fits: Wheelify supports adding free gifts instead of just discounts, and you can make the interaction engaging with attractive pop-up designs.
• Link: Wheelify on Shopify App Store

2. Gift Box by Digismoothie

• What it does: This app lets you create gift campaigns where customers get a free product based on specific conditions. Although it's not inherently a "game," you can use a custom pop-up integration to add an interactive element.
• How it works: You configure the gift product, and when the customer interacts with the game (using a third-party pop-up or manual customization), the app adds the gift to their cart.
• Why it fits: It's flexible and supports gifts as standalone items, not just discounts.
• Link: Gift Box on Shopify App Store

3. Spin Wheel Popup by CrazyRocket

• What it does: This is a gamified pop-up app primarily for discounts but customizable for gifts.
• How it works: You can modify the winning outcomes to include free gifts that are automatically added to the cart. The app has built-in support for interactive elements.
• Why it fits: It's cost-effective and works well for small-to-medium-sized stores.
• Link: Spin Wheel Popup on Shopify App Store

Additional Thoughts

If none of these apps fully meet your needs, you can also hire a Shopify developer to build a custom solution. Many apps allow integration with third-party pop-ups like OptiMonk or Privy, where you can create fully customized games and link them to your cart logic.

Here's an Example Using Code:

If you're comfortable with custom code, you can use a pop-up tool and Shopify's AJAX API to add the gift product automatically to the cart. Here's a simplified example:

Code Snippet for Adding a Free Gift:

// Example script to add a free gift (use with a custom game popup)

function addGiftToCart(giftVariantId) {

    fetch('/cart/add.js', {

        method: 'POST',

        headers: { 'Content-Type': 'application/json' },

        body: JSON.stringify({ id: giftVariantId, quantity: 1 })

    })

    .then(response => response.json())

    .then(data => console.log('Gift added to cart:', data))

    .catch(error => console.error('Error adding gift:', error));

}

// Call this after the game ends and the gift is chosen

addGiftToCart('1234567890'); // Replace with your gift variant ID

Note: You'd tie this logic to your pop-up script so that when a user selects their gift, the system adds it automatically.

If you need any other assistance, I am willing to help.

Best regards,
Daisy