If you want to collect donations online, Typeform’s got your back. You can create a donation form to support your cause using our Payment question and Calculator, and receive payments through your Stripe or PayPal account.
Here’s a donation form template that we created for you:
You'll need a Basic or higher Typeform plan to use the Payment question type.
Read on to learn how to recreate a template like the one above—with all the tips and tricks explained.
To create a donation form
1. Log into your Typeform account and click + Create new form.
2. Select Start from scratch.
3. First, let’s add a Welcome Screen. Here you can introduce your cause, add an image or video, and change the default button text.
4. It’s time to share the details of your campaign with people, and ask them if they want to support your cause. Click + Add content and then add a Yes/No question, and set it to Required.
We’ll add Logic to this question later to take people down a different path depending on their answer.
5. To collect the donation from those who opted in, add a Number question to your form and set it to Required. You can also specify the minimum and maximum amount you’ll be accepting here.
Tip! You can also use a Multiple Choice question instead of the Number one, where people can select how much they want to donate from a list.
6. Now that you have both paths available, click on the Workflow tab and then select Branching. On your first question, add Branching rules like so.
This way, people who don’t want to donate will go straight to the end of the form, while those who are in will go through the follow-up questions.
7. Add another Yes/No question and set it as Required. Here you can ask people to confirm how much they want to donate to avoid any misunderstandings. Leave the amount part empty for now—we’ll get back to that later.
8. Add a Payment question. You can choose between using Stripe or PayPal to accept payments.
9. Now add Branching rules to your Number question, like so.
Note! Always use the Price variable for calculations when you're working with a Payment question.
10. Go to your second Yes/No question (confirming donation question) in the Content panel and type @ to add Recall information. Select the Price variable to show people the number they entered as their previous answer.
11. Set Branching rules for your second Yes/No question where you asked people to confirm the amount they want to donate, like so.
If people want to change the amount, they can still go back to the Number question, but they can move on to the Payment question if they’re happy with it.
12. We’re almost done. Add an Email question and set it to Required. This way you can contact people to confirm that you’ve received their donation.
13. Click on the Design button in the tool bar and create a nice theme for your donation form.
14. Add an End Screen to your form. This is a great place to highlight how the donations you received will help others, and you can also ask people to share your form on social media here.
If you'd like respondents to visit another page after seeing the End Screen, and your account is on a Plus plan or above, you can add a button to the End Screen that links to the page of your choice. Find out more in this article.