Hosted Controls Demo Builder

Adjust the different settings and build a custom demo to match your application's needs. Prebuilt examples can be found in the Auto Populate section. Hover over each example for additional details.

Setup
Payor Info














Additional Options


Language Preference Information

Hosted Payments uses the Language Preference Tag for localization. It will default to "en-US" if not provided or an unsupported culture code is provided. The only supported culture codes are:

  • en-US - English (US)
  • en-CA - English (Canada)
  • fr-CA - French (Canada)

Hosted Payments determines the appropriate localization based on the Language Preference Rule:

  • 0 - Default/Not Provided. Content is localized to en-US
  • 1 - Fallback to Language Preference Tag if no valid Accept-Language is provided. If the Language Preference Tag is also invalid, use en-US
  • 2 - Force use of the Language Preference Tag. If no valid tag is provided, use en-US for localization.
Custom Merchant Authorization Information (Optional)

To test the demo builder with an alternative merchant, enter the authorization details below. Leaving any field blank will default the transaction to the demo merchant.

Auto Populate
Card Examples ACH Examples
Instructions

This page allows you to configure demo pages to match the use case for your application.

Setup

Select the operation and payment source, then select the appropriate authorization method. Card Entry Context for Credit, or ACH Authorization Type for ACH

Payor Information

Next fill in the Payor information panel. If you want to simulate having payor information already provided by your system, go ahead and enter it here. If you leave it blank it will be expected to be entered on the demo page. Use the check boxes to show whether these fields will show on the Demo Host page.

Note: Only the Name on Account and Zip code are required for Hosted Payments, the other fields are optional.

Additional Options

  • Card Number Input Placeholder - Add custom placeholder text to the CardNumber input control
  • Expiration Month Input Placeholder - Add custom placeholder text to the Expiration Month input control
  • Expiration Year Input Placeholder - Add custom placeholder text to the Expiration Year input control
  • CVV Input Placeholder - Add custom placeholder text to the CVV input control
  • Account Number Input Placeholder - Add custom placeholder text to the Account Number (ACH) input control
  • Routing Number Input Placeholder - Add custom placeholder text to the Routing Number (ACH) input control
  • Account Type Input Placeholder - Add custom placeholder text to the Account Type (ACH) input control