Skip to main content
Use Cases

Pass Credit Card, PayPal, Klarna & Other Payment Processing Fees to Customers on Shopify

Offset payment processing costs by adding transparent surcharges at checkout when customers pay by credit card, PayPal, Klarna, or other payment methods. Popular with merchants in Canada, the U.S., and internationally—Magical Fees applies the fee only for the selected payment method, keeping your margins intact while staying upfront about costs. Brick-and-mortar stores using Shopify POS can pass card fees at the point of sale via the POS tile (automatic or manual mode). Note: surcharge legality varies state-by-state in the U.S., and express checkout (Shop Pay, Apple Pay, Google Pay) bypasses pre-checkout fee popups on non-Plus plans.

Below we cover what credit card & payment method surcharges means for Shopify merchants, how Magical Fees & Tariffs handles the setup, and links to setup guides and detailed articles.

What merchants get wrong

Express checkout buttons (Apple Pay, Shop Pay, Google Pay) bypass the surcharge consent flow entirely—customers using those methods won't see your disclosure or pay the surcharge. This is a Shopify platform constraint, not an app bug. In the U.S., Connecticut, Maine, and Massachusetts restrict surcharges for in-person retail. The fee consent popup can feel intrusive and hurt conversion; some merchants want it shown only once or moved to cart. Magical Fees offers Block, Function, and Product fee methods—each has different tradeoffs for where the fee appears and how it interacts with shipping rules and discounts.

Credit Card Surcharges: Credit card surcharges are additional charges of 1.5–4% added at checkout when customers pay by credit card. Many merchants also add surcharges for other payment methods (PayPal, Klarna, and other alternative payment methods) where permitted. Rules vary by country: the UK and EU ban surcharges on card (and in the UK, PayPal) payments; Australia allows them but caps them at the merchant's cost of acceptance; the US and Canada generally permit them with disclosure. Merchants must comply with local regulations and payment provider terms.

Express Checkout Limitation: Express checkout buttons (Apple Pay, Shop Pay, Google Pay) let customers buy with one tap from the product page or cart, skipping the standard add-to-cart flow. Because these methods bypass the product page and sometimes the cart entirely, any app feature that relies on frontend injection — fee consent popups, required product fields, address validation, vacation mode blocks — is bypassed. Customers using express checkout won't see location confirmation modals, won't fill required personalization fields, and can place orders even when vacation mode is on. This is a Shopify platform constraint, not an app bug. To ensure your rules apply, consider disabling dynamic checkout buttons on products where compliance or data collection is critical.

See it in action

Watch how Magical Fees & Tariffs handles credit card & payment method surcharges on a live Shopify store.

How to Add Credit Card Surcharges to Shopify

How it works

Getting credit card & payment method surcharges running with Magical Fees & Tariffs takes just a few steps.

Install Magical Product Fees

Install Magical Product Fees from the Shopify App Store and activate the free trial to begin configuring fees on your store.

  1. 1

    Install from the Shopify App Store

    Visit the Magical Product Fees listing on the Shopify App Store and click "Add app" to install it on your store. The free trial gives you time to configure and test before committing.

  2. 2

    Open the app and start a new fee

    From your Shopify admin, go to Apps and open Magical Product Fees. Click "Create fee" to start setting up your first fee rule.

  3. 3

    Choose your fee method

    Select the Function Method (recommended for most stores — fees appear as part of a product bundle at checkout) or the Block Method (fees appear as separate line items — preferred for stores that need discounts to apply to fees).

How to Pass Credit Card Surcharges on Shopify

Add credit card surcharges to your Shopify store in three steps: install Magical Fees, create a surcharge rule with the correct percentage, then assign it to credit card payments and test.

  1. 1

    Install Magical Product Fees

    Install Magical Product Fees on your Shopify store. The free trial gives you time to configure your fees and test before committing.

  2. 2

    Create a surcharge rule

    Create a surcharge rule, set the percentage (typically 2–3%), and configure it to apply only to credit card payments. Exclude regions where surcharges are banned (Connecticut, Massachusetts, Puerto Rico) if needed.

  3. 3

    Test with a sample order

    Assign the surcharge rule to the appropriate payment methods, place a test order using a credit card, and verify the surcharge appears correctly at checkout.

Ready to get started?

Install Magical Fees & Tariffs on Shopify and see the difference today.

Install Magical Fees & Tariffs on Shopify