How to add radio buttons for donation feature with custom amount?

  • VirginiaCapitalTrail
    Asked on April 10, 2019 at 9:32 AM

    We want to add radio buttons for predetermined donation amounts but still allow a feature where donors can input their own amount. I am having a hard time configuring this with the Square widget. I've attached a screenshot of what the current set up looks like. Is there a way to have the radio button responses feed directly into the payment total?


    Thanks for your help!

    -Katie

    Jotform Thread 1788535 Screenshot
  • Kiran Support Team Lead
    Replied on April 10, 2019 at 11:45 AM

    You may add the Other option for the Single choice field so that the user can enter custom amount.

    155491082010042019 210442 Screenshot 10

    Also, you can assign the calculation values to the options so that they'll be used in the calculation field. The calculated result can be then passed to the payment field.

    Hope this information helps! 

  • Katie
    Replied on April 10, 2019 at 3:10 PM

    Is there a way to have the radio button responses feed directly into the payment section? I do not want to have to include a "total" field or a "quantity" field.


    Thanks!

  • Support_Management Jotform Support
    Replied on April 10, 2019 at 5:17 PM

    Hey Katie - I assume this is the form you're currently working on:

    https://www.jotform.com/90665947398174

    You're already on the right track by using a FORM CALCULATION WIDGET and your Stripe payment field already gets the price from that. If your intention is to allow your respondents to pick set amounts of donation and at the same time, allow them to enter a custom amount, you can follow my colleague's suggestion.

    1. Turn ON the DISPLAY OTHER OPTION feature for your Donation Amount field.

    How to add radio buttons for donation feature with custom amount? Image 1 Screenshot 40

    2. Fix the formula inside your FORM CALCULATION WIDGET.

    How to add radio buttons for donation feature with custom amount? Image 2 Screenshot 51

    3. I also suggest you hide the form calculation widget to avoid redundancy. To do so, right click on the form calculation widget > then hide it.

    Finally, here's how your form should behave:

    How to add radio buttons for donation feature with custom amount? Image 3 Screenshot 62

  • VirginiaCapitalTrail
    Replied on April 11, 2019 at 10:19 AM

    It's working just how we want now! Thank you so much for your help.


    -Katie