Paymattic includes an amazing feature that is Custom Payment Amount to insert any custom payment amounts in the form.
Let’s dive into this article and learn how to add the Custom Payment Amount field with Paymattic.
- To add a Custom Payment Amount, first, you need to create a form. Let’s take a look at how to create a payment form.
- Add your desired general fields to the form.
- It is better to keep the Name, Email, or Phone field in the beginning.
- Then, click on Custom Payment Amount from the panel of Form Editor.
Now, set the field configuration as you want.
You have to know about each configuration option to perfectly optimize the field.
Required: This option allows you to turn on and off the field to make it mandatory. The choice required option states that the input area must be filled out before the form is submitted.
Default Value: This option enables you to add the default value of the item.
Minimum Value: This option enables you to add the minimum value of the item.
Advanced Options #
You can define a custom Admin Label and CSS Class in the Advanced tab of the Donation Progress Item field.
Admin Label: This label is used if the admin wants to see the field’s label from the back-end.
Field Wrapper CSS Class: This is a field used for adding a CSS class for the field wrapper element.
Input Element CSS Class: You can add custom CSS classes to the input field element itself.
Conditional render: You can set conditional logic to display the field in the form that will be triggered by specific actions taken on a previous input field. To know more about, Conditional render, check here.
Field ID: The Field ID option in the Advanced tab is the CSS class ID for this input field, and it will be used for adding custom CSS to this field.
Finally, click on the Update button to save the configuration.
Copy and paste the shortcode of the form on a specific page and you can preview your created form.