Appearance
Withdrawal button
A clearly-labelled link that points shoppers to your withdrawal page — for stores selling into Ireland and the EU, where buyers can step back from a purchase.
What it is — in plain terms:
- A link, not a form. It carries the shopper to a page you control. The theme shows the surface and the link; it never takes, checks, or records a withdrawal request.
- Off by default, on in one tick. Turn it on in theme settings, point it at your withdrawal page, and choose where it appears.
- Three places, one label. The footer legal area, the footer Legal information block, and the customer-account sidebar — each an independent toggle, all sharing the same wording and the same restrained, underlined treatment so it reads as a deliberate legal control, not a sales button.
- You connect a form to the page. The starter withdrawal page has an app area — drop in a Shopify Forms app block, a returns/withdrawal app, or your own backend, and that form owns the request and the follow-up.
Surfaces only. This feature provides the surface — a clearly-labelled link and a starter page that point shoppers toward withdrawing from a purchase. The theme does not process, validate, or record withdrawal requests, and makes no claim about your legal obligations. You are responsible for your withdrawal process, the form or app that receives requests, the page's wording, and meeting the legal requirements that apply to your store. When in doubt, take your own legal advice.
Try it
Type a label, then toggle the three placements on and off and watch each surface update. Use the screen-size buttons and the light/dark toggle in the preview header to see how the link sits on phones and in dark mode.
←Withdrawal button
Leave blank to use the default label.
The footer legal area, right after the policy links.
Inside the footer Legal information block.
In the customer account sidebar, next to Privacy & data.
Storefront preview
Footer · legal area
Withdraw from your contractFooter · legal links block
Legal information
Withdraw from your contractAccount · sidebar
How it works
The withdrawal button is a single global setting that paints the same underlined text link across up to three surfaces. Each surface only renders the link when (a) the button is turned on, (b) a destination page is set, and (c) that surface's placement toggle is ticked — so an enabled-but-unconfigured button quietly shows nothing on the live store. While you're working in the theme editor, an unconfigured surface shows a short reminder to set a destination page, so you never lose track of an empty link.
The link itself is just an anchor to your page. Everything that happens on that page — taking the request, confirming it, emailing the shopper — belongs to the form, app, or backend you connect there.
1 · Turn it on and place the button
In Theme settings → Withdrawal button:
| Setting | What it does |
|---|---|
| Show withdrawal button | The master switch. Off by default — nothing renders until you turn it on. |
| Button label | The wording shoppers see. Leave it blank to use the built-in, translated default. |
| Destination page | Where the link points — your withdrawal page (see step 2). |
| Show in footer | Renders the link in the footer legal area, just after your policy links. |
| Show in legal links block | Renders the link inside the footer Legal information block (step 4). |
| Show on account page | Renders the link in the customer-account sidebar, beside the Privacy & data link. |
Each placement toggle is independent — show the link in one surface, two, or all three.
2 · Create the withdrawal page
The theme ships a ready-made page template called page.withdrawal — heading, intro, step-by-step guidance copy, and helper blocks you can edit or delete.
Important — a template is not yet a page. A template only becomes a live URL once you create a page that uses it:
- In the Shopify admin go to Online Store → Pages → Add page.
- Give it a title (the handle
withdrawalresolves to/pages/withdrawal). - Under Theme template, choose withdrawal.
- Save, then set this page as the Destination page in step 1.
Until you create the page, /pages/withdrawal will not resolve and the link has nowhere to land.
3 · Connect a form to the page
The withdrawal page has an app area — a region that renders any blocks you add to it in the theme editor. This is where the shopper actually submits their request, and it is entirely yours to wire up:
- Shopify Forms — add a Shopify Forms app block to the withdrawal section and build the fields you need (order number, email, reason).
- A withdrawal app — add the app block from any withdrawal or returns app you've installed; it lands in the same
@appregion. - A custom backend — point a form at your own endpoint, or embed an app block that does.
Open the withdrawal page in the theme editor, click Add block inside the withdrawal section, and pick your form or app. Until something is connected, the editor shows a short design-mode note in that area so you know the spot is still empty — shoppers never see that note on the live store.
The theme renders the slot and the link. The form you drop in owns the data, the confirmation, and any follow-up.
4 · Configure the legal links block
The footer Legal information block (legal_links) is an optional, additive companion — it sits alongside Shopify's automatic policy row without duplicating it. Add it from the footer block list, then fill in only the fields you need:
| Field | Typical use |
|---|---|
| Right of withdrawal | Your withdrawal-terms page. |
| Model withdrawal form | A downloadable or linked model form. |
| Imprint | Your legal-notice / imprint page. |
| Returns and refunds | Your returns policy. |
| VAT and invoices | Tax / invoicing information. |
| Complaints and dispute resolution | Your complaints or ODR page. |
| Shipping restrictions | Where you do and don't ship. |
Every field is independently optional — leave one blank and it renders nothing. Add a heading and a short body above the list if you want a little context. The block inherits the footer's color scheme, so it always pairs cleanly with the rest of the footer in light and dark.
Presets
The button shares the same markup and underlined treatment across all five presets — Uisce, Gaoth, Talamh, Tine, and Neart. It reads as a quiet, deliberate link in each, picking up the footer and account color scheme rather than a preset-specific style.
Accessibility & responsive
- A real link — keyboard-focusable, with a clear focus outline that holds up on any color scheme.
- Restrained by design — medium-weight and underlined, never an outlined or solid button, so it stays a legal control rather than a marketing call-to-action.
- One line on every screen — wraps gracefully on narrow phones; stacks in the account sidebar and the legal links block at the small-screen floor.
- Right-to-left ready — flows correctly in Arabic, Hebrew, Persian, and Urdu.
- Fully translated — the default label and every legal-links field label ship in all 50 locales, with no English fallback.
Tips
- Keep the label short and plain — "Withdraw from your contract" reads better than a slogan.
- Point the destination at a page you actually maintain, and revisit the guidance copy so it matches your real process.
- Show the link in the footer and the account page for the broadest reach; add the legal links block if you want the related EU links gathered in one tidy list.
- Connect your form before you go live, so the page does something the moment a shopper arrives.
What this feature is — and is not
This feature provides surfaces only: a clearly-labelled link and a starter page that point shoppers toward withdrawing from a purchase. The theme does not process, validate, or record withdrawal requests, and makes no claim about your legal obligations. You are responsible for your withdrawal process, the form or app that receives requests, the page's wording, and meeting the legal requirements that apply to your store. When in doubt, take your own legal advice.