Introduction
Placing express checkout buttons like PayPal directly on the cart page often creates more friction than it solves. While intended to speed up the buying process, these buttons frequently distract customers from the primary "Checkout" button, leading to accidental clicks and abandoned sessions. Many merchants prefer a cleaner interface that guides users through the standard checkout flow where discount codes and shipping options are clearly presented.
Removing these buttons is a standard step for stores aiming to increase their average order value or ensure customers interact with specific cart attributes before paying. Using a dedicated tool like HidePay on the Shopify App Store allows you to manage these checkout elements without touching a single line of theme code. This approach ensures your store remains stable even when Shopify updates its platform or you change your theme.
This guide explores the practical methods for removing the PayPal button from your cart page and why controlling your checkout flow is essential for long-term growth. We will cover everything from manual code edits to automated rules that give you total control over which payment options appear and when.
Why Merchants Remove PayPal from the Cart Page
The decision to hide express buttons is usually driven by data rather than aesthetics. When a customer clicks a PayPal button on the cart page, they are often redirected to a third-party login screen before they have had a chance to enter a discount code or select a preferred shipping method. This interruption can be jarring and lead to a higher bounce rate.
The Discount Code Dilemma
One of the most common complaints from Shopify merchants is that express checkout buttons bypass the field where customers enter discount codes. If your marketing strategy relies heavily on "WELCOME10" or seasonal promo codes, having a prominent PayPal button on the cart page can lead to customer frustration. Users click the express button, realize they can't find the discount field, and then abandon the cart to figure out how to apply their savings. Removing the button forces the customer into the standard checkout flow where the discount field is clearly visible.
Controlling the Customer Journey
Every click on your website should be intentional. The cart page serves as a final review of the items being purchased. By removing distracting yellow or blue buttons, you focus the user’s attention on the "Checkout" button. This creates a linear, predictable path: Cart -> Information -> Shipping -> Payment. A predictable path reduces cognitive load and makes the customer feel more secure during the transaction.
Reducing Accidental Clicks
On mobile devices, screen real estate is limited. Express buttons can take up a significant amount of space, often sitting right next to the main checkout trigger. This leads to fat-finger errors where a customer accidentally launches the PayPal app or a login popup when they simply intended to proceed to the next step. Every time a customer is forced out of your store's environment, you risk losing that sale.
Manual Methods to Remove the PayPal Button
There are several ways to address this through the Shopify admin, ranging from simple settings to theme file modifications. While these methods are common, they often come with limitations regarding which pages they affect and how they interact with different themes.
Disabling via Theme Settings
Some modern Shopify themes include a built-in toggle to show or hide "Dynamic Checkout Buttons." You can usually find this by navigating to the Theme Editor, selecting the "Product" or "Cart" page template, and looking for a checkbox in the settings sidebar. However, this is often an "all or nothing" setting. If you want to keep Apple Pay but hide PayPal, or keep the button on product pages but hide it in the cart, the default theme settings may not be granular enough for your needs.
Using CSS to Hide Buttons
The most frequent advice found in developer forums is to use CSS to hide the .additional-checkout-buttons class. This involves adding a snippet of code to your theme’s stylesheet (usually base.css or theme.css).
.additional-checkout-buttons {
display: none !important;
}
While this works visually, the code for the button still loads in the background. Furthermore, if you change your theme or if Shopify updates the class names used in the checkout, your CSS hack might stop working or hide elements you didn't intend to target. It is a "brute force" method that lacks the intelligence required for modern e-commerce.
Liquid Template Edits
In older themes, you might find the code for additional checkout buttons directly in the cart-template.liquid or main-cart-footer.liquid file. Merchants often wrap the {{ content_for_additional_checkout_buttons }} tag in comment tags to disable it.
{% comment %}
{{ content_for_additional_checkout_buttons }}
{% endcomment %}
This prevents the buttons from rendering at all. However, editing Liquid files requires a certain level of technical comfort. Making a mistake in these files can break the layout of your cart page, and these changes won't carry over if you upgrade to a new version of your theme.
Hide, sort, and rename Shopify payment methods using powerful conditions. Customize your checkout and control payment options with HidePay.
Advanced Control with HidePay
For merchants who need more than a simple "on/off" switch, using a specialized app is the most reliable path. We built the app to handle these scenarios using Native Shopify Functions (paired with SupaEasy on the Shopify App Store).
Rule-Based Logic
Instead of hiding the PayPal button for everyone, we allow you to set specific conditions. For example, you might want to:
- Hide PayPal for international orders where the currency conversion fees are too high.
- Remove express buttons only when the cart contains specific high-risk or high-ticket items.
- Show PayPal only to customers with a specific tag (like "VIP" or "Wholesale").
This level of specificity allows you to optimize your checkout based on actual business needs rather than following a one-size-fits-all approach. See the step-by-step guide: How to create a payment customization.
Sorting and Renaming
Beyond just removing buttons, our tool allows you to reorder how payment methods appear. If you prefer customers to use a specific credit card processor because it has lower transaction fees, you can move that option to the top. You can also rename payment methods to provide more clarity, such as changing "PayPal" to "PayPal or Credit Card" to reassure customers who don't have a PayPal account that they can still pay securely. Learn how to Sort and Rename payment methods in the Checkout.
Blocking Express Buttons Globally
While the focus here is the cart page, many merchants also want to remove these buttons from the very top of the checkout page. Express checkout "shortcuts" at the top of the first checkout step often confuse users into thinking they can't enter their shipping address or discount code first. The app allows you to block these buttons across the entire checkout experience, ensuring a uniform and controlled process for every shopper. See the help article: Hide the Express Checkout with HidePay.
Managing the Checkout Experience for Different Markets
Global stores face unique challenges with payment methods. What works in the United States might not be the best option for customers in Germany or Brazil. Removing or reordering buttons based on geography is one of the most effective ways to increase conversion rates.
Localizing Payment Options
In some regions, PayPal is the dominant way to pay. In others, local options like iDEAL, Bancontact, or Pix are far more popular. If you are selling globally, showing a prominent PayPal button to a customer in a region where it isn't used simply clutters the interface. We allow you to create rules that hide PayPal for specific countries while keeping it active for others — see our guide on how to organize payment methods by country or by Shopify Market.
Handling High-Risk Orders
Certain payment methods are more prone to chargebacks than others. If you notice a high volume of fraudulent orders coming through PayPal for specific product categories, you can create a rule to hide that button whenever those products are in the cart. This protects your margins without requiring you to disable the payment method for your entire store.
B2B and Wholesale Scenarios
If you run a B2B store alongside your retail operation, you likely want different checkout experiences for each group. Wholesale customers often prefer to pay via bank transfer or "net-30" terms rather than using a personal PayPal account. By using customer tags, you can hide the PayPal button for your wholesale group while leaving it active for your retail customers. See the tutorial on how to hide payment methods based on customer tags.
How to Implement These Changes Effectively
When you decide to modify your checkout or cart page, it is important to follow a structured approach. Changing payment options can impact your conversion rate, so you should monitor the results closely.
- Identify the Goal: Determine exactly why you want to remove the button. Is it to increase discount code usage, reduce accidental clicks, or lower transaction fees?
- Choose Your Method: For a quick, permanent fix on a single theme, CSS or Liquid edits might suffice. For a dynamic, rule-based approach that scales with your business, using the app is the better choice.
- Test One Rule at a Time: If you are using HidePay to manage multiple payment methods, introduce changes gradually. Start by hiding the PayPal button on the cart page and monitor your cart-to-checkout conversion rate for a few days.
- Check Mobile Performance: Always test the results on a mobile device. Buttons that look fine on a desktop can often cause layout issues or accidental clicks on smaller screens.
Key Takeaway
Directly removing the PayPal button from the cart page via theme code is a common fix, but using a rule-based tool ensures that you can adapt your checkout to different customer segments, regions, and product types without risking your theme's stability. Read more in our blog post: Introducing HidePay for Shopify.
Moving Beyond the Cart Page
While the cart page is the most common place merchants want to remove the PayPal button, the checkout page itself is equally important. Shopify's "Express Checkout" section at the very top of the checkout flow can be just as disruptive as the buttons on the cart page.
Protecting the Information Step
The first step of the Shopify checkout is where you collect vital customer information. When a customer uses an express button, Shopify pulls the address information directly from the payment provider. If the customer has an outdated address in their PayPal account, it can lead to shipping errors and customer service headaches. By removing the express buttons from the top of the checkout, you ensure the customer manually confirms their shipping address before they reach the payment step.
Consistency Across the Journey
A professional store should feel consistent. If you remove the PayPal button from the cart but it suddenly reappears at the top of the checkout page, it can create confusion. Using a native solution allows you to apply your rules consistently across all stages of the buying process. Whether the customer is looking at their cart, entering their shipping info, or choosing their final payment method, they should only see the options you have deemed most appropriate for their specific order.
Strategic Benefits of Sorting and Renaming
Simply hiding a button is a "negative" action—you are taking something away. However, checkout optimization also involves "positive" actions, like sorting and renaming.
The Power of Default Options
The order in which payment methods appear significantly influences which one a customer chooses. Most shoppers will select the first or second option presented to them. If you prefer a specific payment gateway because it offers better protection or lower fees, use the app to move it to the top of the list. By subtly guiding customers toward your preferred methods, you can improve your bottom line without any change in the customer's perceived experience.
Clarifying Payment Choices
Standard payment labels can sometimes be vague. If you find that customers are hesitant to use certain options, try renaming them. For instance, if you offer "Cash on Delivery" but only for certain regions or under certain conditions, you can rename the label to "Pay on Delivery (Available for this region)" to provide immediate clarity. This reduces the number of questions your support team has to answer and makes the customer feel more confident.
Summary of Action Steps
If you are ready to clean up your cart page and take control of your payment flow, follow these steps:
- Review your analytics: Check if there is a significant drop-off between the cart and the final checkout step.
- Decide on your logic: Determine if the PayPal button should be hidden for everyone or just for specific cases (like international orders or certain cart totals).
- Install the tool: Head to the Shopify App Store and install HidePay to add the app to your store.
- Create your first rule: Navigate to the app in your Shopify admin and set up a rule to hide the PayPal express button on the cart and checkout pages.
- Monitor and adjust: Observe your conversion rates and customer feedback to ensure the new flow is meeting your goals.
By moving away from rigid theme edits and toward a flexible, rule-based system, you can ensure your Shopify store remains optimized for every customer, regardless of where they are or what they are buying. This proactive approach to checkout management is what separates high-growth brands from the rest. Nextools provides a HideSuite bundle and related tools designed to give you this exact level of control, helping you protect your margins and improve the customer experience simultaneously.
FAQ
Does removing the PayPal button from the cart page also disable PayPal as a payment method?
No, removing the button from the cart page only hides the "Express Checkout" shortcut. Your customers will still be able to select PayPal as their payment method at the final stage of the checkout process, alongside your other credit card and payment options.
Can I hide the PayPal button for only certain countries?
Yes, using the app allows you to create geography-based rules. You can choose to hide the PayPal button for specific countries while keeping it visible for others, which is ideal for managing different transaction fees or regional payment preferences.
Will hiding these buttons break my Shopify theme?
If you use a native solution like HidePay, it will not break your theme because it uses Shopify Functions rather than editing your Liquid or CSS files. Manual code edits, however, can sometimes cause layout issues or stop working when you update your theme.
Why does the PayPal button keep reappearing after I hide it with CSS?
CSS hides elements based on specific class names. If Shopify updates its platform or if you change your theme, those class names might change, causing the button to reappear. Using a dedicated app that integrates with Shopify's backend ensures the button stays hidden regardless of theme updates.
Ready to take full control of your checkout experience? Try HidePay on Shopify today and start creating the perfect payment flow for your customers.