Offer Free product at checkout or add to cart page

[alexian]

I want to offer a free product to customers on the ‘Add to Cart’ page after they click ‘Add to Cart.’ Ideally, I would like a pop-up or some kind of notification to show on the ‘Add to Cart’ page so that the user knows they can add a free product. However, the issue I’m facing is that I can only display the free product on the product page using this app: ‘https://apps.shopify.com/easify-product-options?st_source=autocomplete.’ But I can’t get it to show on the ‘Add to Cart’ page.

And one more thing: if a customer selects 5 or 6 products and chooses 1 free product with each, only 1 free product should go to the checkout page. It shouldn’t be that if there are 5 products, then 5 free products are being taken to the checkout.

[Kate_WSQ]

Hi @EasifyApps here is a question for you.

[Ellie-BOGOS]

Hi @alexian

This is Ellie from BOGOS, #1 Promotion App on Shopify.

BOGOS can exactly answer your question. Here’s what the app can do:

1. The app has a popup or gift slider on cart page. When customers meet the condition of your offer, they will see the popup and choose the gift before heading to checkout.

2. BOGOS allows you to limit the number of gifts customers can get from the offer. You can setup so they get only 1 free product from the offer.

Install BOGOS to set it up on your store (4.9 overall rating, 1985+ reviews)

If you have any questions, you can reply to my message here or contact us via the 24/5 Live Chat!

Wishing you the best with the business,

Ellie

BOGOS Team

[Small_Task_Help]

Hi,

There are two solutions: Use the app

Or go for custom coding

Javascript code example to add popup

Code for “one per order” example

function addFreeProduct() {
  // Check if free product is already in cart
  fetch('/cart.js')
    .then(response => response.json())
    .then(cart => {
      let freeProductInCart = cart.items.find(item => item.id === YOUR_FREE_PRODUCT_VARIANT_ID);
      if (!freeProductInCart) {
        // Code to add the free product
        fetch('/cart/add.js', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({
            items: [{
              id: YOUR_FREE_PRODUCT_VARIANT_ID,
              quantity: 1
            }]
          })
        });
      }
    });
}

[EasifyApps]

Hi @alexian ,

We’re currently developing a feature for a one-time charge per cart, which will allow you to limit the number of free products in the cart regardless of how many different main products a customer buys. (At the moment, the app only supports a one-time charge per product).

We apologize that the current app version doesn’t fully meet your needs. We’ll be sure to inform you as soon as the new feature is released. Thank you for your patience!

[EasifyApps]

Thank you so much for the tag!

[alexian]

Can you Please also mention this where i have to paste this code?

[AbulHasib]

Hey @alexian , I suggest using the Bevy Design pop-up builder for this.

Our app has an “Add to Cart” trigger that will show a pop-up when customers add a product to their cart.

You can use this pop-up to inform customers about the free product in their cart. Setting up a pop-up takes just a few minutes with pre-made templates.

Bevy Design gives you complete control over your pop-ups. You can configure them and set up cart values, defining which products and how many of them will be considered free items.

Bevy Design offers a free plan to let you test and see how it can benefit your store.

Feel free to reach out if you need help setting up your campaign.

Link of the app - Shopify App Store

For additional information, visit our website: Bevy Design

[Ellie-BOGOS]

Hi everyone, just wanna update that now you can also:

Offer free product at checkout using BOGOS app:

Here’s an example:

You can customize its position, offer more products/gifts, offer discounted add-ons,…

BIGGEST UPDATE: Now you can try BOGOS: Free Gift Bundle Upsell FOR FREE!

Wishing you all the best with your business!

Ellie from BOGOS, #1 Shopify Promotion App (formerly Free Gifts by Secomapp)

[Smruti-MONK]

Hey @alexian

Yep, there’s a straightforward way to do this using Monk from the Shopify App Store. I’m on the Monk team myself, and here’s how you can make it work in your store:

You can display a pop-up or notification immediately after a shopper clicks “Add to Cart.” This pop-up can show that they’ve unlocked a free product and allow them to choose their gift immediately, without leaving the page. Depending on your strategy, you can also automatically add the gift to the cart and use the pop-up just to notify the customers.

For your second requirement, you can also set a rule using Monk, so that only one free gift is added per order, even if the customer adds multiple qualifying products, ensuring that only a single gift is added to checkout.