Is it possible to replace payment amount options with image?

  • Profile 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.

  • Profile Image
    VictoriaKondratenko
    Answered on January 19, 2018 at 12:21 PM

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

    1516382298post5.gif

    You can find them at 'WIDGETS' tab.

    1516382371Screenshot_7.png

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

    Yes, it can be applied within a payment field.

    1516386722post555.gif

    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

  • Profile Image
    campbeechcliff
    Answered on January 19, 2018 at 02: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!

    ...
  • Profile Image
    campbeechcliff
    Answered on January 19, 2018 at 02:43 PM
    I have been experimenting with this form: https://form.jotform.com/80175330269152
    ...
  • Profile Image
    Jim_R
    Answered on January 19, 2018 at 03: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.