How to integrate Apple Pay in Bubble

You integrate Apple Pay in Bubble by using Stripe. Bubble cannot connect directly to Apple Pay. Apple Pay only works inside Stripe’s payment flow (Stripe Checkout or the Stripe Payment Element). So the real path is: connect your domain to Stripe, verify Apple Pay in Stripe, then use a Bubble Stripe plugin or a custom Stripe integration to show Apple Pay as an available payment method.

What You Actually Need To Do

You enable Apple Pay by setting up Stripe correctly and then using Bubble to trigger a Stripe payment. You do not build a separate Apple Pay button. Stripe shows it automatically when the user’s device supports it.

• Stripe Checkout: Easiest. Apple Pay appears automatically.
• Stripe Payment Element: More custom UI, still supports Apple Pay.
• Bubble Stripe Plugin: Works if it uses Checkout or Payment Intents.

Step‑by‑Step Setup

Verify your domain in Stripe so Apple Pay is allowed:

• In Stripe Dashboard → Payments → Apple Pay → Add your domain.
• Stripe gives you a apple-developer-merchantid-domain-association file.
• Upload this file into Bubble → Settings → SEO / Metatags → Hosting files.

Then enable Apple Pay in Stripe (same page). Stripe confirms the domain.

Using Bubble to Trigger the Payment

If using Stripe Checkout (recommended for beginners):

• Install a Stripe plugin that supports Checkout Sessions.
• Create a backend workflow calling Stripe’s /v1/checkout/sessions.
• Redirect the user to the returned session.url. Apple Pay appears automatically.

// Example API Connector call body for Stripe Checkout
{
  "mode": "payment",
  "success_url": "https://yourapp.com/success",
  "cancel_url": "https://yourapp.com/cancel",
  "line_items[][price]": "price_123",
  "line_items[][quantity]": 1
}

Important Notes

• You do not manually build an Apple Pay button in Bubble.
• It only works on Safari on Apple devices.
• Test using a real domain, not only Bubble preview.