> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.froonze.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Cancel Order Plugin: Subscription and Installation Guide The Froonze Cancel Order plugin helps Shopify merchants offer customers a self-serve option to cancel their unfulfilled orders. By adding a cancel order button to your Shopify store, you can deliver a better customer experience, reduce shipping logistics issues, and decrease operational costs. This article provides a straightforward guide on how to subscribe to the cancel order plugin, install the cancel order widgets, and troubleshoot common issues in the plugin’s setup. ## **Subscribe to the Cancel Order plugin** The Cancel Order plugin is billed separately from other Froonze modules. This is part of our belief in giving Shopify merchants the freedom to choose what they need. You can manage your subscription from the [**__Subscription__**](https://admin.shopify.com/apps/froonze-app/plugins) page inside our app dashboard. ### **Step 1: Access the app Subscription page** Our app dashboard has a dedicated page where merchants can subscribe to, unsubscribe from and update the plan for any of our plugins. 1. Sign in to your **Shopify admin** and access the **Apps** option. ![](https://storage.crisp.chat/users/upload-1/plugin/-/b/0/9/0/b0900a8665a0c000/ppcm71xa3t_135ruem.png =1000xauto) 2. Search for our app and go to the [**__Subscription__**](https://admin.shopify.com/apps/froonze-app/plugins) page. | You can pin our app to the sidebar for easy access in the future. 3. This page lists all of our available plugins, their pricing plans, and the option to enable each individually. --- ### **Step 2: Enable the Cancel Order plugin** Our cancel order plugin is available as a single-plan option, regardless of store size or monthly orders. 1. Find the **Cancel Order** plugin section and toggle on the **Activate** option. 2. Once enabled, press **Update** and then select **Yes** in the disclaimer pop-up. ![](https://storage.crisp.chat/users/upload-1/plugin/-/b/0/9/0/b0900a8665a0c000/k6yubvsxe9_1aeoui5.png =1000xauto) 3. You will be redirected to the **Approve subscription** page from Shopify. --- ### **Step 3: Approve the new app charges** You will be prompted to accept a new Shopify recurring charge. Any old recurring charge for our app will be automatically cancelled. 1. Review all the details on the Approve subscription page from Shopify, including:   • **Subscription details** → monthly cost (*e.g., $4/month*).   • **Free trial** (*if applicable*) → a charge will appear on your Shopify bill, but it’s prorated to exclude the first 14 days (*trial period*).   • **Payment method** → choose your desired payment method (*e.g., select existing card, add a new card, or use PayPal*). ||| The free trial is available only for first-time subscriptions; applies to the entire app, not just a specific plugin; and starts from the moment a merchant subscribes to any paid plan from any plugin. 2. Once everything is verified, press **Approve** to confirm the new charges. ![](https://storage.crisp.chat/users/upload-1/plugin/-/b/0/9/0/b0900a8665a0c000/uhkdcf-ufv_bir77u.png =1000xauto) 3. You will be redirected back to our app [**__Subscription__**](https://admin.shopify.com/apps/froonze-app/plugins) page after confirmation. The Cancel Order plugin is officially active, and you’re ready to set up the corresponding widgets. --- ## **Install the Cancel Order widgets** Our Cancel Order widgets are available in two forms: 1. **Cancel Order button** in the **Froonze Account** widget. 2. **Cancel Order extension** in the **Shopify Customer Account** page. The installation process varies depending on the preferred Cancel Order widget. ### **Style the Cancel Order in the Froonze Account widget** If you’re a Froonze Account plugin subscriber, the Cancel Order button will be automatically added to each unfulfilled order from the Order history tab inside the Froonze Account widget.  You don’t need to take any additional action besides making some style adjustments to keep things branded. 1. Navigate to our app’s [**__Cancel order → Settings__**](https://admin.shopify.com/apps/froonze-app/cancel_order/settings) tab. 2. Modify the button **background colour** and **text colour** from the styling section. 3. Press **Save** to propagate changes once happy with the preview. The changes to the Cancel Order button are visible on the order history tab for each unfulfilled order in the Froonze Account widget. | The basic colour changes are enough for most Shopify merchants. However, if you need more customisation power, you can use CSS and JS to make more complex changes. Please refer to our list of JS events. You can add the code directly to your theme files. --- ### **Add the Cancel Order to the Shopify Customer Account page** If you’re interested in the Froonze Cancel Order plugin only and have no plans to enhance the Shopify Customer Accounts default account page by subscribing to our Account plugin, you’re in luck.  Our Cancel Order plugin is compatible with the Shopify Customer Accounts. That means you can simply add a way for your customers to withdraw from the order from the Shopify default customer account page. 1. Navigate to our app’s [**__Cancel order → Installation__**](https://admin.shopify.com/apps/froonze-app/cancel_order/installation) tab. 2. Access the [**__Shopify Checkout & Accounts Editor__**](https://admin.shopify.com/settings/checkout/editor?context=apps&page=order-status) mode. 3. Find the **Cancel Order Button** block under **Apps**. 4. Press the **Plus (+)** button and **Add action** to **Orders and Order status** option. 5. Press **Save** to propagate changes to your store. ![](https://storage.crisp.chat/users/upload-1/plugin/-/b/0/9/0/b0900a8665a0c000/kkdwgmjnfu_16dvglv.png =1000xauto) You can modify the Cancel Order button’s colour directly from the **Checkout & Accounts Editor** → **Settings** tab → Find the **Input fields** section → Pick a colour for the **Error** option. || Shopify Customer Accounts allow minimal styling changes, such as font selection, basic colour modifications, and pre-defined UI options. As a result, the Froonze Cancel Order button is limited to the options available in the Shopify Checkout & Accounts Editor. Once completed, the Cancel Order button will be added to each unfulfilled order in the Shopify Customer Accounts default account page. It will be visible on the order history page and the individual order status page. --- ## **Configure the Cancel Order settings** While our Cancel Order plugin works only with unfulfilled orders, it’s still possible to change its behaviour, modify its visibility, and translate or reword the customer-facing texts, depending on your needs. ### **Adjust the Cancel Order behaviour** You can configure whether products are restocked when an order is cancelled, and request a cancellation reason from your customers. 1. Navigate to our app’s [**__Cancel order → Settings__**](https://admin.shopify.com/apps/froonze-app/cancel_order/settings) tab. 2. You can enable any of these options under the **Behavior** section: * Toggle on the **Restock the ordered products** option. * Toggle on the **Require cancellation reason** option. 3. Press **Save** to propagate changes to your store. || *For the Cancellation reason to work, your customers must add a message that is at least 10 characters to complete the order cancellation successfully.* || For the Restocking option to work, your stock must be managed by Shopify. Furthermore, you can limit the visibility of the Cancel Order buttons based on customer tags and order tags. 1. Navigate to our app’s [**__Cancel order → Settings__**](https://admin.shopify.com/apps/froonze-app/cancel_order/settings) tab. 2. For **customer tags-based visibility**, you can add tags to any of these fields under the **Visibility** section: * **Allow cancelling only for customers with any tag:** Displays the Cancel Order button only for customers who have any of the added customer tags. * **Prevent cancelling for customers with tags:** Removes the Cancel Order button for customers who have any of the added customer tags. 3. For o**rder tags-based visibility**, you can add tags to any of these fields under the **Visibility** section: * **Allow cancelling only for orders with any tags:** Displays the Cancel Order button only on orders that have any of the added order tags. * **Prevent cancelling for orders with tags:** Removes the Cancel Order button from orders that have any of the added order tags. 4. Press **Save** to propagate changes to your store. || You need to press the Enter key after each tag you plan to add. Otherwise, the tags will not be added after saving. --- ### **Translate the Cancel Order widgets** You can translate the Cancel Order plugin’s customer-facing texts into any language supported by Shopify. This can be done directly from our app dashboard. 1. Navigate to our app’s [**__Cancel order → Translations__**](https://admin.shopify.com/apps/froonze-app/cancel_order/translations/) tab. 2. Press **Change language** at the top left to switch to another language. 3. You can manage languages from the **Active language** pop-up: 1. Select an **existing Active language**. 2. Add an entirely **new Active language**. 5. Select your **desired language** and start translating the texts. Once happy with the translations, hit **Save** to propagate the changes. || If your store’s primary language is other than English, you should translate texts from the Default language and select English or other languages as additional options to be translated. Furthermore, you can reword the Cancel Order plugin’s customer-facing texts, including instructions, button text, and notifications, to match your brand’s voice. 1. Navigate to our app’s [**__Cancel order → Translations__**](https://admin.shopify.com/apps/froonze-app/cancel_order/translations/) tab. 2. Press **Change language** at the top left to ensure you’re on the **Default** language. 3. If not already selected, press the **Default** option and start rewording the texts. 4. Once happy with the rewording, hit **Save** to propagate the changes. --- ## **FAQs about the Cancel Order plugin** #### **What should I do if the Cancel Order button does not appear after installation?** The Cancel Order button will be added only to unfulfilled orders. You should check the status of the order in your Shopify Admin → Orders page. Also, double-check that the customer or order doesn’t have tags that were added to prevent the visibility of the Cancel Order button. You can do that from our app’s Cancel Order → Settings tab → Visibility section. --- #### **How can I use custom CSS or JS for advanced styling, and do you provide an API?** You can add custom CSS and JS directly to your theme files. You can target our branded CSS selectors. For more complex customisations, you can use our JS events, such as the **frcp.orders.mounted** JS event. Please note that custom styling via CSS and JS is not available for the Cancel Order extension in the Shopify Customer Accounts due to Shopify’s limitations on styling options. --- #### **Are there any known compatibility issues with other Shopify apps or themes?** Our Cancel Order plugin is compatible with most modern and up-to-date Shopify themes. The Cancel Order button will only work inside our Account widget or inside the Shopify Customer Accounts default account page. Attempting to add it anywhere else will not work. --- #### **Can I limit which customers or order types see the Cancel Order button?** Absolutely. You can show the Cancel Order button only to specific customers or add it to specific orders, based on customer and order tags. You can also prevent specific customers from seeing the Cancel Order button or remove it from specific orders based on customer and order tags. --- #### **Does the plugin help with specific legal requirements in certain countries or regions?** If your store is in the European Union or sells to consumers in the EU, then you most likely know that, based on EU Directive 2023/2673, you must provide a clear and easily accessible digital withdrawal feature. While the Froonze Cancel Order plugin offers Shopify merchants a convenient way to improve the customer experience for logged-in customers, it’s not built to comply with the new EU Withdrawal Button Directive. --- #### **How do I cancel or change my subscription if I no longer need the plugin?** In case you no longer need the Cancel Order plugin, you can unsubscribe from our app’s Subscription page. Simply toggle off the Cancel Order plugin option, update the subscription, and approve the new charges. --- #### **Where can I get help if I encounter issues not covered in this guide?** If you run into any issues, feel free to [**contact Froonze Support**](mailto:support@froonze.com?subject=Froonze%20%7C%20Inquiry%20about%20Cancel%20Order%20Plugin&body=Hi%20there%2C%0D%0A%0D%0AI%20need%20help%20with%20the%20Cancel%20Order%20plugin.%0D%0A%0D%0AI%20have%20the%20following%20issue%3A%0D%0A%5B%20DESCRIBE%20ISSUE%20IN%20DEPTH.%20ADD%20PICTURES%20IF%20NECESSARY%20%5D%0D%0A%0D%0AMy%20store%20details%3A%0D%0A-%20Store%20URL%3A%20%5B%20ADD%20YOUR%20STORE'S%20SHOPIFY%20DOMAIN%20LINK%20%5D%0D%0A-%20Store%20Password%3A%20%5B%20MENTION%20THE%20STORE%20PASSWORD%20OR%20MENTION%20N%2FA%20IF%20NOT%20APPLICABLE%20%5D%0D%0A-%20Email%20Address%3A%20%5B%20MENTION%20THE%20EMAIL%20ADDRESS%20WHERE%20WE%20CAN%20SEND%20OUR%20REPLY%20%5D%0D%0A). Our team’s response time is lightning-fast. We’re often recognised as being part of a Shopify merchant’s team rather than just providing generic app support. The 5-star rating on the Shopify App Store is a testimony to our performance.