Theme settings let you customize the look and feel of the plugin components – particularly the buttons. These values can likely be obtained from your theme.
The Stripe options let you control the look and feel of the form Stripe generates. This lets you control the Stripe Appearance API through an easy-to-use web interface.
The naming convention is that provided by Stripe. For instance, ‘Color Danger’ is the color name that Stripe uses to show error messages.
Here are a few examples:
- Color scheme
- Border radius for the inputs
- Label positioning
Everything from the Stripe Appearance API can be configured through this no-code interface.
See the Stripe documentation:
This is the main button – it should match the primary color of your theme.
Clicking the primary button in the sample form simulates submitting the form to demonstrate error handling.
The color of the button itself. This should be the primary color of your site and should be a color that attracts attention since the purchase button will be the direct call to action.
The color of the button text. Make sure that this color sufficiently contrasts with the background color.
Controls the border style and directly maps to the underlying CSS properties.
Note that you must set the border color, width, and style for the border to be visible.
Hover background color
The color of the button background will turn when the user hovers over the button. This color may be the same as the background color.
Hover text color
The color of the button text changes when the user hovers over the button. This color may be the same as the text color.
Used for non-main choices – such as ‘cancel.’ This button should be configured to make it more prominent than the primary button. The background color is often a shade of grey but maybe a secondary color from the theme.
The options are configured as the primary button above.
Clicking the secondary button on the sample form resets the form to its original state.