ben_code

[fast quarry]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1222690850044117064

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[sudden crag]

Hello! Not sure what you mean by "automatic Stripe Billing Form", can you provide more details?

[marble ibex]

sorry... Billing Address form associated with Card entry

[sudden crag]

Ah, you can use the Address Element: https://docs.stripe.com/elements/address-element

[marble ibex]

I do not really see where in the docs it shows how to integrate it with the quickstart example?

Should I just include in the form?:

return (
<form id="payment-form" onSubmit={handleSubmit}>
<AddressElement id="address-element" options={{}} />
<PaymentElement id="payment-element" options={paymentElementOptions} />
<button disabled={isLoading || !stripe || !elements} id="submit">
<span id="button-text">
{isLoading ? <div className="spinner" id="spinner"></div> : "Payz now"}
</span>
</button>
{/* Show any error or success messages */}
{message && <div id="payment-message">{message}</div>}
</form>
);

More like this?:
<form id="payment-form" onSubmit={handleSubmit}>
<AddressElement id="address-element" options={paymentElementOptions} />
<PaymentElement id="payment-element" />
<button disabled={isLoading || !stripe || !elements} id="submit">
<span id="button-text">
{isLoading ? <div className="spinner" id="spinner"></div> : "Pay now"}
</span>
</button>
{/* Show any error or success messages */}
{message && <div id="payment-message">{message}</div>}
</form>

[sudden crag]

Have a look here for a guide for implementing it: https://docs.stripe.com/elements/address-element/collect-addresses?platform=web

[marble ibex]

I have read that many times and does not really help me much. Thanks anyway.

[sudden crag]

What specific part are you stuck on?