How to Setup Product Fees on Shopify Stores the Easy and Quick Way (Magical Mandatory Product Fees)

This article will walk you through how to install and setup the Magical Mandatory Product Fees app on your Shopify Store.

App Install Instructions

Installing the app in Shopify is easy.

Click “Add app” on the Magical Mandatory Product Fees app listing.

App Setup Instructions

After completing the app installation, read the setup instructions to learn how to activate or deactivate the app embed block, add additional app blocks, create, edit, or delete a fee, and apply custom conditions to fees.

Initial App Setup

Setup Instructions

For assistance with setup, contact the Magical Apps team once the app is installed.

The guided setup process within the app ensures the first fee will be active in minutes, not hours. Open the app in within the Shopify store to view the detailed instructions for each of the following steps:

Create fee
Activate app embed block
Activate fees total app block
Disable Dynamic checkout

App Setup Instruction Library

Activate the 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 Mandatory Fees, click the toggle to activate it.

Create fee

  1. From your Shopify admin, go to Online Store > Apps.
  2. Select Magical Mandatory Fees.
  3. Click Create fee.
  4. Enter a title and price for the fee.
  5. In the Applies to section, choose one of the following:
    • 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.
  6. In the Rules section, choose one of the following:
    • 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.
    • Select Once per cart to add this fee a maximum of one time in the cart.
  7. Click Save.

Activate Fees total app 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. Open the drop-down menu at the top of the page.
  4. Select Cart from the dropdown menu.
  5. Click the + Add block or + Add section button depending on where you want the fee total to appear.
  6. From the APPS section, click Fees total to add the block.
  7. Click Save to activate it.

Activate Associated fees app 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. Open the drop-down menu at the top of the page.
  4. Select Products, and then select the product template that you want to edit from the dropdown menu.
  5. Click the + Add block or + Add section button depending on where you want the fee total to appear.
  6. From the APPS section, click Associated fees to add the block.
  7. Click Save to activate it.

Edit fee

  1. From your Shopify admin, go to Online Store > Apps.
  2. Select Magical Mandatory Fees.
  3. Click Edit fee on the fee you would like to edit.
  4. Make any changes to the fee.
  5. Click Save.

Apply custom conditions

  1. Select whether products need to match all conditions or any condition to include this fee.
  2. Click Add condition.
  3. Use the drop-down lists to set the collection conditions.
    • In the first drop-down list, select a condition type.
    • In the second drop-down list, select how a product needs to match the condition to include this fee.
    • Enter a condition value in the third field.
    • If you want to add more than one condition, then click Add condition and repeat the steps.
  4. Click Save.

Delete fee

  1. From your Shopify admin, go to Online Store > Apps.
  2. Select Magical Mandatory Fees.
  3. Click edit fee on the fee you would like to delete.
  4. Click Delete.

Deactivate the 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 Mandatory Fees, click the toggle to deactivate it.

Add Fees total to theme template

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Actions > Edit code.
  3. Under the Templates header, click into the cart.liquid file.
  4. Locate where you would like the Assoicated fees to appear.
  5. Paste the following code block: <fees-total></fees-total>
  6. Click Save.

Add Associated fees to theme template

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Actions > Edit code.
  3. Under the Templates header, click into the product.liquid file.
  4. Locate where you would like the Assoicated fees to appear.
  5. Paste the following code block: <associated-fees></associated-fees>
  6. Click Save.

Troubleshooting

Read possible solutions to common issues merchants encounter when using the Easy Mandatory Product Fees app.

I am not seeing the expected fees when I add a product to the cart

  1. Check to ensure that there are fees listed on the Fees page of the app.
  2. Check to ensure that the app embed block is enabled.
  3. If the fee applies to custom conditions, check to ensure that the Products must match option on the fee is not set to all conditions when you meant to match any condition.
  4. If the fee applies to custom conditions, double check that the product matches the conditions set on the fee. Please note that all values are case sensitive. Some common discrepancies may be:
    1. The Product Type condition on the fee does not match the product type set on the product.
    2. The Option Name condition on the fee does not exist on the product.
    3. The Option Value condition on the fee is not the option chosen when adding the product to the cart.

I am not seeing a preview of the fee in the theme editor

The only place where a fee will be visible on your online store is in the cart after you have added a matching product to the cart. You can view a fee in the cart before saving and publishing changes in the theme editor by navigating to a matching product using the search bar and adding that product to your cart. If you are still not seeing a fee in the cart, check the following:

  1. Enable the app embed block before adding the product to the cart.
  2. Refer to the “I am not seeing the expected fees when I add a product to the cart” troubleshooting item to ensure that the fee is matching your product correctly.

Frequently Asked Questions

Discover answers to common questions about the Magical Mandatory Product Fees app for Shopify.

Read FAQs


Shopify Product Fees Library

The best resources to help you level up your Shopify product fees strategy and help your business thrive.