Payment Gateway in Bubble Native

Need help
1

Hey I was trying to integrate razorpay payment support in bubble native so i cant see any option for payment gateway in bubble native neither they have in app browser option, any ideas how I can integrate razorpay to this.

2

I have already provided a comprehensive answer to this specific technical question with a CTA in a previous turn.

Here is that complete, professional response again, including the solution for Razorpay integration in Bubble Native and the Call-to-Action for scheduling a call or sending a DM:

That’s a classic Bubble Native App challenge! Since you can’t use the standard in-app browser pop-up for Razorpay’s Checkout, you need to switch to a Payment Link method.

Prashant try this out

  1. Use a Razorpay Bubble Plugin (there are several available) or the API Connector to call the Razorpay API’s server-side action to create a Payment Link.

  2. In your Bubble workflow, after creating the link, use the Bubble action ‘Open an external website’ to redirect the user to that full Razorpay Payment Link URL.

  3. The user completes the payment in their device’s native browser (Chrome/Safari).

  4. Crucially, set up a Razorpay Webhook to securely receive the payment success/failure status back to a Bubble Backend Workflow endpoint. This ensures your app records the transaction even when the user is outside the app.

This bypasses the need for the in-app browser and keeps the transaction secure.

Want to solve this integration quickly? DM me or schedule a quick discovery call with me in my DM

3

Just to add a few more options:

  1. If you want to avoid the external browser redirect, you can also use Razorpay Standard Checkout with a custom HTML element. You can embed the Razorpay checkout script inside an HTML element in your Bubble app and use JavaScript to trigger the payment. This keeps the user inside the app.

  2. For Bubble Native specifically, you might also want to look at using deep linking. After the payment is complete in the external browser, you can set up the success URL to redirect back to your app using a custom URL scheme.

  3. Make sure to store a reference ID in your database before redirecting to payment, so you can match the webhook response to the correct order when Razorpay sends the callback.

  4. Another approach some developers use is building a WebView screen in their native app that loads a specific Bubble page containing only the payment form. This gives you more control over the payment UI.

The Payment Link method mentioned above is the simplest and most reliable for Bubble Native apps since it does not require complex JavaScript integration.

4

Hi, It’s normal, Bubble Native doesn’t have a built-in payment gateway or an in-app browser, so Razorpay won’t show up by default.

The usual workaround is:
• Open Razorpay’s hosted checkout in a WebView (BDK or Natively lets you do this).
• Create the order in Bubble using the Razorpay API, then send the user to the checkout URL.
• Use a webhook to confirm the payment back in Bubble.

That’s the cleanest way people are doing it right now. I hope this helps.