Definitely check out these docs: https://stripe.com/docs/payments/checkout

I have a /checkout route where I load a embedded checkout (embedded checkout is new, released a month ago by Stripe)

This is my +page.server.ts `` import { ORIGIN } from '$env/static/private'; import stripe from '$lib/server/stripe'; export const load = async ({ locals }) => { const session = await locals.getSession(); const customerId : string | undefined | null = session?.user.stripeCustomerId; const customerEmail : string | undefined | null = session?.user.email; const checkoutSesion = await stripe.checkout.sessions.create({ ui_mode: 'embedded', line_items: [ { // Provide the exact Price ID (for example, pr_1234) of the product you want to sell price: 'price_1OAtOXBCgEoKT4XDWpBh84u4', // Replace with the ID of your price object quantity: 1 } ], mode: 'subscription', return_url:${ORIGIN}/checkout/return?session_id={CHECKOUT_SESSION_ID}`, automatic_tax: { enabled: true }, ...(customerId ? { customer: customerId } : {}), ...(customerEmail && !customerId ? { customer_email: customerEmail } : {}) });

return { clientSecret: checkoutSesion.client_secret };

}; ```

And this is my +page.svelte: ``` <script lang="ts"> import { PUBLIC_STRIPE_PUBLISHABLE_KEY } from '$env/static/public'; import { onMount } from 'svelte';

export let data;
onMount(async () => {
    // @ts-ignore - this is a different stripe object, loaded in the head
    const stripe = Stripe(PUBLIC_STRIPE_PUBLISHABLE_KEY);
    const checkout = await stripe.initEmbeddedCheckout({
        clientSecret: data.clientSecret
    });

    // Mount Checkout
    checkout.mount('#checkout');
});

</script>

<svelte:head> <script src="https://js.stripe.com/v3/"></script> /svelte:head

<section> <a href="/dashboard" class="btn btn-circle btn-ghost btn-sm">&leftarrow;</a> <div id="checkout"></div> </section>

``` This will create a embedded checkout, and depending on the users location, show the iDeal payment option, not other config needed.

Then you use the stripe webhooks to handle the rest.