Skip to content

special discount image regular

Grab Discount
Paymattic
  • FeaturesExpand
    • All Features
    • Paymattic for Small Business
    • Paymattic for Non Profit
    • Paymattic for e-Learning
    • Paymattic for Membership
  • Pricing
  • Integrations
  • ResourcesExpand
    • Blogs
    • Demo
    • Documentation
    • Support
    • REST API Doc
    • Account Login
Get Paymattic

special discount image regular

Grab Discount
Paymattic

How can we help you?

Popular Search subscriptionstriperecurringuserconditional

Getting Started with Paymattic

  • Paymattic Introduction 
  • How to Install and Activate Paymattic in WordPress

Form Editor

  • Add Multiple Column Containers in Forms
  • Create a Form from Scratch with Paymattic
  • 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 Create WordPress Donation Form with Simple Form Templates?
  • How to Edit, Duplicate, or Delete Paymattic Forms
  • How to Use Conditional Logic in Form Fields with Paymattic?
  • How to Create PDF Feed for Form Submissions?

General Input Fields

  • How to Use the Donation & Product Fields 
  • How to Use the Payment Method Fields
  • How to Use the General Fields

Donation and Product Fields

  • Dynamic Payment Item Field 
  • Add Payment Summary Field in Forms 
  • How to Add Currency Switcher in WordPress Form?
  • 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?
  • Add Donation Progress Item in 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
  • Donation Leaderboard in Paymattic 

Payment Method Fields

  • Configure Authorize.net in WordPress through Paymattic
  • How to Add Flutterwave Payment Gateway in Paymattic?
  • 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
  • How to integrate Moneris Payment Gateway in Paymattic
  • How to Integrate Viva Wallet With Paymattic?

Global Settings

  • How to Add User Dashboard Module in Paymattic?
  • 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 FluentCommunity in WordPress with Paymattic 
  • 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

  • Customize Form-Specific Payment 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?

Email Notification Settings

  • How to Setup Email Notifications in Paymattic WordPress Plugin?

Manage Form Entries

  • Manually Cancel Any Subscription
  • 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
  • How to Enable Stripe Payment Hold in Paymattic 

Reports & Analytics

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

FAQ

  • Add First & Last Name Fields Separately
  • 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 with Paymattic
  • How to Export Form Entry/Entries with Paymattic  

Change Log

  • Change Log
View Categories
  • Home
  • Docs
  • Donation and Product Fields
  • How to Add Payment Item Fields in WordPress with Paymattic?

How to Add Payment Item Fields in WordPress with Paymattic?

In Paymattic, the Payment Item field allows you to showcase single or multiple Items (Products) options in your form, allowing users to select and buy their desired Item/s that exist in the form. This article will guide you on how to embed the Payment Item field to the WordPress Site through Paymattic.

Adding Payment Item Field #

To learn how to add the Payment Item to the Paymattic Form on your WordPress site, follow the steps with the screenshots below –  

First, go to the All Forms section from the Pymattic Navbar, choose a Form, and click the Pencil/Edit icon to open the Editor page of that form.

If you do not have any existing forms, read this Create a Form from Scratch or Create a Form using Templates documentation to create one.

For example, I choose an existing form to show the whole process.

Once you open the Editor page, add the Payment Item field by typing the “ / ” or clicking the Plus Icon placed at the bottom.

We always suggest you keep the Name and Email field at the beginning of any Form.

For example, I choose the Pluc Icon option to select the Payment Item field under the Donation & Product Fields section from the Choose Form Field page.

Also, don’t forget to add a Payment Method field for collecting payments. To learn how to add a payment method field, click here.

Editing/Customizing the Field #

You can see the Payment Item field is added to the form.

You can edit their field name and settings. To learn more about form editing, read this Documentation.

Specifically, to edit the Payment Item field according to your needs, click the Settings Icon from the right-side corner. 

Now, a pop-up page will appear with various settings options for customizing the field. 

General Settings  #

Under this tab, you will find all the General settings for customizing the field according to your needs.

All the Settings under the General tab mentioned above are briefly explained below – 

A. Required #

Enable this option to make this field mandatory for users to fill in for a successful submission.

B. Enable Image #

Enable this option if you want to show image/s in your form. You can simply add image/s by clicking the Plus Icon tab option under Upload Image.

C. Horizontal Items #

