Square Payment: How do I show the email field and expand the payment field width?

  • Profile Image
    Asked on February 06, 2018 at 07:30 PM

    Hi, I have a couple of questions about the Square payment widget on my form. 

    1) The widget setting allows for "Customer Email Field" but does not show a field for emails. The one seen on the form is a Jotform field. (screenshot attached)

    I will be using the email confirmation via Jotform but also want to send the Square Receipt. 

    2) Is there a way to expand the width of the payment amount for the widget "__USD". Currently, it cuts off at 4 digits with the decimal. 

    Please advise. Thank you!


  • Profile Image
    Answered on February 07, 2018 at 12:18 AM

    Hello Jenni,

    The field for emails in relation to the customer email field there are those other fields outside the payment field. As you noticed, it is on a dropdown on your payment settings. This is because if you have more than one email address field, you can select any of the fields as source.

    On the matter about the field amount, you can copy and inject this CSS code into your form:

    #input_24_donation {
       width: 70px !important;

    If you need to know how to inject CSS codes, please follow the steps from this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    In any case that you have questions or if you need assistance, please let us know.