MARKETPLACE
PLUGINS
STRIPE CONNECT EMBEDDED COMPONENTS
Stripe Connect Embedded Components logo

Stripe Connect Embedded Components

Published May 2024
   •    Updated January 2026

Plugin details

The "Stripe Connect Embedded Components" by Brandarrow is a comprehensive Bubble.io plugin designed to empower developers and entrepreneurs with the ability to effortlessly integrate Stripe Connect's advanced payment and financial services into their applications. By dragging and dropping the Stripe Connect elements and configuring simple workflow actions, users can add complex financial functionalities such as managing payments, handling payout details, onboarding users for financial transactions, and managing documents within their Bubble.io projects. With options for customization and responsive design, this plugin ensures a seamless integration process and an enhanced user experience, making it an essential tool for platforms looking to streamline their financial operations and compliance.
Function:
This plugin allows Bubble.io users to incorporate Stripe Connect's Embedded Components directly into their applications. By installing the plugin and utilizing its drag-and-drop elements, users can display Stripe's Payments, Payment Details, Payouts, Onboarding, and Documents + more components within their web pages. It simplifies the process of integrating complex financial transactions and user onboarding functionalities into Bubble.io applications, offering extensive customization options based on Stripe's documentation.

Benefits:
- Seamless Integration: Easily embed Stripe Connect's functionalities into Bubble.io applications without extensive coding.

- Customization: Offers customization options for the components' appearance and functionality, ensuring they fit the platform's needs.

- User Experience: Enhances the user experience by providing a streamlined process for financial transactions and account management.

- Responsive Design: Ensures that the Stripe Connect components are responsive across all device sizes, maintaining usability and design integrity.

- Efficiency: Reduces development time and effort by leveraging Stripe's robust financial tools within the intuitive Bubble.io platform.

Demo Page: https://stripeconnectembed.bubbleapps.io/version-test/demo
Demo Editor: https://bubble.io/page?type=page&name=components&id=stripeconnectembed&test_plugin=1711836385429x131701173704458240_current&tab=tabs-2
____________________
v2.0.0 Update - May 19, 2024:

*Added new Stripe Connect embedded components*
Account Management
Balances
Notification Banner
Payouts List

*Security update*
Now you are able to plug in your Stripe API Key in the plugin editor rather than in the page workflow action, meaning it is called from Bubble's API connector.

*Update to onboarding component*
Now on completion or exit of onboarding, you can assign a parameter to automatically be appended to the URL from which you can trigger any Bubble workflow.

$80

One time  •  Or  $15/mo

5.0 stars   •   1 ratings
45 installs  
This plugin may track or collect your data. Learn how.

Platform

Web & Native mobile

Contributor details

Polara Group logo
Polara Group
Joined 2023   •   15 Plugins
View contributor profile

Instructions

1. Install the Plugin: Search for "Stripe Connect Embedded Components by Brandarrow" in the Bubble.io plugin marketplace and install it. Then head to the plugins tab and enter your Stripe API key, ensuring you prefix it with "Bearer".
2. Drag and Drop Elements: Drag the Stripe Connect Embedded Components element into the desired page of your Bubble.io application.

3. Initialize the Component: Add a workflow action, preferably on page load, to initialize the Stripe Connect Embedded Components library. Input your publishable key, client secret (use Get Data from External API and use SCEC API), and Connect account ID, along with the HTML ID of the Bubble Group/Container where you want the component displayed. Choose the component type (Payments, Payment Details, Payouts, Onboarding, Documents, etc.) and any desired customization options.

4. Manage Account Sessions: Use the "Logout Account Session" workflow action when a user logs out or navigates away from the page to securely log out the account session.

5. Multiple Components: If you wish to display multiple components, add multiple elements to the page and repeat the initialization process for each.

6. Customization: Refer to Stripe's documentation for further customization options, including the choice between Popup or Sidebar for certain components.

Data collection and tracking

This plugin doesn't directly track or collect user data, however when connected with your Stripe account, Stripe and it's affiliates will.

Types

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

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Containers   •   Ecommerce   •   Payment   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Fantastic, Just what I needed
May 19th, 2024
Plugin works great and has all the needed Connect components. Parth is super friendly and helpful. A must have for any platform running any type of Stripe Connect, even Standard accounts. 10 Stars!
Appreciate the love! (plugin author)
May 19th, 2024
  •  
Polara Group
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