MARKETPLACE
PLUGINS
STRIPE PAYMENT ELEMENT 3DS
Stripe Payment Element 3DS logo

Stripe Payment Element 3DS

Published December 2022
   •    Updated this month

Plugin details

The Payment Element is a sophisticated and embeddable user interface component designed to facilitate the acceptance of over 25 different payment methods through a singular integration, alongside comprehensive support for 3D Secure transactions and wallet-based payments like Apple Pay.
Documentation: https://docs.nocodeventure.com/plugins/stripe-payment-element

Apple Pay Setup: Click here to learn how to configure Apple Pay

Configuration Steps:
  1. Incorporate your secret key, formatted as Bearer <token>, within the Plugins section.
  2. Enter your public key on the front-end within the confines of the payment element.
  3. Initiate the payment element to begin accepting payments.
  4. For testing purposes, employ the test card number 4242 4242 4242 4242 to simulate successful payment transactions.
  5. Utilize the test card number 4000 0000 0000 3063 to trigger a 3DS payment for further validation.

Live Demo: https://ncv-demos4.bubbleapps.io/version-test/stripe_element

Editor Access: Click here to view the editor setup

Support: For custom integration requests or further assistance, contact us at [email protected]

Disclaimer: This plugin is an independent project and is not affiliated with, endorsed, or certified by Stripe, Inc. "Stripe" and related marks are trademarks of Stripe, Inc.

For Google Pay - Please make sure to include a shipping address if you have automatic tax enabled in the Stripe Dashboard.

$39

One time  •  Or  $4/mo

3.0 stars   •   8 ratings
198 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   199 Plugins
View contributor profile

Instructions

Documentation link available at https://docs.nocodeventure.com/plugins/stripe-payment-element
For Apple Pay: https://docs.nocodeventure.com/plugins/stripe-payment-element/set-up-apple-pay


- Go to the editor to check the settings.

- In the Plugins tab, add your secret key like this: Bearer <token>.

- Put your public key in the payment element on your site.

- Start the payment element.

- To see if payments work, use the card number 4242424242424242.

- To test a 3DS payment, use the card number 4000000000003063.

- Turn on your payment options in Stripe.

- Automatically fill in the customer's country and zip code in the element.

For a demo, visit: https://ncv-demos4.bubbleapps.io/version-test/stripe_element

To edit, go here: https://bubble.io/page?type=page&name=stripe_element&id=ncv-demos4&test_plugin=1669758517677x711086346798366700_current&tab=tabs-1


Types

This plugin can be found under the following types:
Api   •   Action   •   Element   •   Event

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.0)

AVOID this plugin
December 21st, 2025
This plugin, and the other developed by this seller does not work as advertised, and now I need to try and get a refund from bubble, as they refused to refund me themselves.
This is quite interesting feedback. This plugin is used in hundreds of apps on a commercial scale. We'll report this to Bubble to figure out what is going on. In the meanwhile please do request a refund.
December 21st, 2025
  •  
No-Code Venture
The seller was not helpful, and just asked me to sign a service agreement when I reached out for support, and then ignored me. Not helpful.
December 21st, 2025
  •  
Original reviewer
Totally Underrated
September 25th, 2025
I was hesitant when I saw the average rating of 3 stars for the Embedded Stripe Plugin by No-Code Venture, but I'm so glad I gave it a try. This plugin has transformed our customer's online payment experience. Before discovering it, I was considering integrating Stripe manually using their libraries—a task that would have taken a significant amount of time. No-Code Venture’s plugin made the process seamless and efficient. On top of that, their support team is great. I reached out with a question about Apple Pay, and they responded promptly with instructions and updated information to help me out. I have full confidence in No-Code Venture as a provider of this essential plugin and recommend it to anyone looking to enhance their Stripe integration.
We really appreciate the 5-star feedback and couldn’t agree more. At the time we didn’t have a proper manual in place, which was our mistake. Since then, we’ve added clear documentation to make things much smoother. Some of the earlier reviews were due to misconfigurations on the user’s end, but we updated our manual for this plugin since then.
September 25th, 2025
  •  
No-Code Venture
Works great!
March 24th, 2025
I'm surprised by the bad reviews. Plugin's working great for us. We were looking for a plugin that offers the new payment element that supports pretty much every Stripe payment method available, and here it is. Thanks!
Thanks for the feedback! We're using this plugin in production too and haven't had any issues. The earlier concerns from users were fixed by the team, but the original feedback wasn't updated
March 25th, 2025
  •  
No-Code Venture
Clean plugin but useless currently
November 16th, 2024
The plugin works great, however it doesn't save to Bubble’s Stripe Customer ID field. So it makes this plugin unusable with the host of built in Bubble tools, such as showing current credit/debit card details on the account or even showing the subscription status. Another issue is that the user has to enter their card in each time they want to make a purchase. Again, since the Customer ID isn’t saved to the user, we cannot retrieve their current card to charge it. From a customers perspective this is frustrating and backwards. Since the user has to put their card details in every time, on Stripe's end there is a list of duplicate cards and starts to become very untidy and unprofessional. This plugin is close to being a good plugin, but without it saving to Bubble’s built-in Stripe Customer ID field it is useless.
Thanks so much for the feedback — really appreciate it! Bubble’s built-in Stripe fields can’t be accessed by custom plugins, so we save the Customer ID in a custom field instead. This actually works better in many cases, since Bubble’s default setup depends on users returning through the app to work properly. About the card being entered every time, Stripe’s Payment Element doesn’t support saved payment methods, so it’s not possible to show or reuse a card automatically. We get that it’s not ideal, but this method is much more secure and keeps everything PCI-compliant, as Stripe handles all the sensitive data on their end. If you want to charge users without showing the Payment Element each time, you can set up a pre-authorized payment method like direct debit. That way, once the user authorizes it once, you can charge them later without asking for their card again. It’s a bit more advanced to set up, but it works well.
March 25th, 2025
  •  
No-Code Venture
Needs more documentation
October 2nd, 2024
The plugin works. It needs to have a better documentation. And please answer my questions in the email I sent you.I have this immediate question. How can I enable promotion(coupon) codes? Please provide an example for Payment Intent(Json). Thanks
Thanks for your feedback! Promotion codes (and coupons) aren’t supported directly when creating a PaymentIntent — only Subscriptions and Checkout Sessions support them natively. If you're creating a subscription, you can use the coupon field instead. Stripe has deprecated the promotion_code field in this case, so using the coupon field is the recommended way to apply a discount.
March 25th, 2025
  •  
No-Code Venture
Bubble