Skip to main content

Payment Button Style

Use the appropriate button style depending on the site theme.

Button styles.png

Dark​

Use on white or light-color backgrounds. Don't use on black or dark backgrounds.

Dark.png

Light​

Use on dark-color backgrounds. Don't use on white or light backgrounds.

Light.png

Light with outline​

Use on white or light-color backgrounds that don't provide sufficient contrast. Don't use on dark or saturated backgrounds.

Light with outline.png

Button style and specifications​

Buttons should contain the following states for resting, loading, active, and loading contexts. For additional guidance, follow the general Woo accessibility guidelines.

Button States and specifications