Change the checkout extension button background color dynamically

Change the checkout extension button background color dynamically

thesandeep
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)

Huptech-Web
Shopify Partner
930 187 196

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.

Screenshot_9.png

 

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 [email protected] or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required