Is it possible to replace payment amount options with image?

  • campbeechcliff
    Asked on January 19, 2018 at 11:45 AM

    For example if I setup donation levels of $20 and $50, could I replace the radio selector with an image or button that has a "$20" or "$50" logo on it?

    Thank you.

  • VictoriaKondratenko
    Replied on January 19, 2018 at 12:21 PM

    I suppose 'Image Checkboxes' or 'Image Radio Buttons' widget could be suitable. 

    1516382298post5 Screenshot 10

    You can find them at 'WIDGETS' tab.

    1516382371Screenshot 7 Screenshot 21

  • campbeechcliff
    Replied on January 19, 2018 at 12:43 PM
    But could these be applied within a payment field?
    ...
  • VictoriaKondratenko
    Replied on January 19, 2018 at 1:37 PM

    Yes, it can be applied within a payment field.

    1516386722post555 Screenshot 10

    Although, the process is somewhat complex. I can describe it, but it would be nice to get some details about your form and method of Payment Integration.

    You can also check conditions I've used after cloning this form. 

    Here is a hint how to clone

  • campbeechcliff
    Replied on January 19, 2018 at 2:43 PM
    Integration is Stripe. My current form is https://form.jotform.com/70247883357162
    I am considering changing the type from “Donation” to products so I can assign various giving levels and would like to make the selections a series of buttons with the donation levels ($25, $50, $100, etc) rather than a series of radio buttons.
    Thank you!

    ...
  • campbeechcliff
    Replied on January 19, 2018 at 2:43 PM
    I have been experimenting with this form: https://form.jotform.com/80175330269152
    ...
  • Support_Management Jotform Support
    Replied on January 19, 2018 at 3:00 PM

    Hello @campbeechcliff - In addition to what VictoriaKondratenko shared, here are the key features you need if you want to use the IMAGE CHECKBOX or IMAGE RADIO BUTTON widgets.

    🔘 CALCULATION VALUES - You would need this feature to assign values to your fields when setting up your products. If you will be using other fields that you need to be included in your calculation, this feature will come in handy.

    Complete guide: How-to-Assign-Calculation-Value

    🔘 FORM CALCULATION WIDGET - Instead of having the payment field automatically compute the total for you, you would need to calculate this yourself using this widget.

    Complete guide: How-to-Perform-Form-Calculation-Using-a-Widget

    🔘 PASS THE CALCULATED VALUE TO YOUR PAYMENT FIELD - And finally, you will pass the calculated value to your payment field so you can charge them through PayPal.

    Complete guide: How-to-Pass-a-Calculation-to-a-Payment-Field 

    Your follow up question was moved to a separate thread to avoid confusion:

    https://www.jotform.com/answers/1355307 

    We'll reply to you there shortly.