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

Written by amanhimself | Published 2021/07/07
Tech Story Tags: stripe | digital-payments | no-code | low-code | low-code-platform | expo | technology | startup

TLDR 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.via the TL;DR App

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

Written by amanhimself | Developer, Tech Writer | React Native & Expo enthusiast | Personal blog: amanhimself.dev
Published by HackerNoon on 2021/07/07