Skip to content

Spring Special Sale!

Up To 50% OFF!
Paymattic
  • FeaturesExpand
    • Paymattic for Small Business
    • Paymattic for Non Profit
    • Paymattic for e-Learning
    • Paymattic for Membership
    • All Features
  • Pricing
  • Integrations
  • ResourcesExpand
    • Blogs
    • Demo
    • Documentation
    • Support
    • REST API Doc
Get Paymattic

Spring Special Sale!

Up To 50% OFF!
Paymattic
Popular Search stripesubscriptionrecurringconditionalcoupon

Getting Started with Paymattic

  • Paymattic Introduction 
  • How to Install and Activate Paymattic in WordPress
  • How to Activate the Paymattic Pro Version License? 

Form Editor

  • How to Create a Step Form with Paymattic
  • How to Create Your First Payment Form in a Minute and Accept Payments with Paymattic?
  • How to Use Advanced Editor in Paymattic?
  • How to Create WordPress Donation Form with Simple Form Templates?
  • How to Edit Form Fields in WordPress with Paymattic?
  • How to Delete Form Fields in WordPress with Paymattic?
  • How to Duplicate Forms in WordPress with Paymattic?
  • How to Use Conditional Logic in Form Fields with Paymattic?

General Input Fields

  • How to Use General Form Input Fields in WordPress with Paymattic

Donation and Product Fields

  • How to Add Shopping Cart in WordPress with Paymattic?
  • How to Add Payment Item Fields in WordPress with Paymattic?
  • How to Add Subscription Payment Item Fields in Paymattic?
  • How to Add Tabular Product Item Fields in WordPress with Paymattic?
  • How to Add Donation Progress Item in WordPress with Paymattic?
  • How to Add Item Quantity Field in WordPress with Paymattic? 
  • How to Add Custom Payment Amount Field in WordPress with Paymattic?
  • How to Add Tax Calculated Amount Field in WordPress with Paymattic?
  • How to Add Coupon Field in WordPress with Paymattic

Payment Method Fields

  • How to Integrate Xendit Payment Gateway in WordPress with Paymattic?
  • How to Integrate Square with Paymattic in WordPress?
  • How to Configure Billplz in WordPress with Paymattic?
  • How to Configure Stripe Payment Gateway in WordPress with Paymattic?
  • How to Configure PayPal in WordPress with Paymattic?
  • How to Set PayPal IPN in WordPress with Paymattic?
  • How to Integrate Mollie in WordPress with Paymattic?
  • How to Integrate Razorpay with Paymattic in WordPress
  • How to Integrate Paystack in WordPress with Paymattic?
  • How to Integrate Payrexx in WordPress with Paymattic
  • How to Integrate SSLCOMMERZ with Paymattic in WordPress?
  • How to Collect Offline Payment in WordPress with Paymattic

Global Settings

  • How to Configure Cloudflare Turnstile Security with Paymattic?
  • How to Configure reCAPTCHA in WordPress with Paymattic
  • How to Change Currency Settings in WordPress with Paymattic
  • How to Manage User Roles in WordPress with Paymattic?

Integrations

  • How to Integrate Google Sheets in WordPress with Paymattic?
  • How to Integrate Fluent Support with Paymattic in WordPress?
  • How to Integrate Webhook in WordPress with Paymattic?
  • How to Integrate Zapier with Paymattic in WordPress?
  • How to Integrate Slack in WordPress with Paymattic?
  • How to Integrate Telegram with Paymattic in WordPress?
  • How to Integrate Twilio with Paymattic in WordPress?
  • How to Integrate ActiveCampaign in WordPress with Paymattic?
  • How to Integrate Mailchimp in WordPress with Paymattic?
  • How to Integrate FluentCRM in WordPress with Paymattic
  • How to Create a User Registration Form with Paymattic in WordPress?

Learning Management System (LMS) Integrations

  • How to Integrate LifterLMS in WordPress with Paymattic?
  • How to Integrate LearnDash in WordPress with Paymattic?
  • How to Integrate Tutor LMS in WordPress with Paymattic?

Form Settings

  • How to Create Custom CSS/JS in WordPress with Paymattic? 
  • How to Set Form Scheduling and Restriction Settings in WordPress?
  • How to Customize Form Design Settings in WordPress with Paymattic?
  • How to Configure Confirmation Settings in WordPress?

