How to Remove Shop Pay From Shopify Product Page

Introduction

Removing the Shop Pay button from your Shopify product pages allows you to regain control over your store's visual layout and customer journey. While accelerated checkout options are often helpful, they can sometimes interfere with other apps, disrupt your design, or bypass critical steps like cart-level upsells and terms-of-service checkboxes. Many merchants find that a cleaner product page leads to more intentional purchases and fewer support inquiries related to checkout confusion.

We understand that every store has unique requirements for how customers should move through the buying process. Our app, HidePay, was designed to give you precise control over these payment elements without requiring complex code edits. You can install HidePay to test rule-based hiding and sorting quickly.

This guide covers the manual methods for deactivating Shop Pay, the process for hiding it via the Shopify theme editor, and advanced strategies for rule-based management. You will learn how to handle the transition safely, especially if you currently offer subscriptions or ship internationally.

Controlling your checkout experience is a practical way to reduce friction and ensure that the right payment methods appear for the right customers at the right time.

Understanding the Difference Between Deactivation and Hiding

Before you begin changing settings, it is important to distinguish between deactivating Shop Pay entirely and simply hiding the button on your product pages. These two actions have different consequences for your store and your customers.

Global Deactivation

Deactivating Shop Pay in your payment settings removes the option from your entire store. This means customers cannot use it on the product page, in the cart, or at the final checkout stage. This is a broad approach that stops all Shop Pay functionality, including features like Shop Pay Installments. If your goal is to stop using the service completely, this is the correct path.

Hiding the Product Page Button

Many merchants prefer to keep Shop Pay available at the final checkout stage but want to remove it from the product page. This button is technically known as a "Dynamic Checkout Button." When you hide it through your theme settings, you keep the conversion benefits of accelerated checkout for customers who have already reached the cart, but you prevent them from skipping the cart page directly from a product listing.

The Strategic Middle Ground

There is also a middle ground where you may want to show or hide the button based on specific conditions. For example, you might want Shop Pay visible for low-cost items but hidden for high-ticket custom orders that require a longer checkout form. Using a dedicated tool like our app allows for this level of specificity, which standard Shopify settings do not natively support. For a longer read on why we built HidePay and how it helps reduce unwanted costs, see our post announcing the app in the Nextools blog.

How to Remove Shop Pay From the Product Page via Theme Settings

The most common reason for wanting to remove the Shop Pay button specifically from the product page is to ensure customers visit the cart page first. This is crucial if you use cart-style upsells, gift wrapping options, or required checkboxes.

Using the Shopify Theme Editor

To hide the button without disabling the service entirely, follow these steps in your Shopify admin:

1. Navigate to Online Store and select Themes.
2. Find the theme you want to edit and click Customize.
3. Use the dropdown menu at the top of the screen to select Products, then choose Default product.
4. In the sidebar on the left, look for the Product Information section.
5. Locate the Buy buttons block.
6. Uncheck the box labeled Show dynamic checkout buttons.
7. Click Save.

By unchecking this box, you remove all accelerated checkout buttons from the product page, including Shop Pay, Apple Pay, and PayPal Express. This forces the customer to click "Add to Cart," ensuring they follow the standard path you have designed.

If you use other apps to validate or block checkout behavior (for example to enforce cart requirements or upsells), consider pairing payment controls with an order validation tool such as CartBlock — checkout validator so customers cannot bypass cart-level logic.

Impact on User Experience

When you remove the dynamic checkout button, the "Add to Cart" and "Buy It Now" buttons remain. The primary change is that the branded, one-click payment buttons disappear. For stores with a complex product range, this often reduces "accidental" checkouts where customers forget to select an add-on or read an important product disclaimer.

Deactivating Shop Pay Globally in Shopify Payments

If you have decided that Shop Pay is not the right fit for your brand at all, you can deactivate it through your payment provider settings. This is a permanent change that affects all customers regardless of the device or page they are viewing.

Steps for Desktop

1. From your Shopify admin, go to Settings and then Payments.
2. In the Shopify Payments section, click the Manage button.
3. Scroll down to the Shop Pay section under "Manage payment methods."
4. Uncheck the Shop Pay option.
5. A dialog box will appear asking you to confirm. Click Deactivate.

Steps for Mobile

1. Open the Shopify app and tap the Store icon, then tap Settings.
2. In the store settings, select Payments.
3. In the Shopify Payments section, tap Manage.
4. Find the Shop section and toggle off the Shop Pay option.
5. Confirm the deactivation when prompted.

