HomeBlogAdding a Compliant Withdrawal Button to Your Storefront
Tutorial2026-07-096 min read

Adding a Compliant Withdrawal Button to Your Storefront

A step-by-step guide to adding a persistent, no-login withdrawal button to your Shopify storefront with Blockly, plus placement tips that keep it compliant and findable.

Adding a Compliant Withdrawal Button to Your Storefront

A compliant withdrawal button is not just a link to a policy page. Under the EU right of withdrawal, customers must be able to actually exercise the right — easily, without hurdles, and ideally without needing to log in or email support. This tutorial walks through adding that button to a Shopify storefront with Blockly, then covers where to place it so it is genuinely findable.

This article is general information, not legal advice.

Before you start

Have these ready so the setup goes cleanly:

  • Admin access to your Shopify store.
  • Your store's support email, so confirmation emails send from an address you monitor.
  • A decision on which pages the button should appear on (footer at minimum).
  • Your return address and refund timeframe, so the form and confirmations are accurate.

Step 1 — Install the app

Go to Blockly — Right of Withdrawal on the Shopify App Store and click Add app, then approve the install for your store. It is free, so there is no plan to pick during install.

After installation you land in the app dashboard inside Shopify Admin. This is where you configure the button, the form, and the confirmation emails.

Step 2 — Enable the persistent, no-login button

The core requirement is that a customer can start a withdrawal without authenticating. In the dashboard:

  • Turn on the withdrawal button.
  • Confirm it is set to work without customer login — this is the default and it is the point. A login wall in front of a legal right can be treated as making the right effectively unavailable.
  • Choose the button label in the customer's language (for example, "Withdraw from purchase" or the localized equivalent).

Because the button is persistent, it stays visible on your storefront rather than hiding inside an account area few customers ever open.

Step 3 — Configure the withdrawal form

Clicking the button opens the withdrawal form. Set it up so it collects what you need and satisfies the model-form expectation:

  • Order reference (order number or email used at checkout).
  • Customer name and contact email.
  • Date of order / delivery, so you can confirm the 14-day window.
  • An optional reason field — keep it optional, since customers are not legally required to justify a withdrawal.

Blockly's form is customizable, so match the colors, wording, and fields to your brand. The goal is a form that looks native to your store, not bolted on.

Step 4 — Turn on automated confirmation emails

Confirmation on a durable medium is a compliance cornerstone. In the email settings:

  • Enable the automated legal confirmation email that fires when a customer submits the form.
  • Set the sender to your monitored support address.
  • Review the template so it clearly acknowledges the request, references the order, and states next steps and the refund timeframe.

This gives both you and the customer a timestamped record — exactly what you want if a request is ever disputed.

Step 5 — Place the button where it will actually be found

Placement is where "technically present" becomes "genuinely accessible." Regulators care that the right is easy to find and use, so treat placement as part of compliance, not decoration.

Recommended locations, in priority order:

  • Global footer. Non-negotiable. Every page should link to the withdrawal button so it is always one click away.
  • Order confirmation and shipping emails. The customer is most likely to want it right after buying, so put it where they are looking.
  • Account / order status page. For logged-in customers, add it here too — but never make login the only path.
  • Returns or help page. Alongside your returns policy, so the right and the mechanism live together.

Avoid burying it three menus deep or hiding it behind a support-ticket flow. If a customer has to search or ask, the button is not doing its job.

Step 6 — Test the full loop yourself

Before you rely on it, run a real submission:

  • Open your storefront in a private/incognito window so you are not logged in.
  • Find the button from the footer and submit the form with a test order reference.
  • Confirm the confirmation email arrives at the customer address and lands in your support inbox.
  • Check the request appears in the Blockly dashboard with a timestamp.

If all four happen without you logging into anything, the customer-facing path is working.

Step 7 — Confirm the audit trail

Finally, verify the record-keeping side. In the dashboard you should see the submitted request, and you should be able to generate a PDF audit report. That report is what turns "we think we handled it" into "here is proof of when the customer was informed and when they exercised the right." Keep this in mind: without proper disclosure, the 14-day window can extend to 12 months, so a clean, provable trail is worth the two minutes it takes to check.

Placement quick-reference

  • Must have: footer link on every page.
  • Strongly recommended: link in post-purchase emails.
  • Nice to have: account page and returns page links.
  • Never do: hide it behind login or a support ticket.

Wrapping up

Adding a compliant withdrawal button comes down to three things: make it self-service, confirm every request on a durable medium, and keep a record you can produce on demand. Blockly handles all three, and the setup above takes well under an hour.

Ready to get your storefront compliant? Install Blockly — Right of Withdrawal and add the button today.

Protect your Shopify store today

Install Shieldy free — block fraud, bots, and VPNs in under 5 minutes.

Install on Shopify — Free