Hackernoon logoThe No-Code Way of Payments with Stripe: A Brief Guide by@amanhimself

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

Stripe Payment Links are a no-code way to enable payments for offline goods and services in an Expo app. The Payment Links work when you host a product using Stripe. You can now use it inside low and no-Code tools like Webflow or mobile apps created using Draftbit. This article is not a take on code. It's an appreciation post on how integration utilities like Stripe payment links come in handy far beyond code. The article follows a series of tips on how to use Payment Links in your Expo app.
image
Aman Mittal Hacker Noon profile picture

Aman Mittal

🥑 Dev Advocate @Draftbit | ReactNative & Expo enthusiast | Personal blog: amanhimself.dev

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.

Why a Payment Link?

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.

How to create a Payment Link

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.

    image

- 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.

    image

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.

Aman Mittal Hacker Noon profile picture
by Aman Mittal @amanhimself. 🥑 Dev Advocate @Draftbit | ReactNative & Expo enthusiast | Personal blog: amanhimself.devRead my stories

Tags

Join Hacker Noon

Create your free account to unlock your custom reading experience.