Manage Form Entries

  • How to Manage Subscriptions in WordPress with Paymattic
  • How to Disable IP Address Logging in WordPress with Paymattic?
  • How to View Single Submission Data and Manage Payments in Paymattic
  • How to View and Manage All Form Entries in WordPress with Paymattic

Email Notification Settings

  • How to Setup Email Notifications in Paymattic WordPress Plugin?

Reports & Analytics

  • How to View the Reports and Payment Analytics in WordPress?

FAQ

  • Date Formats Customization
  • How to Fix Not Sending Email Confirmations Issue in WordPress?

Customer Profile

  • How to View Customer Profile in WordPress with Paymattic?

Import - Export

  • How to Import- Export Forms in WordPress with Paymattic?
  • How to Export Form Entries in CSV, Excel, ODS and JSON format in WordPress?

Change Log

  • Change Log
  • Home
  • Docs
  • General Input Fields
  • How to Use General Form Input Fields in WordPress with Paymattic

How to Use General Form Input Fields in WordPress with Paymattic

Table of Contents
  • Common configuration options
    • General options
    • Advanced options
  • Name
  • Email
  • File Upload
  • Phone Number
  • Single Line Text
  • Textarea Field
  • Number Field
  • Dropdown Field
  • Radio Field
  • Checkbox Field
  • Date Field
  • Hidden Input
  • HTML Markup
  • Password
  • Address
  • Consent/ T&C
  • Mask Input

Paymattic provides 17 general form input fields to design standard payment forms for your website. All of the input fields can be found in the General Fields section of the form editor.

Upgrade to the pro version of Paymattic to avail File Upload field, Address field, and Mask Input Field

General Fields
General Fields

Common configuration options #

All the input fields have some common configuration options. Take a look at those configuration options for a better understanding of each field.

General options #

  • Required: This option lets you enable and disable the field’s required status. The required option indicates that the input field must be filled up before the form can be submitted.

  • Disable Field: If you want to hide the field, you can enable the Disable Field button.

Default Value
Default Value

  • Default Value: With the default value option, you can specify a value that will be displayed by default when the form is opened.

Advanced options #

  • 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.

  • Admin Label: The Admin Label option defines a label for the admin for this field.

  • Field Wrapper CSS Class: This field helps you to define a Field Wrapper CSS Class.

  • Input Element CSS Class: You can use the option to define Input Element CSS Class for the input field.

  • 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.

Advanced Options
Advanced Options

Let’s learn about each type of general form input field in detail-

Name #

The Name input field in the payment form is used to collect the customers’ name when they fill up the payment form. The Name input field has five configuration options. These are – Label, Placeholder, Required, Default Value and Field ID. We have already discussed the options above.

Email #

This email input field is used to take customer email addresses as input. It will show an error message to the user if they input any value other than a valid email address. You can enable the Confirm Email Field to make sure your users put the right email address.

File Upload #

It is a premium feature of the Paymattic plugin. If you want your users to upload single or several files when completing the form, you can utilize the File Upload input field. There are five options:

  • Upload Button Text: This is the text that will appear on the button.

  • Required: This option lets you enable and disable the field’s required status. The required option indicates that the input field must be filled up before the form can be submitted.

  • Max File Size: It specifies the maximum file size that can be uploaded. This is a vital option if you do not want to use much of your hosting storage. 

  • Max Upload Files: This option allows you to set the limit on the number of files that can be uploaded.

  • Allowed File Types: It’s a crucial choice for keeping a potential attacker away. Here you can specify the types of files that the user can upload. 

File Upload General Settings
File Upload General Settings

Phone Number #

You can use the Phone Number field to take the user’s phone number as input. Here, you can provide a default country list as a dropdown.

  • Required: This option lets you enable and disable the field’s required status. The required option indicates that the input field must be filled up before the form can be submitted.

  • Default Country: From the dropdown, you can choose any country as default according to your needs.

Phone Number General Settings
Phone Number General Settings
  • Show Status: In show status, there are 4 available statuses such as All, Hide these, Show all these & Prioritybased where you can show your Country List by choosing any status option.

Single Line Text #

Use the Single Line Text field if you want your users to write a few words to specify any issue in the form.

Textarea Field #

The Textarea field allows you to accept text input in the form of a paragraph.  You can specify the height of the input field in the configuration section.

  • Required: This option lets you enable and disable the field’s required status. The required option indicates that the input field must be filled up before the form can be submitted.

  • Default Value: With the default value option, you can specify a value that will be displayed by default when the form is opened.

