Hide the amount field in the Stripe Payment Widget

  • Profile Image
    Asked on June 26, 2020 at 02:43 PM

    I am creating a donation form. At the top of the form I am using a radio button selector to present and accept predefined donation amounts.

    I'm then using the Form Calculation widget to get the value selected from the radio button selector widget. I am HIDING this field.

    Then, in the Square Payment widget I selected Payment Type as User Defined Amount and specified the Form Calculation widget as the source for Get Price From field.

    That is all working fine but I the Square Payment Widget presents an Amount field, too. I want to Hide this field because the user has already selected their donation amount, and via the Square Payment Widget I've passed the amount to charge.

    Is there a way to NOT DISPLAY the Amount field in the Square Payment Widget?

    P.S. If not, I'm open to using other Payment Widgets that might provide this feature.

  • Profile Image
    Answered on June 26, 2020 at 05:09 PM

    Hello @JeffPatrick

    There is no option to remove the amount using the widget's settings. However, you can hide it using CSS Injection.

    For instructions, kindly refer to this documentation:

    Guide: Customize-Your-Form-Using-Custom-CSS-Codes

    The CSS code you should use in this case is:

    #input_14_donation {display:none }

    I hope that helps. Let us know if you need any further assistance.