Once these steps are complete, Shop Pay will no longer appear anywhere on your store. This includes the Shop Pay Installments feature, so ensure you are prepared to lose that BNPL (Buy Now, Pay Later) option before finalizing the change.

The Critical Impact on Subscriptions

One of the most important considerations before removing Shop Pay is how it affects existing subscriptions. This is a technical limitation that can cause significant revenue loss if not handled correctly.

Why Subscription Payments Fail

Shopify's infrastructure links subscription contracts to the payment method used during the initial purchase. If a customer starts a subscription using Shop Pay, all future recurring charges are processed through that same channel. If you deactivate Shop Pay in your admin settings, the gateway is closed. When your subscription app attempts to bill the customer for their next cycle, the transaction will fail because the payment method is no longer active on your store.

The Consequences of Failed Billing

Most subscription apps are configured to retry a payment a certain number of times. If the gateway remains inactive, these attempts will continue to fail. Eventually, the system will mark the subscription as "Cancelled" or "Expired." This results in lost recurring revenue and a poor customer experience, as the customer may not understand why their order stopped shipping.

How to Manage the Transition

If you must deactivate Shop Pay and you have active subscribers, you should take the following steps:

• Identify all active subscriptions currently tied to Shop Pay through your subscription management dashboard.
• Communicate with these customers directly, explaining that they need to update their payment method.
• Consider a staggered approach to deactivation to give customers time to make the switch.
• Consult with your subscription app provider (such as Recharge or Bold) to see if they offer automated tools for migrating payment methods.

Advanced Control Using HidePay

Standard Shopify settings are often an all-or-nothing proposition. You either have the button everywhere, or you have it nowhere. For many growing brands, this lack of flexibility is a bottleneck. This is where HidePay provides a more surgical solution.

Rule-Based Hiding of Express Checkout

Our app allows you to create specific rules for when payment methods should be visible. Instead of a global deactivation, you can hide Shop Pay (and other express buttons) based on logic that suits your operations. For step‑by‑step setup, see the guide on how to create a payment customization.

Examples you can implement with rule logic:

• Geography: Hide Shop Pay for customers in specific countries where you prefer they use local payment providers.
• Order Value: Hide accelerated buttons for orders over a certain amount to ensure customers go through a standard checkout for high-value items.
• Product Type: Disable Shop Pay only for specific collections or product tags, such as "Pre-order" or "Customized."
• Customer Tags: Show different checkout options to B2B customers versus retail customers.

Sorting and Renaming for Better Conversion

Beyond just hiding buttons, we provide the ability to sort and rename payment methods. If you find that Shop Pay is taking up too much visual space on your product page or checkout, you can move it to a lower position or rename other methods to make them more attractive. This helps guide the customer toward the payment option that is most profitable or secure for your business. Learn how to sort and rename payment methods in the HidePay documentation.

Native Performance with Shopify Functions

Because we built the app on Native Shopify Functions, it runs directly within the Shopify infrastructure. This means there are no external scripts slowing down your product pages or "flickering" buttons that appear for a split second before being hidden. It is a reliable, modern way to manage checkout logic without touching your theme's liquid code or risking site speed. If you want to explore Shopify Functions more broadly (including codeless options), check out SupaEasy — codeless Shopify Functions.

Strategic Reasons to Remove Shop Pay

While Shop Pay is popular, it isn't always the best choice for every merchant. Understanding the strategic reasons behind removing it can help you decide if it’s the right move for your store.

1. Avoiding App Conflicts

Some third-party apps that modify the cart or product page struggle with dynamic checkout buttons. Since Shop Pay bypasses the standard cart flow, any logic you have built into your cart (like discount triggers or shipping calculators) might be ignored. Removing the button ensures all customers pass through the necessary steps. If you also need granular shipping controls, consider pairing payment rules with HideShip — hide and sort shipping methods to keep shipping and payment logic aligned.

2. Reducing Chargeback Risks

Certain payment methods carry higher risks of chargebacks in specific industries. If you find that a disproportionate number of disputes come through Shop Pay, you might choose to hide it for high-risk products while keeping it for lower-risk items.

3. Branding and Aesthetics

The bright purple branding of Shop Pay can clash with a minimalist or luxury store design. If you spend a significant amount of time and money on a custom brand identity, you may feel that the intrusive "Buy with Shop Pay" button detracts from the premium feel of your product pages.

4. Encouraging Alternative BNPL Services

If you have a partnership with another BNPL provider like Klarna or Affirm, you might want to give them priority. Removing the Shop Pay button from the product page makes more room for your preferred financing partner's marketing assets and call-to-action buttons.

Technical Considerations and Theme Compatibility

