Forum Documentation Showcase Pricing Learn more

Stripe.js - The most powerful payments plugin for Bubble. 💳

image1

Official Page | Documentation | Subscribe

Features


  • Charge buyers and sellers
    Collect payments from your customers and commissions from your platform’s sellers

  • Create managed accounts
    Manage your entire marketplace’s sellers and settings without your Stripe dashboard

  • Craft your own form inputs
    Take advantage of Bubble’s drag and drop interface and securely process sensitive data

  • Low-friction user experience
    Setup your sellers’ Stripe accounts behind the scenes while keeping their attention upfront

  • Client-side tokenization
    Safely and securely generate card, bank account and personal ID tokens across your platform

Visit the Official Page to learn about new and upcoming features.

Use Cases


  • Build your own user experience for collecting payments

  • Capture or authorize payments in the background

  • Collect a commission fee before paying sellers

  • Initiate fast payouts to sellers’ bank accounts

  • Create and store customers to your database

Resources


Here are some useful resources to help with installation and usage.

Stripe API Documentation
A robust guide on how the Stripe architecture works and what you need to do, by Stripe.

Platform Payments
An in-depth course on setting up payments, building marketplaces and more.

The Bubble Forums are a great resource to see other Bubblers’ implementations and questions!

Support


:black_circle: Get notified of new updates, pre-release testing, reported bugs and more by subscribing.

:large_blue_circle: If you need help setting things up, book a half-hour Session with us and we’ll do it together!

:red_circle: To report potential bugs, file a bug report at https://withcopilot.com/stripejs/contact.


Disclaimer: Copilot does not own the Stripe.js library. Review Stripe’s docs and terms before using.

18 Likes

#finally

2 Likes

You’re the man @iamsalar

2 Likes

Would be interested in a quick compare vs the native integration – what incremental actions are you facilitating here?

3 Likes

Hey @uproute,

Good question! Maybe the best way to go about this is to share what Bubble’s Stripe plugin doesn’t have.

  • To allow Bubblers to take payments securely, Bubble implemented Stripe’s Checkout modal which many think takes away from the anonymity of your payment processor as well takes away from your user experience. Being able to design your own payment flow with your own inputs is a game-changer for designers, like us.

  • Managed Accounts fall under the Stripe Connect umbrella, which allow you to set up sellers without ever having them go through Stripe’s signup flow. Standalone Accounts require a redirection to Stripe which isn’t the smoothest way to onboard sellers, especially since gaining trust to acquire financial information is difficult as-is.

  • If you would like sellers to come back to your site after exiting the Stripe seller signup flow, you could pass sellers directly to your website without having to be redirected from Bubble’s generic endpoint. If your business relies on keeping the ‘built by Bubble’ bit under wraps, this one matters a ton just like the above.

  • Since you have more control over the creation of your sellers’ accounts, you also get a ton more control over their abilities such as payouts, external accounts, currencies, defaults and others things that you can address in your platform. On top of this, you can securely manipulate their accounts at any time.

The last point worth mentioning here is that this plugin is made by a group that has been working with Bubblers and non-Bubblers alike for a quite a while. Not to toot our own horn too much, but we think we have a pretty good idea of what platform builders and users need, because we work with them full-time. As you can imagine, we use our own products too, so if there’s a shortcoming, you bet we’ll investigate how we can work on or around it.

If you ever have ideas for this plugin or any of our upcoming components, give us a shout via email. :slight_smile:

8 Likes

Thanks – makes sense and certainly valuable improvements.

1 Like

I’ve been waiting forever for this! I can almost guarantee you got another paid user on your hands!

3 Likes

I haven’t been able to get this to work :frowning:

Has anyone else had any luck?

1 Like

No luck here either. Doesn’t seem to be sending any data to the API. I’m not even seeing error messages.
@iamsalar Any ideas?

1 Like

@iamsalar
Ok. Just had the idea to test the Pre-release build and it worked fine.
The problem seems to be with the 1.0.0 Plus version of the release build.

1 Like

Thanks for reporting, @jjj230 and @nathan.d.stevens!

We have Stripe.js Plus running on our website, as a live test of sorts, which seems to be just fine.
Try Version 1.0.1, which features an updated Stripe library reference.

2 Likes

Salar, Version 1.0.1 works for me.

1 Like

Hey @iamsalar thank you for the plugin and reasonable price! great work.

Regarding credit card token, in the video you mentioned that you don’t suggest storing it in the database because of security reasons, they expire etc. but can I create customer object and attach cc token to it and therefore it would be saved in the Stripe database?
I guess that’s how Bubble is ding it with ‘save customer CC info’ in order to charge customer at any time.

1 Like

This is an awesome and perfect timing. I will be buying later today.

I noticed in the testing that when a charge ID is saved via result of step x that it adds a space to the end of the ID. Other than that, so far amazing.

2 Likes

@alvis That’s right, you shouldn’t be storing any tokens to your database outside of Customer or Account tokens. The Customer object is the recommended method of keeping a reference to a user/seller which may have all their information stored. We’ll be adding some Stripe management calls later today. :wink:

@nomadkelley Since Bubble handles the response parsing, there isn’t much we can do as plugin developers. Regardless, if you’re seeing errors arise as a result of the extra character, take advantage of the :trimmed modifier to remove any and all spaces. :thumbsup:

4 Likes

@iamsalar Thanks. That is what I am doing for the moment. Just ordered the pro.

@emmanuel is there anything we can do about this to make this simpler and to remove server load from extra trims?

1 Like

Hi @iamsalar, I watched the video and the plugin looks great. Do you have any further documentation available (related specifically to the core offering of charging cards, not connected accounts)? Also, does the plugin provide support for Subscriptions? Thanks!

1 Like

We’re in the middle of testing Version 1.1, which features support for customers and subscriptions!
Give us a shout at [email protected] with your ideas, concerns, and support requests. :bulb:

1 Like

Hi @iamsalar

Recently Stripe introduced support for 5 non-card payment methods for European customers:

Does/will your plugin support them?

Thanks for the hard work on this!

2 Likes

@andrew1 Seems like a must-have for European stores! We’ll get this scoped out before setting the version.

1 Like