You can customize your payment form by removing fields or entire sections using the Advanced Editor. This allows you to simplify the checkout experience and display only the information your business requires.
Before You Begin
Before removing any fields, please note:
- Some fields are required for transaction processing.
- Removing required fields (such as Zip Code when AVS is enabled) may cause transactions to decline.
- Hidden security fields should never be removed.
- Always test your form after making changes.
Understanding Your Form Layout
Your form is divided into clearly labeled sections, including:
- Order Summary
- Credit Card Information
- Pay By Check
- Billing Information
- Shipping Information
Each section contains individual fields (such as Name, Address, Card Number, etc.).
You may remove:
- A single field within a section
- An entire section if it is not needed
How to Remove a Single Field
- Log in to Console 2
- Navigate to Settings → Payment Forms
- Open your form
Locate the field you wish to remove. Fields are grouped inside blocks that look like this:
<div class="form-group">
...
</div>
To remove the field:
Delete the entire <div class="form-group"> ... </div> block. Click Save.
Example: To remove “Company Name” from Billing Information, delete the div block containing UMbillcompany and the span displaying the Company Name on the page:
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Company Name</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMbillcompany" name="UMbillcompany" class="form-control" maxlength="" type="text" placeholder="Company Name" value="[UMbillcompany]">
</div>
</div>
How to Remove an Entire Section
Sections are grouped in containers that look like this:
<div id="sectionXX" class="container-fluid section">
...
</div>
To remove a section:
- Locate the section you want to remove
- Delete everything from the opening <div id="sectionXX"...> to its matching closing </div>
- Save your changes
- Test the form
Example: To remove the Shipping Information section remove everything in the div section with the ID 79 found below
<div id="section79" class="container-fluid section ">
<div class="form-group row pf-section-header bg-primary">
<label class="h4 col-xs-12 col-form-label">Shipping Information</label>
<div class="section-description">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Company Name</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipcompany" name="UMshipcompany" class="form-control" maxlength="" type="text" placeholder="Company Name" value="[UMshipcompany]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">First Name</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipfname" name="UMshipfname" class="form-control" maxlength="" type="text" placeholder="First Name" value="[UMshipfname]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Last Name</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshiplname" name="UMshiplname" class="form-control" maxlength="" type="text" placeholder="Last Name" value="[UMshiplname]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Address</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipstreet" name="UMshipstreet" class="form-control" maxlength="" type="text" placeholder="Address" value="[UMshipstreet]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Address 2</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipstreet2" name="UMshipstreet2" class="form-control" maxlength="" type="text" placeholder="Address 2" value="[UMshipstreet2]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">City</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipcity" name="UMshipcity" class="form-control" maxlength="" type="text" placeholder="City" value="[UMshipcity]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">State</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipstate" name="UMshipstate" class="form-control" maxlength="" type="text" placeholder="State" value="[UMshipstate]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Zip</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipzip" name="UMshipzip" class="form-control" maxlength="" type="text" placeholder="Zip" value="[UMshipzip]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Country</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipcountry" name="UMshipcountry" class="form-control" maxlength="" type="text" placeholder="Country" value="[UMshipcountry]">
</div>
</div>
<div class="form-group">
<span class="col-form-label col-sm-4 col-xs-12 ">Phone Number</span>
<div class="col-md-8 col-xs-12 ">
<input id="UMshipphone" name="UMshipphone" class="form-control" maxlength="" type="text" placeholder="Phone Number" value="[UMshipphone]">
</div>
</div>
</div>
Common Sections You May Remove
| Section | When You Might Remove It |
|---|---|
| Shipping Information | If you do not ship physical goods |
| Pay By Check | If you only accept credit cards |
| Order Summary | If you do not display invoice details |
Important: Do Not Remove These Fields
The following hidden fields are required for secure processing and should not be deleted unless they are being passed in a different location:
- UMkey
- UMhash
- UMcommand
- UMamount (hidden version)
- UMrequestkey
Removing these may prevent transactions from processing using the form.
Additional Resources
For comprehensive documentation, sample code, and detailed guides, please visit the USAePay Help Page for Payment Forms. This resource provides in-depth information to help understand the functionality of the payment forms and more advanced adjustments using javascript.
Need Help?
If you encounter any issues or have questions while adjusting the payment form, our friendly support team is here to help. Contact us through your Merchant Console or visit our support page for assistance.