When you decide to remove Shop Pay, the method you choose should depend on your theme's architecture. Most modern "Online Store 2.0" themes handle this through the theme customizer as described earlier. However, older vintage themes may require a different approach.

Online Store 2.0 Themes

For newer themes (like Dawn or Sense), the "Buy buttons" block is a standard feature. You have granular control over where this block appears and what it displays. This is the safest way to modify your product page because it does not involve editing the underlying code.

Vintage Themes and Custom Code

If you are using an older theme that doesn't support blocks, you might need to look for a setting in the "General" or "Cart" section of your theme settings. In rare cases, you may need to add custom CSS to your theme to hide the button. The CSS class usually targets .shopify-payment-button, but we recommend avoiding manual code edits if possible. Using a dedicated tool like our app is safer and more permanent, as theme updates won't overwrite your changes.

Mobile vs. Desktop View

Always check your product pages on both mobile and desktop after making changes. Shop Pay is particularly prominent on mobile devices. Ensure that removing the button hasn't left a large empty space or caused the "Add to Cart" button to look misaligned. A balanced layout is key to maintaining a professional appearance.

Action Summary: What to Do Next

If you are ready to remove or manage the Shop Pay button on your store, follow this logical progression:

• Assess the need: Decide if you want to remove the button globally (settings) or just from the product page (theme editor).
• Check for subscriptions: If you have active subscribers, do not deactivate Shop Pay globally until you have a migration plan.
• Test the theme editor: Try unchecking the "Show dynamic checkout buttons" option in your theme customizer to see how it affects your product page layout.
• Evaluate advanced needs: If you need to hide the button for some products but not others, or for some countries but not others, consider using a tool like get HidePay for your store for conditional logic.
• Verify on mobile: Ensure the customer journey remains smooth on all devices after the buttons are removed.

Protecting Your Margins and UX

Every change to your checkout process should be a balance between user experience and business health. While Shop Pay can increase conversion for some, it can be a liability for others. By taking control of your product page elements, you are choosing to prioritize your store's specific flow over a one-size-fits-all solution.

We believe that checkout optimization is about more than just removing buttons; it is about showing the right options to the right person. Whether you are a dropshipper trying to avoid high-fee gateways or a B2B merchant requiring a specific workflow, managing your payment methods is a vital part of scaling.

If you want a deeper look at how HidePay and HideShip work together as a complete checkout optimization solution, read our post about the HideSuite bundle.

If you find that the native Shopify settings aren't enough to achieve the exact checkout behavior you want, exploring a specialized app can save you hours of technical frustration. You can view current pricing and features for HidePay on the Shopify App Store to see how it fits into your optimization strategy.

Conclusion

Removing Shop Pay from your product page is a straightforward process that can have a significant impact on your store's performance and design. By following the steps in this guide, you can choose between a total deactivation or a more targeted approach using theme settings or rule-based tools.

Key takeaways:

• Use the Theme Editor to remove the button from the product page while keeping it at checkout.
• Use Shopify Payment settings to deactivate the service store-wide.
• Be extremely careful with deactivation if you have active subscriptions, as it will break recurring payments.
• For advanced control—like hiding buttons based on country or product type—HidePay offers a robust, native solution.

If you are looking for a way to precisely manage your checkout without the stress of manual code, try HidePay on Shopify and start creating a more tailored experience for your customers.

FAQ

Will removing Shop Pay from the product page affect my conversion rate?

It depends on your customer base. While Shop Pay is known for speed, removing it from the product page can sometimes increase conversion by ensuring customers see your cart-level upsells or shipping information before checking out. It is often beneficial to test this change and monitor your analytics for any shifts in behavior.

Does hiding the "Dynamic Checkout Button" also remove PayPal?

Yes, the "Show dynamic checkout buttons" setting in the Shopify theme editor is a global toggle for all accelerated checkout methods. This includes Shop Pay, PayPal Express, Apple Pay, and Google Pay. If you only want to hide one specific method while keeping the others, you will need to use a specialized payment management app like HidePay.

Can I remove Shop Pay for only certain products?

Standard Shopify settings do not allow you to hide Shop Pay on a per-product basis. However, you can achieve this by using our app. You can create a rule that identifies specific product tags or collections and hides the Shop Pay button only when those items are in the cart or being viewed on the product page.

What happens to Shop Pay Installments if I deactivate Shop Pay?

If you deactivate Shop Pay in your payment settings, Shop Pay Installments will also be disabled. Customers will no longer have the option to pay in installments through the Shop gateway. If you want to keep installments but remove the product page button, you should use the theme editor method instead of global deactivation.