Created A Custom Styled PayPal Checkout Button On Shopify, But I Was Previously Told This Wasn't Possible

- 1 answer

As the subject states, I created a PayPal Checkout button by simply adding the HTML code for the button and modified the text and remove the PayPal logo image.

Normally the code below would be used to generate the button, which of course is limiting:

{{ content_for_additional_checkout_buttons }}

However, I have instead added this HTML in its stead:

<div class="paypal-checkout-button">
  <button name="goto_pp" type="submit" id="paypal-express-button" class="additional-checkout-button additional-checkout-button--paypal-express" value="paypal_express">

The button's functionality is perfectly fine; I even processed a test payment through it. A developer friend of mine told me it wasn't possible without some hacky solution; however, the simple HTML snippet above seems to be a perfect solution to customizing the PayPal button on the cart / product page.

Am I missing anything? Or is this perfectly fine to do?

Appreciate any you can provide on the matter.



It's not the button on the cart that Shopify people have issues/problems with.

It's the button on the checkout and that can't be modified (without a lot of hassle) unless the store owner has a Plus account. That is almost certainly what your developer friend is talking about.

Not to mention, of course, that changing the appearance of the button or forcing it not to appear before the Shopify checkout process is a violation of the PayPal express user agreement.