Shopify Button color on embedded products

Retired Boards Appdev Store Design

Topic summary

A user is trying to customize the color of the ‘Buy Now’ button for a Shopify product embedded on their WordPress site using Shopify’s embed code.

The Problem:

  • The embedded button is pulling CSS styling from Shopify’s side rather than the WordPress site’s own CSS
  • The user cannot find a way to override or edit this color code

Suggested Solution:

  • Another participant mentioned that button color can be changed during Buy Button creation by selecting “Button style” in Shopify’s settings
  • However, there’s some confusion about whether the user is working with a dynamic checkout button, which may have different customization options

Current Status:
The issue remains unresolved as the user confirms the embedded code is pulling styling directly from Shopify, making it difficult to apply custom CSS overrides from the WordPress side.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Is there a way to change the color code for the ‘Buy Now’ Button, when embedding a product on a Wordpress website?

It’s not pulling the code from my own css, but rather it’s bringing it over from Shopify’s side. Which I do not see a way to edit that.

Any help is massively appreciated. Thanks.

2

Hi Mikesemrad,

You can change the colour of the “Add to cart” button when you’re creating a Buy Button by selecting “Button style”. But this sounds like you’re trying to change the colour of a dynamic checkout button - is this correct? If so, how are you adding the dynamic checkout button?

3

This is an embed code generated by Shopify that I placed onto my Wordpress site.
The css code on my inherent website is changeable on the button code. But, the code I have embedded is pulling the css and purchase code from the Shopify side.