Using a CSS Class

The CSS class method allows you to turn any existing clickable element—such as a button or anchor link—into a Stripe payment trigger. This is particularly useful when using page builders or custom-styled elements, as it lets you maintain full design control while integrating payments seamlessly.

How It Works

1. Add the CSS Class – Apply the mswr-stripe-payment class to any clickable element (e.g., a button or link).
2. Define Parameters – Parameters for the payment session can be modified dynamically using the {mswr-pre-stripe-checkout} filter.

Adding a CSS Class in Page Builders

Most page builders allow you to add a custom CSS class to a button. In Gutenberg, for example:

• Select the Button block.
• In the right-hand panel, open the Advanced section.
• Enter mswr-stripe-payment in the Additional CSS class(es) field.

For other page builders, refer to their documentation on adding CSS classes.
Parameters

The parameters available for this method are the same as those outlined in the Technical Reference section.