Shivam Kumar | Stripe Developers | Page 1

warm orbitBOT Jan 25, 2023, 5:02 AM

#

quasi jungle Jan 25, 2023, 5:02 AM

#

Hi there, can you send me the URL of the doc that you are following?

teal ingot Jan 25, 2023, 5:03 AM

#

https://stripe.com/docs/payments/payment-element

Stripe Payment Element

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

quasi jungle Jan 25, 2023, 5:04 AM

#

Thanks, and how did you trigger the dialog?

teal ingot Jan 25, 2023, 5:05 AM

#

when i click Test Institution this dialog trigger.

quasi jungle Jan 25, 2023, 5:06 AM

#

OK, so I believe you are testing with US bank account payment (aka ACH)?

teal ingot Jan 25, 2023, 5:06 AM

#

yes

quasi jungle Jan 25, 2023, 5:07 AM

#

OK, https://stripe.com/docs/payments/ach-debit/accept-a-payment?platform=web&ui=API here's how you can get started with ACH direct debit payment

Accept an ACH Direct Debit payment

Build a custom payment form or use Stripe Checkout to accept payments with ACH Direct Debit.

teal ingot Jan 25, 2023, 5:08 AM

#

how i trigger this ACH dialog.

quasi jungle Jan 25, 2023, 5:09 AM

#

Have you got a chance to read the doc that I sent earlier?

teal ingot Jan 25, 2023, 5:09 AM

#

Can Customer add ACH payment method for future payment?

quasi jungle Jan 25, 2023, 5:10 AM

#

Yes https://stripe.com/docs/payments/ach-debit/set-up-payment

Save details for future payments with ACH Direct Debit

Learn how to save payment method details for future ACH Direct Debit payments.

teal ingot Jan 25, 2023, 5:10 AM

#

ok thank you

#

if i have any problem regarding this , can you help me?

quasi jungle Jan 25, 2023, 5:12 AM

#

Sure, please feel free to reach out should you have questions.

teal ingot Jan 25, 2023, 6:01 AM

#

        var cardholderName = document.getElementById('cardholder-name');
        var cardButton = document.getElementById('card-button');
        var resultContainer = document.getElementById('card-result');
        var cardSuccess = document.getElementById('card-success');
        var csrf_token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

        cardButton.addEventListener('click', async (ev) => {
            var {paymentMethod, error} = await stripe.createPaymentMethod({
                type: 'card',
                card: cardElement,
                billing_details: {
                    name: cardholderName.value,
                },
                }
            );
        if (error) {
            resultContainer.textContent = error.message;
        } else {
                $.ajax({
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': csrf_token,
                    },
                    url: '{{url('account/bank/addcard')}}',
                    data: { paymentMethodId: paymentMethod.id },
                    success: function (response) {
                        cardSuccess.textContent = "Card Added Successfully.";
                        $('#empty_modal').modal('hide');
                        window.location.reload();
                    },
                    error: function (error) {
                    resultContainer.textContent = "Error in add card.";
                }
            });
        }
        });
    </script>

#

i wrote this code for add card.

#

https://stripe.com/docs/payments/ach-debit/set-up-payment?platform=checkout

#

but i did not find any js code for trigger a popup for add a ach bank .

sharp latch Jan 25, 2023, 6:05 AM

#

is there a reason why you're not using the Payment Element? and implementing separate logic for card and ACH?

#Shivam Kumar