Skip to main content

How to Set Up a Product Fee

Magical Apps·Published · Last updated setup

This guide covers Starter Plan and Plus Plan.

Jump to: Starter Plan · Plus Plan

Install Magical Fees from the Shopify App Store, then follow the steps below to go live.

Step 1: Create a fee rule

  1. In Shopify admin, go to the Magical Fees app.
  2. Click Create fee rule.

Magical Fees dashboard with Create fee rule button visible
Magical Fees dashboard with Create fee rule button visible

  1. On the rule page:
    • Enter a Title (e.g., "Recycling Fee").
    • Set Type to Product.
    • Set the Price (fixed amount or percentage).
    • Under Product conditions, choose the products or collections the fee applies to.
  2. Click Save and confirm the rule shows as Active in the fee rules list.

Fee rules list showing Active status on saved rules
Fee rules list showing Active status on saved rules

Step 2: Activate the sales channel

Note: This is a one-time setup. If you've already done it, skip this step.

  1. In the Magical Fees app, click Add sales channels.

Add sales channels panel in Magical Fees
Add sales channels panel in Magical Fees

  1. Under Online Store, click Activate app embed block:
    • In the theme editor, toggle Magical Fees on.
    • Click Save.

Theme editor with Magical Fees app embed toggled ON
Theme editor with Magical Fees app embed toggled ON

  1. Under Online Store, turn on Hide Dynamic Checkout Buttons when Fees Apply:
    • Click Enable in app embed.
    • In the theme editor, toggle Hide dynamic checkout buttons when fees apply on.
    • Click Save.

Theme editor with Hide dynamic checkout buttons toggle enabled
Theme editor with Hide dynamic checkout buttons toggle enabled

Plus Plan
  1. Turn on the Checkout UI extension:
    • Click Checkout settings.
    • In Configurations, click Customize next to the checkout you want to edit.
    • In the editor, open the Checkout page.
    • Under Order summary, click Add block, then select Magical Product Fees to place the app block at checkout.
    • Click the Magical Product Fees block in the left panel. Under Checkout behavior, enable:
      • Allow app to block checkout
      • Include block in Shop Pay
    • Click Save.

That's it — your product fee is now live on your storefront.

Always label deposits separately for compliance

Display bottle deposit fees as a clearly labeled, separate line item at checkout and on receipts. This meets regulatory transparency requirements, builds customer trust by showing exactly what they're paying, and makes it significantly easier to track deposits for reporting and audits. Use a clear label like "Bottle deposit" or "Container deposit (CRV)" so customers immediately understand the charge.

Can't find what you're looking for?

We build custom solutions and love hearing from merchants. Tell us what you need.

Get in touch