No-code Stripe Checkout

Easy, just got easier. That's what I thought when Stripe released their latest feature called Payment Links.

Payment Links will allow you to create a—you guessed it—a payment link. These links can be customized and be sent directly to individual or group of customers. Just like that, without coding at all, you have created a payment portal for your customers.

Here's how you can do it.

Step 1

Log in to your Stripe Dashboard.

Step 2

In the menu, under the Products section, look for the Payment Links tab. Click that.

You should see something link this:

In this workspace you can see the previous Payment Links that I created. But let's create a new one by clicking that "New" button on the upper right part of the list.

Step 3

This is where the magic starts.

You will then be redirected to this new page:

This is how it looks like on mine, but it will be different on your end because of the branding settings.

On the left side you will the following:

Product

This is the list of products available in your dashboard. You can either select from the available ones or create a new one.

Customize

This part is where you can customize what your customer sees in the checkout page.

These options are pretty straight forward but let's discuss them anyway. :D

  • Allow promotion codes - This will add a text field for promo code in the checkout page.
As you can see, there's a new component in the preview part called "Add promotion code"
  • Let customers adjust quantity - This will add a little dropdown menu, when you click it, a dialog like the image below will show. Note that the maximum quantity is 99.
The customer can now adjust the quantity up to 99.
  • Collect customer's addresses - This part has two options, first is to collect only the billing address of the customer, and second is to collect both billing and shipping addresses.
See how the form on the preview changed?

Subscription settings

Lastly the, subscription settings. Right now this only has 1 option:

  • Include free trial - This option will change the checkout page into a "trial mode". You can also set the number of trial days being 1 as the minimum and for some reason 1000 days as the maximum.
The title of the checkout page changed, even the text in the button.

When you're ready, just click the "Create link" button and you're all set. It may ask you for verification, just input your password to continue.

Congratulations, you just created your first Payment Link!

The payment link workspace

The details hear are pretty self explanatory and easy to understand so I won't bore you with those anymore.

So, here's the payment link that we created. This is just a test payment link so don't worry.

https://buy.stripe.com/test_aEU02tczh5nT2jeeUW

Additional Info

  • The payment links can be activated or deactivated
  • The payment link is mobile friendly
  • Apple Pay or Google Pay will work here

By the time of this writing the feature is still in internal beta and I just happened to get an access to the this new feature. Probably, more improvements will be implemented in Payment Links in the future.

Happy no-coding. LOL :)