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 account.
Here’s a donation form template that we created for you:
Read on to learn how to recreate a template like the one above—with all the tips and tricks explained.
To create your donation form:
Log into your Typeform account and click New typeform.
Select Start from scratch.
In the Create panel, click + to see the available question types.
First, let’s add a Welcome Screen. Here you can introduce your cause, add an image or video, and change the default button text.
It’s time to share the details of your campaign with people, and ask them if they want to support your cause. Add a Yes/No question, and set it to Required.
We’ll add Logic Jumps to this question later to take people down a different path depending on their answer.
To collect the donation from those who opted in, add a Number question to your typeform and set it to Required. You can also specify the minimum and maximum amount you’ll be accepting here.
Tips! 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.
Now that you have both paths available, go back to your first question and add Logic Jumps to it, 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.
Add another Yes/No question and set it to 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.
Add a Payment question. You’ll ask for the credit card details of people here, and their payments will be processed through Stripe.
Note! Make sure that your Typeform account is connected to your Stripe account to handle payments. To link your accounts, click Connect to Stripe and follow the instructions.
Now you can go back to your Number question, and add a Calculator to it, like so:
Note! Always use the Price variable for calculations when you're working with a Payment question.
Go to the settings of your second Yes/No question and click Add next to Recall information. Select the Price variable to show people the number they entered as their previous answer.
Set Logic Jumps to 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.
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.
Add a Thank You Screen to your typeform. This is a great place to highlight how the donations you received will help others, and you can also ask people to share your typeform on social media here.
Finally, you can go to Settings, and toggle the Redirect on completion switch to send people to a landing page after they submit your typeform.