darshana_ah_51451 | Stripe Developers | Page 1

slender shoalBOT Feb 26, 2024, 5:08 PM

#

Hello! We'll be with you shortly. Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

darshana_ah_51451, 5 hours ago, 15 messages

arctic thistle Feb 26, 2024, 5:08 PM

#

Hi 👋

Can you share the docs you are following and the specific step where you are running into a problem?

tidal cypress Feb 26, 2024, 5:09 PM

#

https://docs.stripe.com/payments/quickstart

#

I do not see any error on console but the payment form is not rendering.

arctic thistle Feb 26, 2024, 5:10 PM

#

What step are you on?

#

And what type of integration are you building?

#

All those buttons at the top of the page, which ones have you selected?

tidal cypress Feb 26, 2024, 5:13 PM

#

Custom Payment Flow

#

I am building UI for payment form

arctic thistle Feb 26, 2024, 5:14 PM

#

Okay, what front and back end architecture are you using?

tidal cypress Feb 26, 2024, 5:14 PM

#

Front is js and html, backend is node

#

I got clientSecret from backend

arctic thistle Feb 26, 2024, 5:14 PM

#

Okay great.

#

It doesn't look like you have the form we show in checkout.html written though.

 <!-- Display a payment form -->
    <form id="payment-form">
      <div id="payment-element">
        <!--Stripe.js injects the Payment Element-->
      </div>
      <button id="submit">
        <div class="spinner hidden" id="spinner"></div>
        <span id="button-text">Pay now</span>
      </button>
      <div id="payment-message" class="hidden"></div>
    </form>

tidal cypress Feb 26, 2024, 5:15 PM

#

I have added

#

The stripe iframe created but the body of iframe is empty

arctic thistle Feb 26, 2024, 5:17 PM

#

Okay so that sounds like the payment element did not have anything to render. Can you put console.log() statements before and after the lines

const paymentElement = elements.create("payment", paymentElementOptions);
paymentElement.mount("#payment-element");

#

to validate the code execution is happening on thoes lines?

tidal cypress Feb 26, 2024, 5:27 PM

#

I see this in console

Screenshot_2024-02-26_at_10.56.59_PM.png

arctic thistle Feb 26, 2024, 5:29 PM

#

Okay, can you share the ID of the payment Intent you are creating?

tidal cypress Feb 26, 2024, 5:39 PM

#

pi_3Oo88rSJzDxzlcVN1idV84TR

#

??

arctic thistle Feb 26, 2024, 5:53 PM

#

Sorry for the delay. It's been quite busy here

#

Okay so this is configured for card payment methods. So I would expect a Payment Element to be rendered with the Card inputs

tidal cypress Feb 26, 2024, 5:58 PM

#

Should I get specific value in paymentElement variable?

arctic thistle Feb 26, 2024, 5:59 PM

#

Are you simple implementing the exact code we show in checkout.js or do you have any modifications?

tidal cypress Feb 26, 2024, 6:00 PM

#

Same code

arctic thistle Feb 26, 2024, 6:03 PM

#

Okay this is pretty hard to debug. Do you have a front-end I could visit?

#darshana_ah_51451