​
How to add a payment page

1

Select a payment type

Click + Add page and choose Payment.
Add a payment page
Select between the following types:
  • One-time - for single, non-recurring transactions
  • Subscriptions - for recurring transactions usually with a fixed price
  • Pay what you want - leave the amount up to the customer
Good to know: Payment pages are available on all plans with no additional fees charged to use the feature. However, usual Stripe fees such as transaction costs still apply.
2

Enter details

Add the details of your payment page and Connect to Stripe. From here you can choose the currency, and make the price and product name dynamic by clicking the blue + icon or typing @ to reference a specific field.
Add a payment page
In this example, the product name and price will change per customer depending on their order.The default payment method in new forms is through a credit card. You can give more options to your customers by adding more Payment methods through the left-hand panel.
3

Publish and share

That’s it! Press Preview to try out your form. Payments will only be collected when you Publish the form and send its link.
Good to know: You can test your live form without getting charged. Create a 100% off coupon in Stripe, then enable the “Discount Codes” option to apply it during checkout. Once testing is done, just toggle the discount codes back off.

​
Add discount codes

Allow discount codes in the left-hand panel and click Manage discount codes in Stripe to add a code or link an existing one to your form.
You can also choose a URL parameter or field as the Discount code when you scroll down to Pre-fill fields.

​
Create a new Stripe customer

Collect email under Payment. This will automatically add an email field to your payment page and create a new customer on Stripe.

​
Pre-fill fields

You can automatically fill out the fields of the payment form by toggling the Pre-fill fields switch. Then, select the corresponding fields below.
Pre-fill fields

​
Reference the payment intent ID in integrations

You can save the Stripe payment ID to the integration of your choice by referencing it. Go to Integrate and choose a platform. Under Mappings, look for Stripe Payment ID.
Reference the payment intent ID in integrations
Stripe payment ids will look like pi_3MKECGFiethEjGwr1TWmQ0rN and allow you to tie a form submission to an actual payment in Stripe.

​
Send a receipt upon successful purchase

Toggle Send receipt in the left-hand panel to automatically send the customer a receipt once they make a purchase.
The receipt will only be sent if you enable the Collect email switch as described above. Note that receipts are not sent in Fillout preview mode.
Send a receipt upon successful purchase

​
Add a testimonial

You can increase checkout rates by putting a testimonial from a customer. Go to Appearance in the left-hand panel and turn on the Show testimonial switch.

Dynamic payment page

Auto-update product selection and price by order.

Calculations and variables

Calculate prices for order forms, compute scores, and more.

Hide fields

Hide or show fields based on prior inputs, URL parameters or external data.