Stripe Elements is a powerful suite of customizable UI components designed to optimize your checkout experience. With dynamic payment methods, seamless autofill, and full design control, you can offer your customers a fast, flexible, and polished way to pay.
Main features and benefits
Dynamic Payment Methods
Stripe Elements can dynamically display over 40 supported payment methods based on the shopper’s location, currency, and device. These include Klarna, Afterpay/Clearpay, Affirm, Cash App, PayPal, Google Pay, Apple Pay, and others. Methods are automatically configured through Stripe and do not require individual setup.
Autofill with Link
Link is Stripe’s autofill system that stores payment and shipping details for customers. When enabled, returning customers can complete checkout more quickly by reusing their stored information. Link works across all Stripe-enabled sites that support it.
Complete Customization
Elements can be styled to match the visual design of a website. You can control layout, spacing, and appearance to create a cohesive user experience within the checkout flow.
Compatibility
Stripe Elements works with existing Stripe accounts and requires no new credentials or separate onboarding. It uses the current account configuration and inherits existing security and compliance settings.
On-page error handling
Customers will no longer need to reload the page to verify their payment details. Stripe Elements will dynamically detect errors with payment details before reloading the page, allowing much quicker correcting.
Refurbished Saved Cards
Stripe Elements allows customers to manage their saved card details during checkout. They can update or remove stored cards directly from the payment form without needing to access a separate account management page.
How to Enable Stripe Elements in WSM
Steps:
1. Go to WSM under Settings, select All config Options.
2. Enable the option WS ONLY: Enable Stripe Elements.
3. Go to WSM under Orders, select Stripe Elements.
4. Enable the Enable Stripe Elements option.
5. Click Save at the bottom of the page.
The settings allow you to customize the layout and style. To view and manage available payment methods, visit your Stripe Dashboard and enable or disable options as needed.
If the integration is working but certain payment methods are not available, it may be due to the order being ineligible (e.g., the order amount is too low or the customer is located in a different country), or your Stripe account itself may not be eligible. For any questions regarding this, we recommend contacting Stripe support directly.