Textarea Field
Textarea Field

  • Minimum Height: You can adjust the text area field’s height to suit your demands; in this case, the number field will be measured in pixels (px).

Number Field #

The Number Field is another frequently used input field in the payment form, which is utilized to take any numeric value while completing the payment form. For example, if you wish to have your clients’ phone numbers, you can apply this input field. You can set a minimum value for this input field.

Dropdown Field #

This field lets you add multiple values to the form as a dropdown list. For example, if you want to provide multiple alternatives to clients, you can utilize this input field.

Radio Field #

The Radio Field allows you to add multiple values as a radio button in the form. This field lets users choose an option from a given set of multiple options. Users can not select more than one option at a time in the radio field.

Checkbox Field #

The Checkbox field is an input field that is used in the payment form to add a list of values using the checkbox button. Unlike the radio field, this field allows users to select more than one option at once. So, you can use this field where you need to take multiple selection data in the form.

Date Field #

Use the Date Field to take a date as input such as date of birth, or joining date. This field opens up in calendar format when the user clicks on the date field. You can specify various date formats to take as input from users.

Hidden Input #

This is an invisible input field that is not shown in the form while submitting the data. You can use this field to collect system data such as the date and time of form submission, the username, the display name, the site title, and the site URL.

There are two configuration options available for this field.

  • Admin Field Label: This field label will only be visible to the site admin. The admin can view this field in the form entries section from the dashboard.

  • Input Value: This option defines the dynamic value that you want to collect while the user submits the form.

HTML Markup #

HTML markup is a strong tool for your payment form. Using this field, you can add elements containing HTML code. For example, if you want to display an image in your form, you can use HTML Markup to do so. Besides, you can add certain dynamic values to your form using shortcodes such as {payment_total}, {sub_total},{tax_total}.

HTML Markup
HTML Markup

Password #

The Password field lets you add a password field in the form. It takes data in a password format while filling up the form. 

Address #

It is a very vital field to take a user’s address or location data as input. You can collect Street addresses, City, State, Zip Code, and Country in different sub-sections. 

Address Field
Address Field

Consent/ T&C #

This option allows you to include Terms and Conditions in your form. You can enter your Terms Text and Terms Description here. You can also select whether the field should be required or optional.

Mask Input #

Mask Input allows website administrators to specify a format for users to use when filling out a form. For example, a phone number input field may allow 11 digits or 10 digits for a specific country to pass through, but it may not allow passing inputs in any other format.

These are all the general form input fields that you can use while using the Paymattic plugin. All of the fields here help you design a payment form easier and faster. 

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on October 26, 2022

Powered by BetterDocs

Table of Contents
  • Common configuration options
    • General options
    • Advanced options
  • Name
  • Email
  • File Upload
  • Phone Number
  • Single Line Text
  • Textarea Field
  • Number Field
  • Dropdown Field
  • Radio Field
  • Checkbox Field
  • Date Field
  • Hidden Input
  • HTML Markup
  • Password
  • Address
  • Consent/ T&C
  • Mask Input
paymattic

Paymattic (formerly known as WPPayForm) is the perfect lightweight WordPress payments and donation plugin fit for your small business, online fundraiser, e-Learning or membership program.

Payment Methods

  • Stripe
  • Paypal
  • Mollie
  • Razorpay
  • Billplz
  • Paystack
  • Square
  • Payrexx
  • SSLCOMMERZ
  • Xendit

Get Help

  • Docs
  • API Docs
  • Blogs
  • Support
  • Brand Assets

Integrations

  • FluentCRM
  • Zapier
  • Mailchimp
  • Slack
  • Telegram
  • LifterLMS
  • Tutor LMS
  • LearnDash
  • Twilio
  • Google Sheets

Subscribe to our email

Footer Newsletter
We will never spam you. We will only send you product updates and tips.
PM-Spring-Sale-Popup-Banner
×

Copyright©2023 Paymattic

Affiliate Terms & Privacy

Facebook Twitter YouTube Linkedin WordPress
  • Features
    • Paymattic for Small Business
    • Paymattic for Non Profit
    • Paymattic for e-Learning
    • Paymattic for Membership
    • All Features
  • Pricing
  • Integrations
  • Resources
    • Blogs
    • Demo
    • Documentation
    • Support
    • REST API Doc