How to remove PayPal express checkout button from Shopify Cart and Checkout page

There are some stupid things in Shopify. One of them is the express checkout button on Cart and Checkout page. I mean the yellow button placed at the bottom of the cart page and at the top of the first step of checkout page.

That button is absolutely no-sense on that position and many users (proved by Google Analytics) click that button instead of the blue right button at the bottom of the page. This means that we’ll have a lot of user bounce away from the checkout.

Shopify doesn’t provide a solution for this problem and the customer forum is full of discussions about this. Working hard I found a trick that can be used to solve the problem and kill the button. My solution is a 2 step solution that you can improve on your Shopify Store in less than five minutes.

Step 1 — The cart page

The first step is very simple.
Open the theme code and put in your .sass file the following rule:

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

Obviously this rule will hide the additional buttons on cart page.

Step 2 — The checkout page

Also the second step is simple.
Here you will need to place two lines of javascript in the Google Analytics additional script box that you can find clicking on the OnlineStore>Preferences

Place the following code in the box.

var payButt = document.getElementById('paypal-express-checkout-btn');
payButt.remove();

If you can’t find the additional script code in the preferences page, it’s because you haven’t added the Google Analytics code in checkout page, so do it!

I hope this article will help you!