Fabien-bancontact-pm-js | Stripe Developers | Page 1

tight relic Nov 19, 2021, 9:06 AM

#

Hey there! Are you using the new Payment Element?

lime ether Nov 19, 2021, 9:11 AM

#

Hi, currently we are using https://github.com/ectoflow/vue-stripe-elements

#

It seems to me that it is the new Payment Element

tight relic Nov 19, 2021, 9:13 AM

#

Hmm, yeah that's not an official Stripe library. Just seems like a Vue wrapper around Stripe.js

#

Have you tried passing the bancontact parameter when using Stripe.js? https://stripe.com/docs/api/payment_methods/create#create_payment_method-bancontact

Stripe API reference – Create a PaymentMethod

Complete reference documentation for the Stripe API. Includes code snippets and examples for our Python, Java, PHP, Node.js, Go, Ruby, and .NET libraries.

#

(Not sure if that'll work – realise it's not documented)

lime ether Nov 19, 2021, 9:16 AM

#

Yes, I did try to import the official stripe js library and use stripe.createPaymentMethod(type=bancontact) but it did not work. The stripe-js doc does not list bancontact as an option either. https://stripe.com/docs/js/payment_methods/create_payment_method

#

I watched that video https://www.youtube.com/watch?v=srGuWN807Mg

#

Which shows that he is using his own backend server to create the bancontact paymentMethod and not the stripe-js library.

tight relic Nov 19, 2021, 9:17 AM

#

Ah, got it. The Stripe.js reference isn't really clear about that

#

Have you seen the new Payment Element? https://stripe.com/docs/payments/payment-element

Stripe Payment Element

Accept payment methods from around the globe with a single secure, embeddable UI component.

#

It has support for Bancontact (and various other local, payment methods) https://stripe.com/docs/payments/payment-methods/integration-options#payment-method-product-support

Payment method integration options

Learn about the different ways to integrate payment methods.

#

This is our recommended integration path now

lime ether Nov 19, 2021, 9:19 AM

#

I ran into that page but I was not sure if it applied to our usecase. Following your guidance, I am going to look into this.

#

The only little issue is that I assume that we would have to migrate our current card paymentMethod integration to the new element as well. It might be worth it anyway.

tight relic Nov 19, 2021, 9:23 AM

#

There'd be some upfront migration yes, but overall there'd be less code for you to maintain

#

There's a migration guide here: https://stripe.com/docs/payments/payment-element/migration

Migrating to the Payment Element

Learn how to migrate your existing integration with individual payment method Elements into a single Element.

lime ether Nov 19, 2021, 9:24 AM

#

In that new workflow, do you know if we will be able to create the Payment Methods from our front end for Bancontact and Cards ?

tight relic Nov 19, 2021, 9:26 AM

#

Yep, the Payment Element will handle the creation of the Payment Method objects during confirmation of the associated Payment Intent

#Fabien-bancontact-pm-js