Enable this option if you want to showcase your Product/s Horizontally in one line. Otherwise, your Products will be shown vertically one after one.

D. Payment Selection Option #

Here, you will get three different options to add item/s and collect payments through the added item/s. These are:

  1. Single Item
  2. Choose one from Multiple Item
  3. Choose Multiple Items
1. Single Item #

Select this payment option if you want to offer one Item/Product to your user for collecting payments.

  • One Time Payment Amount: You can set the amount of one-time payment according to your needs. 
  • Show Item Title and Price: If you want to add an item title & price, you can enable this option.

Once you are done, click the Update button to save all your settings and changes.

2. Choose One from Multiple Item #

Select this payment option if you want to offer multiple items to your users for choosing one item when making a payment. 

  • Pricing Details: Here, you can create a list of items with fixed prices and add product images using the Plus Icon. You can also rearrange the product rows with the Drag-and-drop feature. To add more items, click the +Add More button and to delete any item, click the Trash icon.
  • Display Type: With this option, you can set whether you want to set the item selection type as a Radio button or Select (dropdown list).
  • Paymattic Template: With this option, you can choose the template for showcasing your product in your form.

Once you are done, click the Update button to save all your settings and changes.

3. Choose Multiple Items #

Select this payment option if you want to offer multiple items to your users.

  • Pricing Details: Here, you can create a list of items with fixed prices and add product images using the Plus Icon. You can also rearrange the product rows with the Drag-and-drop feature. To add more items, click the +Add More button and to delete any item, click the Trash icon.
  • Paymattic Template: With this option, you can choose the template for showcasing your product in your form.

Once you are done, click the Update button to save all your settings and changes.

Advanced Settings #

Once you complete the General settings, go to the Advanced tab, and you will find some advanced settings for your Payment Item field. These are:

  • 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 learn more about conditional renderings, click here.
  • Admin Label: This label is used for the admin wants to see the field’s label from the back end.
  • Field Wrapper CSS Class: This is used for adding a Custom CSS/JS for an entire field of a specific form using the Field Wrapper CSS Class element. To learn more, click here.
  • Field ID: This option is used for adding or tracking form fields. Plus, creating the custom CSS/JS for a specific form field.

Once you finish, click the Update button to save all your configuration. 

Embedding Form into Frontend #

Here, you can see the Payment Item field and other necessary fields are added to the form.

To embed and display the form on a specific Page/Post, copy this Shortcode and paste it into your desired Page/Post.

Once you complete the edit, press the Save button to save all the changes you made. And, to see the Preview of the form, click the Eye icon.

Preview of Payment Item field #

Here is the preview of the Payment Item fields in a Form.

This way you can easily add the Payment Item field in Paymattic Forms!
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our @support team. Thank you. 

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

How can we help?

Updated on October 16, 2024
How to Add Subscription Payment Item Fields in Paymattic?

Powered by BetterDocs

Table of Contents
  • Adding Payment Item Field
  • Editing/Customizing the Field
    • General Settings 
      • A. Required
      • B. Enable Image
      • C. Horizontal Items
      • D. Payment Selection Option
        • 1. Single Item
        • 2. Choose One from Multiple Item
        • 3. Choose Multiple Items
    • Advanced Settings
  • Embedding Form into Frontend
  • Preview of Payment Item field
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.

Report a Security Issue

Payment Methods

  • Stripe
  • Paypal
  • Mollie
  • Razorpay
  • Billplz
  • Flutterwave
  • Viva Wallet
  • Paystack
  • Square
  • Payrexx
  • SSLCOMMERZ
  • Xendit
  • Moneris
  • Authorize.net

Get Help

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

Integrations

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

Subscribe to our email

Footer Newsletter
We will never spam you. We will only send you product updates and tips.

Copyright©2025 Paymattic

Affiliate Terms & Privacy

Facebook Twitter YouTube Linkedin WordPress

Let’s Begin Your Payments Journey
At Zero Cost!

Build smart form and start collecting money worldwide with the best WordPress payment and donation plugin!
Plugin Download Form
Scroll to top
  • Features
    • All Features
    • Paymattic for Small Business
    • Paymattic for Non Profit
    • Paymattic for e-Learning
    • Paymattic for Membership
  • Pricing
  • Integrations
  • Resources
    • Blogs
    • Demo
    • Documentation
    • Support
    • REST API Doc
    • Account Login