Payment page
Collect payments from respondents via credit card, US bank account, Affirm, and Stripe link payments. Choose a dynamic product name and purchase amount, and optionally send a receipt.
How to add a payment page
Click
+ Add page
and choose Payment
.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F17d767cc-cf30-4ee2-8a4c-22fcf92417b0%252FScreen_Shot_2023-09-19_at_2.52.04_PM.png%3Ftable%3Dblock%26id%3Dfa6a1b94-6f59-48e2-8041-0b1863aac366%26cache%3Dv2&w=3840&q=75)
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.
Select between the following types below:
- 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
![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F8df38d5a-307a-4609-a813-fab3475a07cb%252FIMG_0323.jpeg%3Ftable%3Dblock%26id%3Df38a27e5-9c4c-46cd-83de-8b5c7d39c279%26cache%3Dv2&w=3840&q=75)
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 or question. In the example below, the product name and price will change per customer depending on their order.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F744797a3-dcbd-425f-9e61-6e502c67895f%252FIMG_0324.jpeg%3Ftable%3Dblock%26id%3D22aecc83-8853-43ec-8cf3-dc93b72814d8%26cache%3Dv2&w=3840&q=75)
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.
![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fe63215b5-0c9b-4da6-ac93-d459c7031097%252FIMG_0329.jpeg%3Ftable%3Dblock%26id%3D88eb3e91-3ea0-4844-938b-4196266a14a2%26cache%3Dv2&w=3840&q=75)
That’s it! Press
Preview
to try out your form. Payments will only be collected when you Publish
the form and send its link.Add discount codes
Toggle
Allow discount codes
in the left-hand panel. Then, click Manage discount codes in Stripe
to add a new discount code or link an existing code to your Fillout form.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fa3e755a1-83a5-4a4f-8088-919917fdddc4%252FIMG_0327.jpeg%3Ftable%3Dblock%26id%3Db25635c8-e7b6-4f81-a17c-295da0bc6e8d%26cache%3Dv2&w=3840&q=75)
You can also choose a URL parameter or field as the discount code when you scroll down to Pre-fill fields.
![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F12d81faf-ca71-4eb9-b0f0-16e6dd88185d%252FIMG_0332.jpeg%3Ftable%3Dblock%26id%3D48ac3691-5122-4a67-900e-5199162c379a%26cache%3Dv2&w=3840&q=75)
Create a new Stripe customer
Turn on the
Collect email
switch under Payment. This will automatically add an email field to your payment page and create a new customer on Stripe.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F29da8ba3-15b9-496a-bf58-25fb7b7c41e7%252FIMG_0328.jpeg%3Ftable%3Dblock%26id%3D20de8a6a-1be7-4ac0-b260-840ed10f52b9%26cache%3Dv2&w=3840&q=75)
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.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fe5903b9e-30ad-4c81-94b6-e81d92b31ce1%252FIMG_0332.jpeg%3Ftable%3Dblock%26id%3D073fea1b-46d0-414c-9778-bff3c9e2b72a%26cache%3Dv2&w=3840&q=75)
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 Integrations and choose a platform. Under Mappings, choose Payment.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7f20109e-35cc-4b6e-ace0-cbdb9aec4d80%2FUntitled.png?table=block&id=25cfedad-d18e-4f54-8fae-06fad2c6608e&cache=v2)
Then click Payment ID. Stripe payment ids will look like pi_3MKECGFiethEjGwr1TWmQ0rN and allow you to tie a form submission to an actual payment in Stripe.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd3a350c9-407b-41a5-8fe0-2a7fe146d4d8%2FUntitled.png?table=block&id=ef81aa15-2f39-484a-a965-7ab7ac115119&cache=v2)
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 successful purchase. ![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fc14e113b-6231-4150-9267-f46484cac85b%252FIMG_0325.jpeg%3Ftable%3Dblock%26id%3D9bfac62b-0340-4e86-af81-27a09c837d5c%26cache%3Dv2&w=3840&q=75)
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.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F40431b41-1abf-48f6-bd08-acb259afe817%252FUntitled.png%3Ftable%3Dblock%26id%3D1d7a0490-cbb8-4dec-ab63-70cfa2b35087%26cache%3Dv2&w=3840&q=75)
Add a testimonial
You can increase checkout rates by putting a testimonial from a past customer. Go to Appearance on the left-hand panel and turn on the
Show testimonial
switch.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fefa41a5f-2586-4a6f-8a1c-e9737bccfb0a%252FScreenshot_2024-07-19_at_1.25.18_PM.png%3Ftable%3Dblock%26id%3Da443fe20-eebf-4912-b59d-660c3fcb97bd%26cache%3Dv2&w=3840&q=75)