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 Configure in Stripe
Steps:
1. Log in to Stripe.
- Go to Stripe Dashboard.
- Log in with your Stripe account credentials.
2. Access Payment Methods Settings.
- Once logged in, click on Settings (usually a gear icon in the lower-left corner).
- Under Payments and Payouts, click Payment methods or directly go to:
Stripe Payment Methods Settings.
3. Enable Payment Methods.
- You’ll see a list of all available payment methods (e.g., Card payments, Apple Pay, Google Pay, ACH, etc.).
- For each payment method you want to enable: Click the toggle switch next to it to enable it.
- Some methods may require additional setup (e.g., Apple Pay requires domain verification).
- For card payments, make sure your business details are complete and verified, as Stripe needs this to accept payments.
After enabling the desired payment methods, make sure any prompts to save your changes are completed.
How to Enable Stripe Elements in WSM
Steps:
1. Go to WSM under Orders and select Stripe Elements.
3. Enable the Enable Stripe Elements option.
4. 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.