How to Add a Gift Note Field to Shopify Thank You Page
How to Add a Gift Note Field to Shopify Thank You Page
A gift note field on the thank you page catches the buyer at the exact moment they've paid and are most willing to type a message. Done right, it takes five minutes to set up, costs nothing per order, and eliminates the "I forgot to tell them it's a gift" support email. This guide covers the native options, the app route, and how to actually get those notes onto the packing slip.
Why Add a Gift Note Field to the Thank You Page Instead of the Cart
Cart-level gift note fields are the traditional approach, but they leak orders. Customers add a product, see a note field, ignore it because they haven't decided whether it's a gift yet, and never come back to it. The thank you page flips that: the purchase is complete, the emotional decision is made, and adding "Happy birthday, Sam — from Aunt Ruth" is a low-friction afterthought.
There's a second reason. On the thank you page you can prompt with intent. A cart field sits passively; a thank you page field can be framed as "Want to include a gift message? Add it below and we'll print it on a card." That framing converts better.
Finally, post-purchase fields don't touch the checkout flow. You're not adding a step, a required field, or a validation error between the customer and the buy button. Conversion rate stays where it is.
What Shopify Lets You Do Natively (and What It Doesn't)
Here's the honest state of things:
| Capability | Native Shopify | Notes |
|---|---|---|
| Cart page gift note (line item property) | Yes | Requires theme code edit or an app |
| Checkout page custom field | Plus only | Checkout UI extensions are Plus-exclusive |
| Thank you page custom field | No | No native text input on the thank you page |
| Order confirmation email with note | Only if note is captured | Shopify displays captured properties |
| Post-purchase upsell / survey | Via apps | Requires a post-purchase app |
The short version: Shopify's checkout editor supports limited customization for non-Plus merchants, and the thank you page itself doesn't offer a built-in text field. Anything you add there comes from either a theme customization (fragile) or a post-purchase app (reliable).
If you're on Shopify Plus, checkout UI extensions let you add a gift message field directly in checkout, which is the cleanest native path. For everyone else, the realistic options are a cart-level line item property or a post-purchase app.
Method 1: Add a Gift Note Field With the Checkout Editor
Shopify's checkout editor (Settings → Checkout → Customize) lets you add a banner, change colors, and reorder contact/shipping/payment sections. What it does not let you do is drop an arbitrary text input into the checkout or thank you page. The "Custom fields" and "Additional scripts" areas were deprecated for checkout, and the replacement — checkout UI extensions — is Plus-only.
So if you're on Basic, Shopify, or Advanced and you try to follow an old tutorial that says "go to checkout settings and add a custom field," you'll find the option is gone or restricted. Don't waste time there.
What you can do on non-Plus plans:
- Add a cart-level note using a line item property via your theme's
cart-template.liquidor a cart drawer app. - Use the order note field, which exists on the cart page in some themes and is captured as an order attribute.
- Add a "Gift message" textarea in the cart using a simple theme edit (Dawn and most OS 2.0 themes support this in the cart drawer or main cart section).
This captures the note, but it's not the thank you page. If the thank you page placement matters to you — and it does, for conversion — move to Method 2.
Method 2: Use a Post-Purchase App for a Thank You Page Gift Note
Post-purchase apps inject a step after checkout completes, before the thank you page redirects. That's the slot you want. The two names most merchants land on are ReConvert and AfterSell, both of which support post-purchase surveys, upsells, and custom form fields. Zipify OCU (One Click Upsell) is another option if you're already running Zipify Pages.
What to look for in a post-purchase app for this use case:
- A free-text field type — not just multiple choice. You need a textarea for the gift message.
- Conditional display — show the field only when a "This is a gift" checkbox is ticked, or only for certain products/collections.
- Order metafield or order note output — the message has to land somewhere your fulfillment team can see it. An app that captures the note but doesn't push it to the order is useless.
- Character limit control — 200–250 characters keeps notes printable on a standard gift card.
- No forced upsell — some apps make you run an offer alongside the form. Check whether you can run the form alone.
Pricing varies by app and order volume, and most of these apps have changed their tiers more than once. Check current pricing on the Shopify App Store before you commit, and use the free trial to test the field output on a real test order.
Step-by-Step: Setting Up Your Gift Note Field Without Code
- Install your post-purchase app from the Shopify App Store and complete the OAuth connection to your store.
- Enable the post-purchase step in the app dashboard. Most apps call this a "post-purchase offer," "survey," or "custom step."
- Choose the form/field type. Select "text" or "textarea" — not "multiple choice." Label it something like "Gift message (optional)."
- Add a conditional trigger. Create a checkbox or yes/no question first: "Is this a gift?" Then show the text field only if the answer is yes. This keeps non-gift orders clean.
- Set the character limit to 200–250 characters and add helper text: "We'll print this on a card and include it in the box."
- Map the output. In the app's settings, choose where the response goes: order note, order metafield, or a tag. Order note is the most universally visible; a metafield is cleaner if you're piping data to a 3PL or a packing slip app.
- Set display rules. If you only want this on certain products (say, anything in your "Gifts" collection), restrict the step to those products. Otherwise show it store-wide.
- Save and preview. Most apps offer a preview or test mode. Use it before touching a live order.
If you'd rather skip the app, the cart-level line item property route works: add a <textarea name="properties[Gift Message]"> inside your cart form in the theme editor. It shows up on the order as a line item property and prints on packing slips via most packing slip apps. It's free and code-light, but it lives on the cart page, not the thank you page.
Testing Your Gift Note Field Before You Go Live
Place a real test order with a real payment method (use Shopify's Bogus Gateway if you're on a development store). Then check:
- Does the field appear after checkout, before the thank you page?
- Does the note save when you submit it?
- Does it appear on the order in Shopify admin — under Notes, or in the metafield section?
- Does it print on the packing slip or export to your 3PL?
- Does it appear in the order confirmation email if you want it to?
Test with a long note (hit the character limit), an empty submission, and a note with an emoji or accented character. Emojis break some packing slip templates — better to find out now.
Where Gift Notes Show Up in Your Orders (and How to Fulfill Them)
Depending on how you mapped the output, the note lands in one of these places:
- Order note — visible on the order detail page under the Notes timeline. Good for manual fulfillment.
- Order metafield — visible under "Additional details" or via a metafield app. Good for automated workflows.
- Line item property — attached to the specific product line. Good if the note applies to one item in a multi-item order.
- App dashboard — a separate list inside the post-purchase app. Workable, but creates a second place to check.
For fulfillment, the practical setup is: order note for the message, plus a packing slip app that pulls order notes onto the printed slip. Order Printer (Shopify's own app) and Order Printer Pro both support this. If you use a 3PL, confirm they can read order notes or metafields — some only ingest line item properties.
Common Mistakes to Avoid With Thank You Page Gift Notes
- No character limit. A 900-character note won't fit on a gift card. Cap it.
- No conditional trigger. Asking every customer for a gift message trains them to skip the field.
- Capturing the note in the app but not pushing it to the order. Your fulfillment team will never see it.
- Forgetting the packing slip. A note captured but not printed is a note that doesn't exist.
- Running a post-purchase upsell and a gift note form together without testing. They can conflict, and some apps don't let you run both.
- Assuming the thank you page is editable natively. It isn't, on any plan, without an app or a theme hack.
- Skipping the test order. Every one of the mistakes above is caught by a single test order.
Conclusion
Adding a gift note field to the Shopify thank you page is a post-purchase app job for most merchants, since Shopify doesn't expose that page to native editing. Pick an app that supports a conditional text field and pushes the response to your order, test it with a real order, and make sure the note prints on the packing slip. Do that, and you'll cut gift-related support emails while making the unboxing experience noticeably better.
FAQ
Can I add a gift note field to the Shopify thank you page without an app? Not directly. Shopify doesn't allow custom fields on the thank you page natively. You can add a gift note field to the cart page using a line item property in your theme, or use a post-purchase app to place the field after checkout.
Will the gift note show up on the packing slip? Only if your packing slip app or template pulls from the field where the note is stored. Order notes are supported by Order Printer and most packing slip apps; metafields and app-specific fields may need extra configuration.
Do post-purchase gift note apps slow down checkout? The post-purchase step runs after payment is captured, so it doesn't affect checkout speed or conversion. It does add one screen between payment and the thank you page, which is why a clear "Skip" option matters.