Form Input Fields – WPPayForm

WPPayForm comes up with 11 input fields that can be used when it comes to creating payment forms on your site. You will find all the input fields under the General Fields section located in the righ sidebar on the plugin dashboard.

Let’s have a look at the detailed approach of each input field.

Customer Email

Customer Email input field is the first input field available in WPPayForm. This field is used to add an email input field in your payment form. This input field comprises with 5 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Type your email address” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Customer Name

Customer Name is another input field that is used in the payment form to take the client’s name while completing the payment form. This input field includes 5 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Type your name” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Single Line Text

Single Line Text is the next input field that is used in the payment form to specify anything required while completing the payment form. For instance, if you sell footballs, you can use this input field to specify the size of the football using this input field. This input field includes 5 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Size of the football” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Textarea Field

Textarea Field is one of the important input fields that is used in the payment form to specify a minimum or a maximum number of characters that may be entered into while completing the payment form. For instance, if you want to have the address of your clients, you can use this input field. This input field includes 4 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  3. Default Value: Using this option you can display a default value that will display by default when the form will open.
  4. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Number Field

Number Field is another important input field that is used in the payment form to specify any numeric value while completing the payment form. For instance, if you want to have a cell or telephone number of your clients, you can use this input field. This input field includes 6 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Size of the football” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Minimum Value: This option lets you provide a minimum value of the input field. You can a manimal number using the option.
  6. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Select Field

Select Field is another input field that is used in the payment form to add multiple values with its label in a form of the dropdown menu while completing the payment form. For instance, if you want to provide clients multiple option, you can use this input field. This input field includes 6 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Choose one size from the rest” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Field Choices: This option lets you provide an opportunity to have multiple options in a form of the dropdown menu. There is a checkbox that will allow you to provide value and label separately.
  6. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Radio Field

Radio Field is another input field that is used in the payment form to select one from the multiple values with its label in a form of radio button while completing the payment form. Users just can select a single option from multiple options. For instance, if you want to provide clients multiple options, you can use this input field. This input field includes 6 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Select the actual size” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Default Value: Using this option you can display a default value that will display by default when the form will open.
  5. Field Choices: This option lets you provide an opportunity to have multiple options in the input field. There is a checkbox that will allow you to provide value and label separately.
  6. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Checkbox Field

Checkbox Field is an input field that is used in the payment form to add multiple values with multiple selections in a form of checkbox button while completing the payment form. For instance, if you want to provide clients multiple options with multiple selections, you can use this input field. This input field includes 5 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  3. Default Value: Using this option you can display a default value that will display by default when the form will open.
  4. Field Choices: This option lets you provide an opportunity to have multiple options with multiple selection in the input field. There is a checkbox that will allow you to provide value and label separately.
  5. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Date Field

Date Field is an input field that is used in the payment form to add a specific date format into your payment form with its label while completing the payment form. For instance, if you want to provide clients an option so that they can put their birth date, you can use this input field. This input field includes 6 options to configure. They are given below:

  1. Field Label: This option is used to give a label (sub-title) of this input field.
  2. Placeholder: This is used to provide the placeholder name. This option will provide a hint that is the expected value, which gets displayed before the user enters a value, for example, you can use here “Type your age” as a placeholder.
  3. Required: This option allows you to enable and disable the field make as mandatory. The required option specifies that the input field must be filled out before submitting the form.
  4. Date Formate: This option will allow you to add the specific data format into the payment form. There are 8 different predefined date formats available in this option.
  5. Default Value: Using this option you can display a default value that will display by default when the form will open.
  6. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

Hidden Input

This is another input field. This Hidden Field let the developers incorporate data that cannot be seen or modified by users when the payment form is submitted. This input field includes 3 options to configure. They are given below:

  1. Admin Field Label: This option is used to show a different label for your admin users when they view the form submissions you can configure that using this option. This will not effect on the form rather only for administrative purposes.
  2. Input Value: This option defines the specific value that a developer wants to pass.
  3. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

HTML Markup

HTML Markup is one of the powerful tools that enables you to add anything regarded HTML. For instance, you want to add a URL in the payment field, you can do it easily using this option. Here in this input field, you also can show the total payment value using {payment_total} short-code. Here is a practical example of the usage of this input field.

Here is the output of the form:

Here HTML Markup comprises 2 options.

  1. Custom HTML: This option allows you to add the HTML elements to make changes you want.
  2. Field ID: This is an ID of this input field and it will be used when it comes to adding any custom CSS for this specific field.

These are the total input fields of WPPayForm plugin you can have while using the plugin. All the fields here let you to create your payment gateway more easy and smooth.

Was this article helpful to you?

5

How can we help?