Change the checkout extension button background color dynamically

Shopify Partner
1 0 0

I'm creating an app checkout ui extension. I would like change the background color of the button dynamically form the shopify app. Is this possible? I've tried React useRef, by querySelector. Is there any way to change the background color of the button?


Screenshot from 2024-05-08 11-36-26.png


Reply 1 (1)

Shopify Partner
481 82 92

Hello @thesandeep 

yes, You can change the background color of your button using the Shopify Checkout Branding API. For more information, refer to the Shopify documentation at Shopify Checkout Branding API. 

Additionally, you can also modify the button's appearance through the checkout settings.



If the solution presented meets your needs and addresses your query effectively, I encourage you to accept it as the chosen answer. This will acknowledge the support you received and aid fellow community members in identifying reliable and effective solutions for their similar concerns.
Thank you.


If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required