Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Hide Paypal express checkout button on checkout page

Hide Paypal express checkout button on checkout page

Simfusion
Tourist
5 0 7

Hi all,

I am currently facing issue with Paypal express checkout button on checkout page
We want to keep Paypal as an payment option but without the express checkout button.

Simfusion_0-1676542008669.png

 

We already follow the guides online and try serveral ways.
Inculde:

  1. In your admin, go to online store > themes
  2. Then Action > Edit code
  3. Inside cart.liquid file, paste this at the top:
    <style>
    .additional-checkout-buttons {
           display: none;
    }
    </style>
  4. Inside cart.liquid file, paste this anywhere:
    {% if additional_checkout_buttons %}
    <div class="additional-checkout-buttons">{{ content_for_additional_checkout_buttons }}</div>
    {% endif %}
  5. Save

Also, we have already install the plugin recommended by community which is Easy Hide and disable express checkout from our theme cart. But the button still pops up in cart page, is there any solution or alternative way to fix the issue?

Replies 33 (33)

SheCodesLiquid
Shopify Partner
6 1 2

Hey there, I've just created a tutorial on Youtube to resolve this: https://youtu.be/SF1pKUtdXBs

You can go to main-cart-footer.liquid and find this code, then remove it.

{%- if additional_checkout_buttons -%}
   <div class="cart__dynamic-checkout-buttons additional-checkout-buttons">
{{ content_for_additional_checkout_buttons }}
</div>
{%- endif -%}





Simfusion
Tourist
5 0 7

Thank you so much for help and quick reply.
I have followed your guides. I am sorry that we might using different themes and i do not contains  main-cart-footer.liquid. However, I still try to find cart__dynamic-checkout-buttons but it seems doesn't exist. The issue is still happening.

SheCodesLiquid
Shopify Partner
6 1 2

Hey there, would you mind sharing what theme you are using.  

The main-cart-footer.liquid footer only applies to the Shopify newer themes, however if it is one of the older vintage themes, it is possibly cart-template.liquid

 

 

Simfusion
Tourist
5 0 7

I am using Optimal. But sorry it doesn't appear as cart-template.liquid too
It only contains cart.js, main-cart.liquid and mini-cart.liquid for all cart related files.
https://optimal-demos.myshopify.com/

INA_MSWEB
Shopify Partner
1281 144 167

Hi @Simfusion 


I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

To hide the PayPal Express Checkout button on the Shopify checkout page, you can follow these steps:

  1. From your Shopify admin, go to Settings > Payments.
  2. Scroll down to the PayPal section and click on "Edit."
  3. Under "PayPal Express Checkout," uncheck the box that says "Enable PayPal Express Checkout."
  4. Click "Save" to save your changes.

After completing these steps, the PayPal Express Checkout button should no longer appear on the checkout page of your Shopify store. Keep in mind that customers will still be able to use PayPal as a payment method if you have enabled PayPal as a payment option under the "Alternative payments" section.




Regards,

Santanu

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Simfusion
Tourist
5 0 7

Thank you for your help.
However, i cant see the edit button on my paypal section

Simfusion_0-1676613164309.png

And Inside the manage panel, it only have deactivate option which will cause the whole payment method shutdown.

Simfusion_1-1676613246250.png

 

 

samirali
Shopify Partner
3 0 1

Hi. Did you resolve the issue? I am also facing the same issue

bryan76
Trailblazer
253 7 49

this app removes Express Checkout but only if there is no address pre populated.  I found that most of the time returning customers it skips the Contact page.  not 100% but better than nothing.  I am in touch with the developer and we are working on making this better as it is brand new.   the app also allowed me to rearrange the payment options order on the final page of checkout which I needed.   

https://apps.shopify.com/checkout-rules#modal-show=WriteReviewModal

Simfusion
Tourist
5 0 7

Sorry to tell you, we still cannot resolve the issue at the moment.

SheCodesLiquid
Shopify Partner
6 1 2

While looking at your screenshot again, so the reason you are seeing the Express checkout on the first page of checkout is because you have Paypal installed in the Settings > Payments > Paypal section.  

If you no longer want to use Paypal as a form of payment, then you will need to deactivate this by clicking on the Manage > Deactivate Paypal Express. Checkout.

 

I dont believe removing the express checkout on the 1st page of checkout is now possible via the theme coding.  You will need to do it by removing the payment gateway.

 

Apologies, the video I shared above is to remove the Express checkout on the cart page.

bryan76
Trailblazer
253 7 49

this removes paypal entirely from store and is not what OP is looking to do so not a solution at all 

afbs2023
Tourist
6 0 7

"Under "PayPal Express Checkout," uncheck the box that says "Enable PayPal Express Checkout.""

 

There is no such thing as a box where you can disable the Paypal Express checkout buttons. You can only de-activate the entire payment gateway, which is not a suitable solution.

AE9
Excursionist
13 0 2

there is no option to remove express checkout.

Glennshen
Shopify Partner
8 0 2

Simply go to customize theme, in product page, and tick out the option named "Show dynamic checkout button"

bryan76
Trailblazer
253 7 49

this is not product page.  this is the contact page of checkout and there is no option to make changes to that page

Booh
Visitor
1 0 1

They only allow changes if you pay for the $2000 a month plus plan. If you thought airlines were frustrating with their nickle and dime strategies, welcome to Shopify. 

 

bryan76
Trailblazer
253 7 49

