Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

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
1169 234 264

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 info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required