Simple Checkout Form

A Stripe checkout form to allow your users make purchases.

Simple Checkout Form
Simple Checkout Form

Using this block, you can set up paid membership and charge your users for accessing certain sections (pages or blocks) of your Softr app. Prior to setting up this block, you need to connect Stripe to be able to offer Stripe products (one-time products or subscriptions) to your users. So, let's go ahead and examine the block settings.

Title and images

Logo, Title, and Background Image
Logo, Title, and Background Image

To start with, you can add a custom title, logo, and a background image in the Feature tab of block settings.

Product Setup

Next, you need to set up the product that you want to offer to your users.

Product parameters
Product parameters

The Product dropdown is a list with all your Stripe products. First you need to select a certain product, then fill out the rest of the product fields (Name, Trial, Price, Interval, Description) as you wish them to be shown on your checkout page. In the example shown below, we've chosen the Maker (Website Builder) product, and set the other fields to their corresponding values.

Product selection
Product selection

Below, you can see how it looks on the actual checkout form.

Published checkout form
Published checkout form

Payment details

Here, you can customize the placeholder text for the name and email fields.

Discount code

Discount Code section
Discount Code section

Here you can choose to show a discount code field. If it's enabled, you can modify the text for the discount button and coupon input field. The form will accept coupons defined for the selected Stripe product.

Applying a discount code
Applying a discount code

Button

Button settings
Button settings

Here, you can modify the Text of the payment submissions button. The Action of the button is predefined.

On checkout

On checkout
On checkout

Lastly, you can choose to which page the user is taken after making the payment.

That's it. As soon as you have provided a checkout for a specific product, you can go ahead and define access conditions (for a block or a page) for users who have paid for the product.

Did this answer your question?
๐Ÿ˜ž
๐Ÿ˜
๐Ÿคฉ

Last updated on December 6, 2022