Shopify themes, liquid, logos, and UX
Hey There,
I'm looking to change the purple color of the "Buy with Shop Pay" button.
Any thoughts on how to do this?
Hello,
Please share your site url.
So that i can check and let you know the exact solution here.
Sure, the site is: https://animalcrackers.clothing/
Password: AnimalCrackers2020
Hello ksachse,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
background-color: red;
}
Thank you.
That did not work, maybe I missed something?
Nevermind, that worked!
I ended up replacing the red color code for #A8A197
Thank you so much.
Update (again:) It looks like this solution did not actually work across all browsers.
Any thoughts on an additional solution?
We tried this code and it didn't work and then when we took it out it completely changed the template causing us to revert back to our old one. Has that happened to anyone else?
Harold
Hi,
Thank you for this. It works bu only for computers. When you view it on mobile, it is still purple 😞 Do you know how to fix it please?
Thanks in advance.
Maybe a little off-topic @HomeDecorDonna and @kailasachse but I have been looking into this and it turns out 90% of our US customers pay through Shopify-Pay as opposed to some of the other gateways like PayPal or ApplePay.
Maybe these customers associate PURPLE with their payment gateway and changing this lowers your conversion rate? I am going to keep a close eye on our conversion rate and the percentage of payments that goes through Shopify vs. the others for sure...
That's an important question! Color plays a big role in UX, and I bet changing this button has influenced checkouts.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024