How can I hide the Paypal button on Express Checkout?

[curtiswhite]

Hi there,

I want to hide the Paypal button on the Express Checkout, but cant find a way to do it.

I've tried using CSS to display none it but doesn't seem to work.

.additional-checkout-buttons { display:none!important;}

and 

.additional-checkout-button--paypal { display:none!important;}

Can anyone please help

Curtis

[NomtechSolution]

To hide the PayPal button on the Express Checkout in Shopify, you can try using CSS to target the specific element and hide it. Here's an example of the CSS code you can use:

button.additional-checkout-buttons__button--paypal {
  display: none !important;
}

[curtiswhite]

Hi there,

thank you so much for your response, still no joy with that css code Im afraid.

Curtis

[Skye]

Hi, @curtiswhite 

Thanks for posting to the Community. 

You can easily deactivate PayPal Express through your Shopify Admin by following these steps: 

1. From your Shopify admin, go to Settings > Payments.
2. In the Additional payment methods section, find PayPal.
3. Click Manage.
4. Click Deactivate PayPal Express Checkout.

I hope that helps! In the meantime, I would love it if you could provide your domain so I can take a look and see what other advice we can provide. Additionally, it would be great if you could provide more context into why you are looking to remove PayPal. 

[soulchild37]

Hi Curtis!

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.

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

[KarmaChime]

Well, you can hide the PayPal express button on the checkout page through PayRules: Hide Payment Methods app very easily. Go to the Add Rule page after installing the app and enable the toggle to Hide of the PayPal Express Checkout field like the below screenshot.

That's it. Now the PayPal Express Checkout button will be hidden at the checkout page.