[Plugin] Stripe Payment Element

Showcase Plugins
1

The Payment Element is an embeddable UI component that lets you accept up to 25+ payment methods with a single integration and 3DS support and without leaving the page.

image

We released an update today to accept setup intents, attaching payment methods to customers without having them pay!

Accept payments with any payment method available under your account.

2

We pushed an update to allow the ordering of payments.

You can override the default order in which payment methods display in the Express Checkout Element with a list of payment method types.

If there are payment methods that will show that are not specified in paymentMethodOrder, they display after the payment methods you specify. If you specify payment methods that will not show, they are ignored.

image
image352×583 12.9 KB

image

3

We’ve rolled out an update to optionally avoid collection address information and have also included additional address fields.

image
image681×945 52.6 KB

5

@nocodeventure Hi guys, great plugin.

I’m having an issue which I hope you can help me with.

I’ve used the setupIntent to successfully add a card to a customer.

But when I go to try charge that payment method via paymentIntent it’s left as incomplete/ invoice in draft.

Is there anything that I’ve likely missed off / need to add to ensure the payment goes through?

Any help would be appreciated. For context, I’m trying to do a 14 day paid trial for my subscription (workflows = an upfront fee + 14 day free trial subscription). If it’s complex would be happy to pay to get up and running with the setup.

Thanks

6

We pushed an update to allow the usage of a Stripe Account header, particularly useful for Custom Connect.

7

To set up Apple Pay on Bubble, you’ll need to host a verification file in the root directory of your domain, as the image shows. Here’s how to go through this process on Bubble:

  1. Get the Verification File:

    • Apple will provide a file named apple-developer-merchantid-domain-association. You should download this file directly from Apple or receive it via instructions specific to your Apple Developer account.

  2. Upload the Verification File to Bubble:

    • In Bubble, navigate to Settings > SEO / metatags.
    • Under the Hosting Files in the Root Directory section (shown in your screenshot), enter the file path as .well-known/apple-developer-merchantid-domain-association.
    • Then, click Upload to select the file from your computer and upload it.

  3. Save and Confirm:

    • Once you’ve uploaded the file, click Save to make sure it’s properly stored in the root directory.
    • After saving, Bubble should make the file accessible at https://yourdomain.com/.well-known/apple-developer-merchantid-domain-association.

  4. Test Accessibility:

    • To confirm that the file is accessible, navigate to the file’s URL (i.e., https://yourdomain.com/.well-known/apple-developer-merchantid-domain-association) in your browser.
    • You should see the contents of the file displayed directly. If you encounter a 404 error or cannot access the file, re-upload and save it again, or ensure no other pages conflict with this URL path.

  5. Complete the Verification on Apple’s End:

    • Go back to your Apple Developer account and follow any final steps for verification. Apple will check the presence of the file on your domain to authorize your site for Apple Pay.

After completing these steps, Apple Pay should be enabled on your Bubble app, allowing you to integrate Apple Pay features.