Aman Mittal

The No-Code Way of Payments with Stripe: A Brief Guide

cover_image

Cover image credit: Prayer X on Unsplash

Stripe launched a new way to accept payments via Payment Links recently. It's a big deal for many use-cases. I got to know about it after trying to figure out how to support payments for offline goods and services in an Expo app using managed workflow. Yes, that's a niche use case. But Stripe's no-code way to enable payments in an app goes beyond that.

Disclaimer: This article is not a take on code. I love to code. It's an appreciation post on how integration utilities like Stripe Payment Links come in handy far beyond code.

Stripe Payment Links are not meant to be used as an alternative to native in-app purchase functionality. Please make sure to read Apple's App Store review guidelines to have clear instructions on what Goods and Services are available for outside of the in-app purchases when publishing the app.

Accepting payments using a payment provider like Stripe includes a three-step process:

  • A server or serverless functions to handle logic, create tokens and secret keys.
  • UI for customers to enter their details when purchasing a product.
  • Tracking each transaction using PaymentIntent.

Stripe Payment Links handle this process by giving you a layer of UI and a URL for the payment. Yes! Now, for the use case that I have, I do not have to write different serverless functions, host them on a backendless service like Firebase Cloud functions, or think about their technical maintenance over time.

The Payment Links work when you host a product using Stripe. It gives you an interface to create and host a product.

Go to the Stripe Dashboard screen. From the side menu, go to Products and then click Payment Links. The example below is using Test mode, but the same process is applicable when in live mode.

ss1

  • Click the button "New" to add a new product and create a payment link for it.
  • Then, under the Product section, click "+ Add a new product".
  • Enter the details of the product.After adding the product details, click the button Create link.
  • Stripe generates a Payment link for the product added.

ss2

While adding a new product, Stripe allows customizing product details by adding promotional codes, collecting a user's shipping, billing address, adjust quantity, etc. Managing a user's shipping and billing address is essential if the product sold is a physical entity.

Conclusion

You can now use it inside low and no-code tools like Webflow or mobile apps created using Draftbit.

I also wrote a post on how to use Stripe Payment Links when creating a mobile app using Draftbit as a "pro code" tool to build the mobile app. Learn more ↗️

demo-draftbit