there are other ways.  I met an app developer that has been able to make an application that makes some changes that I needed in checkout.  I am able to hide Express Checkout for the first time users log in (as long as their address doesn't pre populate) and most of the time if your address is already saved it skips that portion of checkout.   not 100% solved yet but at least partially.

 

Sam9516
Shopify Partner
44 1 15

This is now possible using the BeSure Checkout Rules app, even for Shopify store on basic plan. It enables us to hide express checkout options on Checkout > Information page, while still displaying them on the Checkout > Payment page.

 

It works mainly for new customers, since they are the most vulnerable to abandoning Checkout after encountering express checkout payment options on Checkout > Information page and thinking your store only supports these payment methods. For returning customers, they will still be able to see the express checkout options, but we are working on improving this in the future.

 

Here are the steps, after installing the app,

1. Click on "Create rule" and select the rule to hide express checkout options under "Payment" section.

2. Inside the rule details, you can choose which express methods to hide and on what page. Then click on "Create" and done.

 

No code changes required and it works for all themes. 

HKUK
Tourist
5 0 7

Whoever created this app is a Hero! Paypal Checkout Express button was ruining out conversion rate at the checkout information page. 

Eslabonmx05
Visitor
3 0 0

Hello

I tried this app and it seems great but then I noticed that the button is back if for some reason you need to modify the Information page. I wish the express button was gone at all times. 

soulchild37
Shopify Partner
194 9 60

Hi Eslabonmx05,

Would you be open to a workaround that you create a placeholder shipping rate? (ie. create a shipping rate named "Select a delivery option"). I have added a feature recently to my app which the express button will always be hidden when a placeholder shipping rate is selected, as long as the customer has not selected their desire shipping method, the express buttons will not show even when they go back to information page.

My app name is Yagi Express Payment Hider (https://apps.shopify.com/yagi-express-payment-hider) , you can give it a try, there's an "Advanced Option" that utilize a placeholder shipping rate, that might suit your needs.

Hope this can help!

Regards,

Axel Kee


Spent too much support time dealing with order cancellation request from customer? Wouldn't it be good if customer can cancel order on their own without bugging your support? Try out Cancellable app! https://apps.shopify.com/cancellable . I also write articles about store customization that can improve your customer shopping experience here : Yagi Software Blog
Eslabonmx05
Visitor
3 0 0
YES!. I totally give it a try.

Thank you!
bryan76
Trailblazer
253 7 49

Shopify does not allow this so you  an speak to them and put it in as a suggestion.  They removed our ability to make changes to checkout.liquid for security reasons and they was the express payment options as they are pushing Shop Pay and other fast checkouts as they think they improve conversions.  Remember Shop Pay is where Shopify makes the most money

bryan76
Trailblazer
253 7 49

it has been explained in the thread when it does and does not hide the express checkout.  

FerBer
Visitor
1 0 0

It is a shame how expensive this app is. I tried it but it does not really hide the buttons and it made a mess of the set up.

bryan76
Trailblazer
253 7 49

expensive?  

soulchild37
Shopify Partner
194 9 60

Hi Simfusion,

Shopify has made changes since mid of 2022, which the liquid / CSS code to hide the checkout button does not work anymore. To hide the express checkout payment method, you will need an app that utilize Shopify functions.


I have made an app to hide the Paypal Express (and other express checkout method like Apple Pay, Google Pay etc) on the top part of checkout page, and customer can still select Paypal method at the payment step.

soulchild37_0-1692203559530.gif

 

 

The app is made using native Shopify functions, thus it does not affect your store existing layout or functionality at all.

The app name is Yagi Express Payment Hider (https://apps.shopify.com/yagi-express-payment-hider)

The app also have a workaround which you can hide the express checkout buttons for returning customers with saved address, but you will need to create a placeholder shipping rate for it to work, this will also work with one-page checkout.

Hope this can help!

Regards,

Axel Kee

Spent too much support time dealing with order cancellation request from customer? Wouldn't it be good if customer can cancel order on their own without bugging your support? Try out Cancellable app! https://apps.shopify.com/cancellable . I also write articles about store customization that can improve your customer shopping experience here : Yagi Software Blog

HWorks
Shopify Partner
7 0 4

This issue is so frustrating.

 

I can't understand why "paypal express checkout" setting is not independent from "paypal account as payment method" inside Shopify payment.

 

Or at least if your developper cannot make it a separate setting then put it at the bottom after OUR checkout !!!

 

Having to rely on an app subscription to hide this button is simply a shame.

EliskaM
Explorer
79 1 9

Exactlyyyy

bryan76
Trailblazer
253 7 49

there were very serious security issues that led to Shopify removing our ability to make code changes in checkout.liquid

HWorks
Shopify Partner
7 0 4

We are not asking to be able to edit checkout.liquid but to have different settings (checkboxes) for Paypal as a payment method and Paypal as a checkout method.

 

Being able for example to check "I want my clients to be able to pay with Paypal" but leave unchecked "Propose Paypal express checkout".

 

For now enabling "I want my clients to be able to pay with Paypal" display automatically "Propose Paypal express checkout". And you can do nothing about it.

bryan76
Trailblazer
253 7 49

Shopify is aware and is not willing to make that option available.  we are all on this thread for the same reason as you and have given you the only workaround that exist.  there is nothing else to do but accept that this is how it is for the time being

AlexHeard
Shopify Partner
64 0 1

To hide the PayPal express checkout button on the checkout page, you can use PayRules: Hide Payment Methods app. First go to the "Add Rule" page and enable the toggle to Hide of the PayPal Express Checkout field like the below screenshot. This will hide the PayPal express button at the checkout page. To keep PayPal as a payment option, you can follow this short video tutorial as well https://www.youtube.com/watch?v=O27tWckVJ1k

 

paypal-express.png

 

I hope it works for you. Thanks.