How To Create A Donation Form With Multiple Amounts In WPForms

In this tutorial, you will learn how to create a donation form with multiple amount options using WP Forms. Follow the steps below to create your donation form.

You can also watch the video tutorial:

Having said that, let’s move on to the steps on How To Create A Donation Form With Multiple Amounts In WPForms.

Step 1: Create a New Form

  1. Hover over WP Forms and click on “Add New” to create a new form.
  2. Enter a name for your form.

Select the “Blank Form” template or choose the “Donation Form” template if you have WP Forms Pro.

  1. Note: WP Forms Pro may require a separate purchase or subscription.
Create new form in wordpress

Step 2: Add the Multiple Choice Field

  1. Drag and drop the “Multiple Choice” field into the form builder area.
  2. Click on the field to access its options.
  3. Edit the label name for the field.
  4. Edit the choices to represent different donation amounts.
  5. You can also add an “Other” option if you want users to enter a custom amount.
  6. Save the form.
Multiple choice field wp forms

Step 3: Add a Text Field for Other Amount

  1. Add a text field where users can enter a custom donation amount.
  2. Make the field required if necessary.
  3. Add a description or instructions for this field.
  4. Save the form.

Step 4: Add a Number Field for the Donation Amount

  1. Drag and drop a “Number” field into the form builder area.
  2. Edit the label name for the field.
  3. Add a description if desired.
  4. Under the advanced tab, enter a placeholder text for the field.
  5. Set conditional logic to show this field only if the donation amount is set to “Other”.
  6. Save the form.
Number field for donation Amount

Step 5: Preview and Test the Form

  1. Preview the form to see how it functions.
  2. When a user selects “Other” as the donation amount, the additional text field for the custom amount will appear.
  3. Users can enter their desired donation amount in the number field.
  4. Test the form to ensure it works as expected.
Preview donation form wordpress

That’s it! You have successfully created a donation form with multiple amount options using WP Forms. Users can now select predefined amounts or enter a custom donation amount based on your form configuration. Feel free to customize the form further to match your website’s design and style.

Remember to consider subscribing to the creator’s channel and visit their website for any additional questions or suggestions you may have.

Thank you for watching the video tutorial and enjoy using WP Forms for your donation forms!

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Need Professional Help?

We can help you with website fixes and ongoing maintenance.