A quick guide to adding extra fees to products or orders on your Shopify store.

What is a Fee?

In this app, a fee is a rule that controls when and how an extra charge is added to a product or order, like a bottle deposit, service fee, or surcharge.

Each fee allows you to configure:

  • Type: Choose whether it applies to a product or the whole order
  • Calculation: Set a fixed amount or percentage, and choose how often the fee applies
  • Conditions: Choose which products or collections the fee applies to, or set custom rules

Below, we’ll walk through each step so you can get your first fee set up in just a few minutes.

Open the App and Follow the Setup Guide

If this is your first time using the app, you’ll land on the Setup Guide page. You can also access this page anytime by clicking Setup Guide in the menu on the left.

This page shows your progress through these steps:

  • Create your first fee
  • Enable the app embed block
  • Turn off dynamic checkout buttons
  • (Shopify Plus only) Enable the checkout UI extension and behaviour
  • (Shopify POS only) Add the POS tile

Check off each step as you complete it to track your progress.

Create a Fee

From the Setup Guide, click Create Fee to create your first rule.

You’ll be asked to choose:

  1. Fee Method:
    • Function Method (recommended for most stores) uses Shopify functions, making it faster and more reliable. It displays fees as part of a product or product bundle at checkout, however fees are still separated from the price of the product.
    • Block Method displays fees as separate line items in the checkout. This works great for stores with workflows that depend on the block method, or Growth Plan customers who want discounts to apply to their fees
  2. Title & Description
    • Enter a title for the fee. 
    • In the Details field, you can describe what the fee is for. This description will be visible to customers at checkout.
  3. Fee Type:
    • Choose whether you want the fee to apply to products or the entire order.
  4. Calculation:
    • Set a fixed amount or a percentage amount for the fee.
    • If you choose Product Type Fee:
      • Under “Number of times fee applies”:
        • Select Every product to add this fee for every quantity of each matching product in the cart.
        • Select Once per product to add this fee a maximum of one time for each matching product in the cart.
      • Choose whether you want to bundle the fee with
        • Matching Product where the fee is bundled with the products it applies to. This option makes it more clear what the fee is added to but would be included in product based discounts that apply to the product.
        • Other Product Fees where the fee is bundled with other product fees under a placeholder product created by the app. This option is best when excluding fees from product-based discounts.
  5. Conditions:
    • If you choose Product Type Fee:
      • Select All products to apply this fee to all products.
      • Select Specific collections and check the appropriate collections to apply this fee to products in the selected collections.
      • Select Specific products and check the appropriate products and/or variants to apply this fee to the selected products/variants.
      • Select Custom conditions to and create a custom set of conditions to apply this fee to products matching those conditions.
    • If you choose Order Type Fee:
      • Select Subtotal to apply this fee to an orders subtotal
      • Select Total to apply this fee to an orders total (only available on Growth plans with Shopify Plus)
    • Shopify Plus Only:
      • Location-Based Fees: Click Add Locations and select one or more locations where this fee should apply. You can use the search field to find a country or province or state.
      • Payment Method Fees for Credit Card and Paypal: Click Add Payment Methods and check Credit Cards and/or Paypal.
  6. When you’re done, click Save. 

Need Help with a Specific Fee Type?

Watch our video tutorials for step-by-step guidance on common use cases:

Tariff Surcharges
Bottle Deposit Fee Setup
Excise Taxes
Eco Fees
Recycling Fees
Service Fees
Oversized Handling & Packaging Fees
Order Subtotal Fees

Online Store Setup

Before your fees can appear properly, you’ll need to configure a few theme settings. This only takes a couple of minutes and ensures everything works as expected.

Activate App Embed Block

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. Click Theme settings.
  4. Click the App embeds tab.
  5. Beside Magical Fees, click the toggle to activate it.

Disable Dynamic Checkout

The Dynamic checkout button setting is specific to the theme. If you have any trouble disabling this button on your theme, please contact us.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. Open the drop-down menu at the top of the page.
  4. Select Product from the dropdown menu.
  5. Select the Product template that will be used by products with fees applied to them.
  6. Select the Buy buttons block.
  7. Ensure that “Show dynamic checkout buttons” is unchecked.
  8. Click Save.

Enable Checkout UI Extension (Shopify Plus Only)

  1. From your Shopify admin, go to Settings > Checkout.
  2. In the Configurations section, click Customize next to the checkout that you want to edit.
  3. Select the checkout page that you want to add an app to at the top menu bar.
  4. Click Add app.
  5. In the Apps available for this page section, click Magical Product Fees. The app is automatically placed in the recommended area of your checkout.
  6. Click the Magical Product Fees block.
  7. Under the Checkout behavior section enable Include app block in Shop Pay.
  8. Under the Checkout behavior section enable Allow app to block checkout.
  9. Click Save.

To make setup even easier, follow the video below that matches your plan:

Starter Plan Activation Guide
Growth Plan Activation Guide (Shopify Plus)

Set Up Fees in Shopify POS

To apply fees to an order, add either the Automatic fees tile or the Manual fees tile to your Shopify POS home screen. The Automatic fees tile applies fees whenever products are added to the cart, while the Manual fees tile allows you to apply fees by tapping it after adding products to the cart first.

  1. On the home screen of the Shopify POS app, tap Add tile within the grid.
  2. Tap App.
  3. Tap Magical fees.
  4. Tap Add beside Automatic fees or Manual fees.
  5. Tap Save.

Need Help or Have Questions?

Visit our Help Center for additional setup instructions, troubleshooting tips, and answers to frequently asked questions about Magical Product Fees.