A merchant wants to enable Shop Pay and Google Pay on their store but is concerned that activating these payment methods automatically changes their “Buy it Now” button styling.
Currently, enabling Shop Pay changes the button from green with “Buy it now” text to purple with “buy with shop pay” text. The same issue occurs with Google Pay, which changes the button to black.
Key Points:
Resolution:
Branded payment gateway buttons cannot be customized in color or font due to the nature of branded icons and payment provider requirements. However, the “Buy it Now” button on product pages is optional—express payment options will still appear at the first stage of checkout, and customers with existing Shop Pay accounts will be prompted to use it immediately when checkout loads.
Hi,
I’m looking to accept shop pay on my website but if I activate it, it Changes my Buy it Now button from a green color with “Buy it now” text to a purple color with “buy with shop pay” text. It does the same thing when I activate google payments, except the button color changes from green to black. Does anyone know how I can accept these express payment options without it changing the text or color of my buy it now button? I’m using the refresh theme.
Thanks,
Mitchell
Hi @Mitchell9
Thank you for the screenshot and for the details of your request.
Due to the nature of branded icons and images relating to different payment gateways, you are not able to change the color or font used on the Buy it Now button when it is showing a branded checkout option.
I can definitely appreciate the desire to maintain your branding across all your store pages. The Buy it Now button is optional and isn’t required on the product pages in order for customers to choose those options for payment at checkout. All available express payment options will show on the first stage of the checkout and if customers already have a Shop Pay account they will be prompted to use that right away when the checkout loads.
