MARKETPLACE
PLUGINS
STRIPE.JS 2
Stripe.js 2 logo

Stripe.js 2

Published April 2017
   β€’    Updated this week

Plugin details

The most powerful payments plugin for platforms and marketplaces. Charge payments, process cards & bank accounts, create and pay sellers plus more with every release. Great for platforms, marketplaces, and more!    

πŸ› οΈ π—¦π—˜π—§π—¨π—£

1. Create Publishable and Secret keys in your Stripe dashboard
2. Set the 'Publishable' and 'Secret' keys, no changes required
3. Set the 'Authorization (shared headers)' field to "Bearer <secret_key>" where <secret_key> is your Secret Key
4. Add the Stripe Element on your page to build out payment collection and SCA/3D-Secure payment flows
5. Use server-side actions to create customers, payments, subscriptions, payouts and more
6. Use the Stripe Token element for tokenizing information like bank accounts and ID numbers

Tip: you should use your Test key for the fields appended with 'dev' while using your Live key for the other fields

Note: any fields with '(body)' or '(header)' appended are for API calls not actions!

πŸ–₯️ 𝗖𝗒𝗨π—₯π—¦π—˜π—¦

Stripe Payments (103 minutes)
https://withcopilot.com/content?course=Stripe%20Payments

Stripe Subscriptions (104 minutes)
https://withcopilot.com/content?course=Stripe%20Subscriptions

Did you know? We produce courses to make it easy to see a step-by-step installation process, fundamental workflows, common use cases and best practices. Courses help support continued development of this plugin and save Bubblers a ton of time.

πŸͺ² π—•π—¨π—šπ—¦

Submit a bug report at https://withcopilot.com/contact so we can investigate! If we find the reported issue is likely an implementation flaw and not a bug, we'll recommend booking a Session with us.

Note: Posting on community resources such as the Forums is πš—πš˜πš the way to communicate bugs to us or to get them resolved!

πŸ“„ π—Ÿπ—œπ—–π—˜π—‘π—¦π—˜

Open-source plugins like this one are served under an MIT License. Plugin authors don't owe users any support, guarantees, or assistance and are void of any liability. See https://en.wikipedia.org/wiki/MIT_License

πŸ“‹ π—₯π—˜π—¦π—’π—¨π—₯π—–π—˜π—¦

Stripe Documentation
https://stripe.com/docs

1-on-1, on-demand assistance
https://withcopilot.com/sessions

Free

For everyone

3.5 stars   β€’   91 ratings
108.5K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Copilot logo
Copilot
Joined 2016   β€’   38 Plugins
View contributor profile

Instructions

The most powerful payments plugin for platforms and marketplaces. Charge payments, process cards & bank accounts, create and pay sellers plus more with every release. Great for platforms, marketplaces, and more!    

πŸ› οΈ π—¦π—˜π—§π—¨π—£

1. Create Publishable and Secret keys in your Stripe dashboard
2. Set the 'Publishable' and 'Secret' keys, no changes required
3. Set the 'Authorization (shared headers)' field to "Bearer <secret_key>" where <secret_key> is your Secret Key
4. Add the Stripe Element on your page to build out payment collection and SCA/3D-Secure payment flows
5. Use server-side actions to create customers, payments, subscriptions, payouts and more
6. Use the Stripe Token element for tokenizing information like bank accounts and ID numbers

Tip: you should use your Test key for the fields appended with 'dev' while using your Live key for the other fields

Note: any fields with '(body)' or '(header)' appended are for API calls not actions!

πŸ–₯️ 𝗖𝗒𝗨π—₯π—¦π—˜π—¦

Stripe Payments (103 minutes)
https://withcopilot.com/content?course=Stripe%20Payments

Stripe Subscriptions (104 minutes)
https://withcopilot.com/content?course=Stripe%20Subscriptions

Did you know? We produce courses to make it easy to see a step-by-step installation process, fundamental workflows, common use cases and best practices. Courses help support continued development of this plugin and save Bubblers a ton of time.

πŸͺ² π—•π—¨π—šπ—¦

Submit a bug report at https://withcopilot.com/contact so we can investigate! If we find the reported issue is likely an implementation flaw and not a bug, we'll recommend booking a Session with us.

Note: Posting on community resources such as the Forums is πš—πš˜πš the way to communicate bugs to us or to get them resolved!

πŸ“„ π—Ÿπ—œπ—–π—˜π—‘π—¦π—˜

Open-source plugins like this one are served under an MIT License. Plugin authors don't owe users any support, guarantees, or assistance and are void of any liability. See https://en.wikipedia.org/wiki/MIT_License

πŸ“‹ π—₯π—˜π—¦π—’π—¨π—₯π—–π—˜π—¦

Stripe Documentation
https://stripe.com/docs

1-on-1, on-demand assistance
https://withcopilot.com/sessions

Types

This plugin can be found under the following types:
Api   β€’   Action   β€’   Background Services   β€’   Element   β€’   Event

Categories

This plugin can be found under the following categories:
Visual Elements   β€’   Payment   β€’   Small Business   β€’   Technical   β€’   Ecommerce   β€’   Analytics

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.5)

Useful Plugin with Styling Issues
October 21st, 2025
Useful plugin although having a bloody hard time working out how to change both the colour of the input text and the colour of the placeholder text in the card number, expiry date and cvv fields in the Stripe js 2 plugin by Copilot. I have a dark background on my website and the the text is near enough black so it is virtually invisible and doesn't change on changing text colour to bright white..
Awful support
July 31st, 2025
Purchased access to the course that corresponds to Stripe, but lost my login details. I have been reaching out over chat and email for 2 days and have not received a response.
Quibbly
July 8th, 2025
pagamento
June 30th, 2025
Great plugin
April 1st, 2025
Can we have the tooltip "secure card payment input frame" disabled?
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
Β©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales