Home › Guide › Getting started

Getting started with Gift Style

Everything from installing the app to shoppers picking gift options in your cart. No code editing required — if this is your first time, work through the steps in order.

Last updated: September 25, 2026

1Install the app

On the Gift Style page in the Shopify App Store, choose Install to add the app to your shop. Once it is installed, Gift Style appears under Apps in your Shopify admin.

When you open the app, a Setup guide appears. The three tasks in it map to steps 2–4 on this page. You can minimise or hide the guide from the top right, and bring it back later from How to use → ↻ Show setup guide.

The Gift Style page in the Shopify App Store
① Open the Gift Style page in the App Store.
Access permission dialog shown when installing
② Review the access permissions and press Install.

Available on the App Store

Installing is free, and every gift option is free to use.

View on the App Store
The setup guide shown when the app opens, listing four tasks
The guide you see after opening the app. The top three tasks are steps 2–4 on this page.
The How to use card, with a link to show the setup guide again
Closed the guide? Bring it back from How to use → ↻ Show setup guide.

2Turn the app on

Switch Gift Style on under App embeds in your theme. This is what tidies up how the options appear around the cart.

  1. In the Gift Style Setup guide, press Open app embeds (the theme editor opens in a new tab).
  2. Find Gift Style under App embeds on the left and turn the switch on.
  3. Press Save in the top right.
App embeds in the theme editor, with Gift Style switched off
① Open App embeds from the left icons and turn the switch on.
Once on, three settings appear: cart breakdown, hiding priced products, and the cart drawer button
② Expand the row to switch the three features below on or off individually.

What it enables

  • Show the gift option breakdown in the cart — each choice appears under the product it belongs to, so the cart does not fill up with extra line items.
  • Hide priced option products from listings and search — the products created to carry option prices are kept out of your collections and search results. Some themes still show them; if that happens, get in touch.
  • Cart drawer: show a button to the gift options — for themes that use a slide-out cart, this adds a link to the cart page just above the checkout button.
Cart page showing gift options grouped under each product
Breakdown: each choice lines up under the product it belongs to.
A button to choose gift options at the bottom of the cart drawer
Cart drawer: a button to the cart page appears above Checkout.

3Add it to the cart

The screen where shoppers pick their options goes on the cart page. It reads what is in the cart, so it cannot be placed on product pages or the home page.

  1. In the Gift Style Setup guide, press Open theme editor.
  2. Use the page switcher at the top to select Cart.
  3. From Add section / Add block, choose Gift options (under the Apps tab).
  4. Drag it into position and press Save in the top right.
Selecting Cart from the page switcher in the theme editor
① Use the page switcher at the top to select Cart.
Choosing Gift options from the Apps tab in the add block panel
② Choose Gift options from the Apps tab.

Two ways to place it

Recommended

Inside the cart section

Select the cart section and add Gift options as a block inside it. The width lines up with the cart, and on a phone the order reads naturally: options, then checkout.

For more prominence

As its own section

Add it as a section anywhere on the cart page. It stands out more, but on desktop it spans the full width of the screen.

Theme editor layers, with Gift options inside the cart section above Subtotal
The recommended placement: Gift options sits inside Cart, just above Subtotal.
⚠️

Themes differ: some themes (a few Dawn-based ones, for example) do not allow app blocks inside the cart section. In that case, add it as its own section instead.

Not the same as App embeds: the Gift Style app embed from step 2 and this Gift options block do different jobs. You need both.

Block settings

Select the block you added, and the theme editor panel on the right lets you change the following.

  • Heading and description, plus the upsell heading (the "You may also like" wording)
  • Option scope — per product (set for each product) or whole order (treat the order as one gift)
  • Frame, cards, colors and type — border width and color, corner radius, shadow, background, accent color, font size. Match your shop without writing any CSS.
Theme editor design settings: shadow, border width, corner radius, card gap and colors
Design: borders, corners, shadows, background and accent colors — all without code.

Per product, or per order

The same set can be shown at different levels. Choose per product if each item may be wrapped differently, or whole order if the order is treated as a single gift.

The option scope dropdown, switching between per product and whole order
Use the Option scope dropdown to switch between per product and whole order.
Per-product and whole-order gift option modes
What shoppers see. Left: whole order (one gift). Right: per product (set individually).

4Build your options

Back in the app, build the contents under Gift option settings. It takes three steps.

Step 1 of 3: choose a set

A set defines which options appear on which products. Create one with + New set, or pick an existing one. To treat the order as a single gift, use the Whole order set.

Admin step 1: the set selection dropdown, opened
Pick an existing set from the dropdown, or choose + New set.

Step 2 of 3: option items

Under Add from preset, press Wrapping set, Message card set or Gift box set and the choices drop in complete with images.

  • Add a choice option — something the shopper picks, such as wrapping or a box.
  • Add a text field — something the shopper types, such as a gift message or an engraved name. You can set minimum and maximum length.
  • Display style — image cards (recommended) or dropdown menu.
  • Extra charge — enter an amount and it is added to the cart total.
  • Required and move up / down — mark a field as required, or reorder the items.
Admin step 2: add from preset links, plus buttons to add a choice option or text field
Press Add from preset and the choices drop in complete with images.
Admin: the list of choices, and character limits on a text field
Set the name and price of each choice, and the character limits on text fields.

Once a preset is in, this is what shoppers see in the cart.

Gift wrapping and message card options shown as image cards with prices
Wrapping and message card sets: image cards with prices, plus a message field.
Message card options, a message field, and a You may also like row
Scrolling further: the message field, then the You may also like row once upsell is set up.

Step 3 of 3: target products

Use Choose products to pick which products this set applies to — the options only show for those. Choose upsell products lets you suggest related items while the shopper is choosing a gift.

Finish with Save. Any preset item without an image gets the built-in artwork automatically.

Admin step 3: buttons to choose target products and upsell products
Pick the products this set applies to. Choose upsell products sets up the related-item suggestions.
A You may also like row in the cart, adding the chosen item to the order
With upsell set up, a You may also like row appears and one tap adds the item to the cart.

5Check how it looks

Add one of the products to your cart and open the cart page. Check the options appear, exactly as a shopper would see them.

  • If Storefront display at the top of the app still says Not set, the block from step 3 has not been added yet. Use Add in theme.
  • If no options appear, check the product is included in the target products from step 3 of 3.
  • The selections stay on the order, so you can read them from the usual order screen when you pack it.
The Gift Style switch under App embeds in the theme editor
App embed (step 2)
Turns the feature itself on or off, across the theme
Choosing Gift options from the Apps tab in the add block panel
Gift options (block, step 3)
Sets where it appears on the cart page
Gift options grouped under each product in the cart
Each choice appears under the product it belongs to.
Swiping through wrapping image cards on a mobile cart page
On a phone, image cards swipe sideways.

Contact & support

Setup questions, bug reports and feature requests — all welcome through the form below. We reply in English or Japanese.

  • ⚙️
    Setup and how-to

    Followed the steps but nothing shows, or it is not behaving the way you expected.

  • 🐛
    Bug reports

    Found an error or a layout problem? Let us know here.

  • 💡
    Feature requests

    "I wish it could do this" — we would like to hear it.

Helpful details to include: your store URL, your theme name, which screen it happens on (the cart page, for example), and a screenshot. It makes the cause much faster to find.

Open the contact form ↗ The Pro plan includes priority replies and setup assistance.