GWP × Studio · concept mockup

Free gifts at the basket,
themed to Studio.

A third-party-funded gift-with-purchase offer, rendered inside Studio's own basket page and bag drawer. The widget inherits Studio's live design tokens — Montserrat, the mint CTA, the navy type, 4px radii — so it reads as part of the page, not an ad bolted onto it.

Basket page Bag drawer 3 funded offers £0 cost to Studio Commission per claim

Surface 01

Basket page

The gift panel sits directly beneath the bag, in the wide column — full visibility without touching the order summary or the path to checkout. Toggle to see the basket before and after a shopper picks their gifts.

studio.co.uk/cart
Search product or brand
1
20% off selected NINJA with code: NINJA20
T&Cs apply | Shop now
My Bag ✓ 1 ITEM
Streetwize Solar Water Feature
Streetwize
Solar Water Feature - Traditional Pump and Buckets Fountain
Colour: Brown
Move to wish list Remove
−1+
Size:
Price:Total: £25.00 £99.99£25.00 Frasers Plus
Price £22.50
VISAMCMAESTROAMEXFRASERS+PayPayPal

Your free gifts

Pick up to 3 · nothing to pay
FreeEnjoy 90 Days of Discounts FREE!
from tastecard · 90-day membership included
FreeClaim a FREE Gin/Rum Taster Box!
from The Curious Drinker · 18+ only
FreeFREE Summer Skincare Kit (Worth £36)!
from grüum
Gifts are funded by the brands offering them — they cost Studio nothing and don't change your order. Claim links arrive with your Studio order confirmation email.

What changes when a gift is picked: the panel flips to an “Added” state, and the order summary gains a Free gifts line at £0.00 — reinforcing added value without altering the total. Placement, offer count and copy are all configured per retailer; nothing here is hard-coded.

Surface 02

Bag drawer

Studio's bag drawer slides in on add to bag — the highest-intent moment on the site, and the only surface that reaches shoppers who never open the basket page. The gift strip sits in the drawer's fixed footer directly above View Bag and Checkout, so it stays put however full the bag gets — the items above it scroll, the footer does not.

Search product or brand
1
20% off selected NINJA with code: NINJA20
T&Cs apply | Shop now
Home / Garden & Outdoor / Garden Decor / Water Features / Streetwize Solar Water Feature

Rebuilt from Studio's live drawer: the real .elevated-sliding-basket panel is 430px wide, opens below the header with a soft 0 4px 8px rgba(0,0,0,.1) shadow and no dimmed backdrop, and each line card is a two-column layout — image and quantity stepper on the left, brand/name/colour, size select, wish-list and remove links plus the Price/Total block on the right. The items area scrolls independently; the footer stays put.

How it's built

Themed from Studio's own tokens

Nothing above is a bespoke build. These values were read off studio.co.uk's live basket page and dropped into the widget's theme config — which is how any retailer is styled.

Tokens in use
#76e8c5Panel header + primary CTA
(same mint as Add to bag)
#00003cAll type + selected outline
#ff0000“Free” flash — echoes
Studio's sale pricing
#f7f7f7 / #dddPanel fill + hairlines
Montserrat 700Uppercase button labels
#8400d1Deliberately unused — purple stays
reserved for Frasers Plus
Reusable for any prospect
  1. Capture the tokens. Open the retailer's basket page and read the CTA colour, type colour, font and corner radius.
  2. Paste them in. All six live in one :root block at the top of this file.
  3. Swap the contents. Replace the two line items and the three offers with ones that fit their customer.
  4. Publish. One command puts it on a public link you can send — no login for the recipient.

That's the whole process — the same one used to produce this page, so anyone on the team can turn round a prospect mockup without design work.