Getting started

Add withdrawal page

Create a dedicated Withdrawal page in your theme and add the Easy Withdraw form to it.

Last updated

The withdrawal form needs a home. A dedicated Withdrawal page gives your customers one stable link to open the form and declare a withdrawal. This guide creates that page and puts the Easy Withdraw form on it. The steps below cover Online Store 2.0 themes, the type most stores run. Vintage and headless storefronts differ, so skip ahead if one matches your store.

Which storefront do you have?

Most Shopify stores run an Online Store 2.0 theme, where the form installs as an app block. If you run a vintage (Liquid) theme, see Vintage (Liquid) themes. If you run a headless storefront, see Headless storefronts.

Create a withdrawal page template

First, build a page template to hold the form. You create it once in the theme editor, then reuse it for the Withdrawal page.

  1. Open your theme

    From your Shopify admin, go to Online StoreThemes. On your live theme, click Customize. The theme editor opens.

  2. Open the template picker

    In the top bar, click the template name (it reads Default page by default). A dropdown lists your templates.

  3. Create a page template

    Select Pages, then click Create template. The Create a template dialog opens.

  4. Name the template

    In the Name field, enter Withdrawal Form. In the Based on dropdown, select Default page. Click Create template. Shopify creates templates/page.withdrawal-form.json and opens it for editing.

Shopify theme editor template picker open on Pages with Create template highlighted
Fig. 1Open the template picker, choose Pages, then click Create template.
The Create a template dialog with the name Withdrawal Form and Based on set to Default page
Fig. 2Name the template Withdrawal Form, based on the Default page template.

Add the Withdrawal Form to the template

With the template open, add the form as an app block.

  1. Open the section picker

    In the theme editor sidebar, click Add section. The picker opens with an Apps tab.

  2. Choose the form

    Open the Apps tab and select Withdrawal Form (listed under Easy Withdraw). Do not pick Withdrawal Button, which adds the floating button instead. The form block appears in the template preview.

  3. Save the template

    Click Save. A confirmation appears in the top bar, and the form is now part of the template.

Form vs. button

Easy Withdraw offers two blocks. Withdrawal Form is the full on-page form used here. Withdrawal Button adds the floating button covered in embed the withdrawal button. You can use both: the button for quick access, the page for a permanent link.

Theme editor Add section picker on the Apps tab with the Withdrawal Form block selected
Fig. 3On the Apps tab, select Withdrawal Form, then save the template.

Create the Withdrawal page

The template is ready. Now create the page that uses it.

  1. Add a page

    Go to Online StorePages, then click Add page. A blank page editor opens.

  2. Name the page

    In the Title field, enter Withdrawal. Leave the Content area empty. The form template supplies everything customers see.

  3. Assign the template

    In the Online store card on the right, open the Theme template dropdown and select withdrawal-form. The page now renders through your form template.

Tip: shops with multiple languages

If your shop sells in more than one language, translate the page title and handle with Shopify Translate & Adapt. Each language then shows the name customers expect, for example "Widerruf" in German or "Rétractation" in French.

Make the page visible

New pages can stay hidden while you finish setup. Publish the page when it is ready.

  1. Set the page to visible

    In the Visibility section, select Visible. To stage the page first, keep Hidden selected and switch it later.

  2. Save the page

    Click Save. The page is now live at shop-name.myshopify.com/pages/withdrawal.

Verify

Confirm the page works before you link to it.

  1. Open the page

    On the saved page, click View page. The Withdrawal page opens in a new tab.

  2. Check the form

    Confirm the Easy Withdraw form renders in your store's language. Submit a test declaration and confirm it reaches your Withdrawals list in the app.

Customers need to find the page. The clearest option is a button. You can also add it to the footer menu.

  1. Open the theme editor

    Go to Online StoreThemes and click Customize. Scroll the preview to the footer.

  2. Add a button block

    Select the footer section, click Add block, and choose a Button. A new button appears in the footer. If your theme's footer has no button block, use the footer menu below.

  3. Link the button

    Set the button label to Withdrawal and link it to your Withdrawal page. Click Save. The button now shows on every page footer.

Theme editor preview of the Withdrawal page with a Withdraw from contract button in the footer
Fig. 4The published page with a withdrawal button in the footer.
  1. Open your menus

    Go to Online StoreNavigation, then click Footer menu. The menu's items appear.

  2. Add a menu item

    Click Add menu item, set the name to Withdrawal, and link it to your Withdrawal page.

  3. Save the menu

    Click Save menu. The link now appears in your storefront footer.

Vintage (Liquid) themes

Vintage themes do not support app blocks, so the form installs through a Liquid template and a snippet instead.

No app block picker

Vintage themes have no app block picker. Do not look for Withdrawal Form under Add section. Use the code editor steps below.

  1. Open the code editor

    Go to Online StoreThemes. On your theme, click the ... button (Actions), then Edit code. The code editor opens.

  2. Add a page template

    In the Templates folder, click Add a new template. Choose page, name it withdrawal-form, and create it. Shopify adds templates/page.withdrawal-form.liquid.

  3. Paste the snippet

    Copy the snippet shown on the Add the form screen in the Easy Withdraw app, paste it into the new template, and click Save.

  4. Create and publish the page

    Follow Create the Withdrawal page above, select the page.withdrawal-form template, make the page visible, and link it in your footer.

Headless storefronts

A headless storefront has no Shopify theme and no Pages section. You create the withdrawal page in your own codebase.

  1. Add a route

    Create a /withdrawal route or page component in your storefront, for example in Hydrogen or your framework of choice. This route renders the page customers visit.

  2. Mount the form

    Add the headless snippet shown on the Add the form screen to that route. It loads the Easy Withdraw form when the page renders.

  3. Deploy and link

    Deploy your storefront, then link /withdrawal from your footer. The form is now reachable at a stable URL.

We're launching soon

Our app is not listed yet, please reach out via chat or email at support@easywithdraw.eu

By accepting, you agree to our use of cookies and similar technologies to enhance your browsing experience and analyze site traffic. Read our Privacy Policy for more information.

Necessary (Security and functionality)Analytics (Improving our product)Marketing (Ads and retargeting)