Stripe: Predefined options not available in Classic layout

Hi Sir/Maam,

I am in need of help in regards to the following:

I have an existing form which is one question one page
Form: (NEW)Pioneers inAsia website - Donation form

I am converting it into all questions into one page via a clone of that on the new form.
Form: Clone of (NEW)Pioneers inAsia website - Donation form

However the User interface of the Payment page has changed and the payment settings page no longer has the Preferred Payment option.

Are you able to help?

Thank you

this is what i need

Hi Mark,

Thanks for reaching out to Jotform Support. Unfortunately, this option is only available for Card layouts. I'm afraid Card layout has special features that are not available in Classic layout. We can try copying the look of the choices, but the payment type will be user defined amount. If you want to proceed on this, let us know and we can provide the steps and CSS code on the workaround.

As soon as we hear back from you, we can move forward with a solution.

Hi Carrissa,
thanks!

Yes could you offer that solution for me to take a look?

Hi Mark,

Thanks for getting back to us. As mentioned by our teammate, Carrissa, the predefined option for donation levels/amount can only be predefined within the Stripe payment field when using the Card layout. As a workaround, since your form is in the Classic layout, you can have the donation level options outside the payment field and just pass the selected value to the payment field using its Get Price From option.

Allow me to create a mock-up on a cloned form, I'll get back to you once I have an update.

Hi Mark,

Thanks for your patience. To simulate the predefined options in your form, add the options using a Single Choice field with the 'other' option enabled. Let me show you how.

1. In the Form Builder, click the Add Form Elements button and drag and drop the Single Choice element to your form.
2. Click the Single Choice element's Gear icon to open the properties page.
3. Enter the predefined options in the Options field.
4. Turn on the Display Other Option.

Then, add a Form Calculation widget that's needed for this to work. Pass the value of the Single Choice field to the Form Calculation widget. As shown in the following screencast.

The last step would be is to set the calculation widget as the Get Price From of the Stripe payment field in your form.

Here's a how the result looks like:

Also, you can hide the Form Calculation widget or the Donation Level field on the form to avoid confusion. Here's our guide on how to hide form fields, and how to perform form calculation using a widget.

Give it a try and if it fits your requirements, we can proceed with customizing the Single Choice option appearance with CSS.

great thank you!