Skip to content
Tek Labs

Gift in cart widget

Gift in cart widget

Let shoppers see and claim their gifts inside the cart page or cart drawer, with a progress bar toward each offer and a gift selector.

  • Storefront
  • Cart
Free Gifts BOGO & Upsell gift picker popup on the demo store
Free Gifts BOGO & Upsell · demo store

What it is

Gift in cart widget, explained

Gift in Cart is a claim channel for free gift offers. Instead of sending shoppers back to a product page or a popup, the offers appear as cards inside the cart. Each card shows the offer number, how much more the shopper must spend, a countdown if set, and a gift selector once the condition is met.

Use it when most of your shoppers go straight to the cart, or when your theme uses a cart drawer. It works for offers where the gift is added automatically and for offers where the customer chooses the gift.

For the shopper

How it works on your store

Scroll through the steps. The phone shows what the shopper sees at each one; products and prices are an example.

  1. Step 01 / 04

    Shopper opens the cart

    The cart page or cart drawer shows a header with the number of offers and one card per offer.

  2. Step 02 / 04

    Progress is visible

    Each card shows a progress bar and a spent subtitle that tells the shopper how close the cart is to the condition.

  3. Step 03 / 04

    The offer unlocks

    When the condition is met the card changes to an eligible state and a Select your gift area opens with the gift list.

  4. Step 04 / 04

    Shopper claims the gift

    The shopper picks gifts and uses the Add to cart button. Offers that are fully claimed show a claimed state.

For you

Set it up in Free Gifts BOGO & Upsell

Options you control

  • Offer order: expiring soonest, expiring latest, newly added, oldest added, or manual sort
  • Header text color and offer number text color
  • Offer card text colors, options badge, and optional state badge
  • Progress bar colors, unlock text, and done text
  • Countdown timer text and dot color
  • Gift selector: title, subtitle, locked notice, reward count, selected border and background
  • Add to cart button colors
  • Custom CSS
  • Editable text for header title, offer number, subtitles, Free text, Out of stock, and the manual claim section
  1. 01. Open the offer

    Go to Offers and open a Free gift offer.

    Tek Labs Gifts and Upsell Offers list on the Free gift tab with the Popup Gift offer name highlighted, ready to open
    App admin · App Store listing
  2. 02. Choose the widget

    On the Widget step, under Choose Widget, tick Gift in Cart (Let customers claim directly in cart page or cart drawer).

    Free Gift offer editor Widget step with the Gift in Cart option highlighted under Choose Widget
    App admin · App Store listing
  3. 03. Enable the block

    Turn on the Free gift app embed under Themes, Customize, App embeds, then save.

    Shopify theme editor App embeds list with the Free gift (Salepify Gifts and Upsell) app embed switched on and highlighted
    App admin · user guide
  4. 04. Style it

    Open Styling and choose Gift In Cart. Set the offer order, header, offer card, progress bar, and gift selector.

    Gift In Cart style editor with the settings list highlighted: Container, Offer order, Header, Offer card, Progress bar, Countdown timer, Image and Custom CSS
    App admin · App Store listing
  5. 05. Edit the text

    Open Translations and choose the Gift In Cart tab.

    Translations Edit English text page with the Gift In Cart tab selected, showing the General and Progress bar text fields next to a live preview
    App admin · App Store listing

Use cases

Where it pays off

Cart drawer stores

Keep the whole gift journey inside the drawer so shoppers never leave the page.

Several offers at once

Show each offer as its own card with its own progress and timer.

Manual choice of gift

Let shoppers pick between several gifts right in the cart.

FAQ

Frequently asked questions

Does it work with a cart drawer?

Yes. The widget script looks for the cart drawer element and mounts there, and falls back to the page body.

Can shoppers choose between gifts?

Yes. When the offer lets the customer choose, a gift selector opens in the cart after the condition is met.

Can I sort the offers?

Yes. Choose expiring soonest, expiring latest, newly added, oldest added, or a manual order.

Start gifting in a few minutes.

Free gifts, BOGO, bundles and progress bars. Every offer type, on a free plan to start.