Add Service Fee/Upcharge on forms with Card payments

Step 1

Once you have selected the component you wish to use on your payment form, rename the field to Convenience Fee, Service Fee or any other term you want to use for the upcharge.

Step 2

Scroll down on Display tab and tick DISABLED. This is required to block customers from editing this field.

Step 3

Go to Data tab, untick clear value when hidden and click Calculated Values.

Step 4

Under Calculated Value, type the Service Fee/Upcharge script in the JavaScript field based on the component you used.

Step 5

Click Save.

Step 6

Finish up building your Payment Form, update the status and embed your form to an HTML page.