Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Integration Guide
Overview
Integrate via our BridgeComm web services API to our Payment Gateway to securely collect card information and execute transactions in a PCI compliant manner.
The base integration solutions for TokenPay.js include:
BridgeComm – a web services API for payment processing. The use of BridgeComm (without TokenPay.js) for payment capture places 100% of PCI Compliance responsibility on the Customer’s integration.
TokenPay.js – is an extension of BridgeComm that combines client-side and server-side technologies for PCI-compliant online payment capture.
TokenPay.js maximizes the user experience by allowing for the capture of sensitive card data within the payment form on the merchant’s website. The consumer remains on the merchant’s payment page at all times. The payment ‘token’ is only valid for use within 15 minutes of being generated or until used for the BridgeComm transaction.
TokenPay.js is an integration interface for the Payment Gateway that primarily facilitates online card payments in a manner that ensures that no sensitive card data ever needs to reach your servers so your integration can operate in a PCI compliant way.
To ensure that merchants are eligible for the simplest PCI validation method, Self-Assessment Questionnaire (SAQ A)*, TokenPay.js utilizes:
Isolation – Payment Gateway hosts the card sensitive data input fields. The fields are injected into your form as an HTML iframe thus isolating your page and your server from card sensitive data.
Tokenization – in order to execute transactions against the user’s card, TokenPay.js tokenizes the card sensitive data. The card token is generated via the use of the TokenPay.js JavaScript library and your payment form.
Segregation - Requests for charges against the user's card are made server-to-server not in the browser where it is publicly visible. The tokenized card data is submitted to your server where a secure server-to-server request is made to execute the transaction.
Public/Private Keys – The injection of the TokenPay.js hosted input fields and card tokenization is authenticated via a public key assigned to the merchant. API requests to execute charges against the tokenized card information are made by the backend server and are authenticated with a private key assigned to the merchant.
If you are processing more than six million transactions per year, you are not eligible to use a SAQ to prove PCI compliance. Payment brands require you to complete a Report on Compliance (RoC) to validate your PCI compliance annually.
Public and Private Keys
When a Payment Gateway Merchant on BridgeComm wants to utilize TokenPay.js for online transactions, a public/private key pair is assigned to the merchant for use with TokenPay.js. The public/private key is tied to a merchant account and merchant account code combination.
The public key is utilized by the TokenPay.js JavaScript library on your payment web page and is publicly visible, but this key only allows for the injection of the Payment Gateway hosted input fields. This key cannot be used to execute transactions against the user’s card.
The private key MUST be secured and never shared. The combination of the TokenPay.js generated card payment token and private key allows for charges to be made against the associated user’s card.
Private Key Usage - Card Token Request 001
The BridgeComm solution provides a rich set of web service endpoints for a wide variety of payment services. The Card Token (Request 001) interface allows for the use of the Private Key and card payment token for returning a credit card token and expiration date. The Private Key and card payment token may only be used with the Authorization/Sale (Request 004) and card tokenization (Request 001) endpoints.
Request Message format:
The following XML message is to be posted to the RequestHandler.postRequest method:Response message format returned outside of the XML response message (sample):
<GetToken>
<TransactionId>77777</TransactionId>
<RequestType>001</RequestType>
<ResponseCode>00000</ResponseCode>
<ResponseDescription>Successful Request</ResponseDescription>
<responseMessage>
<Token>1000000010261111</Token>
<ExpirationDate>1222</ExpirationDate>
<CardBIN>414720</CardBIN>
<OrganizationId>2572</OrganizationId>
</responseMessage>
</GetToken>
Code Block | ||
---|---|---|
| ||
<?xml version= "1.0" encoding= "utf-8"?>
<requestHeader>
<ClientIdentifier>SOAP</ClientIdentifier>
<TransactionId>77777</TransactionId>
<PrivateKey>yourPrivateKey</PrivateKey>
<AuthenticationTokenId>TokenPay payment token</AuthenticationTokenId>
<RequestType>001</RequestType>
<requestMessage>
</requestMessage>
</requestHeader> |
Response message format returned outside of the XML response message (sample):
Code Block | ||
---|---|---|
| ||
<GetToken>
<TransactionId>77777</TransactionId>
<RequestType>001</RequestType>
<ResponseCode>00000</ResponseCode>
<ResponseDescription>Successful Request</ResponseDescription>
<responseMessage>
<Token>1000000010261111</Token>
<ExpirationDate>1222</ExpirationDate>
<CardBIN>414720</CardBIN>
<OrganizationId>2572</OrganizationId>
</responseMessage>
</GetToken> |
Request/Response Structure
Requests are formatted and sent to the appropriate handler/processor, and the payment gateway sends a corresponding response in real-time. The payment gateway returns responses to the requesting system as a web service response message. The response includes the unique transaction identifier (reference number), request type (sale, auth, etc.), response code, and includes a tokenized representation of the credit card number and associated expiration date.
Overall Process
The general process cycle for a submitted service request is as follows:
Web Service request received by the payment gateway.
Superficial evaluation of request performed to determine general “proper format” and to retrieve and verify client access credentials.
Private key and tokenpay payment token is used to assign proper access rolls, contain credit card information and credential information.
Request message is evaluated based on request format details.
Request is processed.
Results of request are formatted based on the response message format details.
Response message is returned to the requesting system.
Private Key Usage - Authorization/Sale Request 004
The BridgeComm solution provides a rich set of web service endpoints for a wide variety of payment services. The Authorization/Sale (Request 004) interface allows for the use of the Private Key and card payment token for capturing a card transaction. The Card Token and Expiration Date are required to perform subsequent Sale transactions. The Private Key and card payment token may only be used with the Authorization/Sale (Request 004), Multi-Use Card Token (Request 001), and Account Verification and Balance Inquiry (Request 015).
Pass-Through Fields
In addition, the service request system supports the submission of extraneous, non-payment data elements that are submitted specifically as “pass through” information to be used for reporting and accounting purposes. These elements may include items like: invoice number, operator ID, service code, or any other reporting data that an interfacing system might need.
Sample custom field format:
Code Block | |
---|---|
| |
| |
<CustomField1 passBack="True">1366</CustomField1> |
Request Message format:
The following XML message is to be posted to the RequestHandler.postRequest method:
<requestHeader>
Code Block | ||
---|---|---|
| ||
<requestHeader> <ClientIdentifier>SOAP</ClientIdentifier> |
<TransactionId>635693706433821501<
<TransactionId>635693706433821501</TransactionId> |
<RequestDateTime>20200417120822<
<RequestDateTime>20200417120822</RequestDateTime> |
<PrivateKey>yourPrivateKey<
<PrivateKey>yourPrivateKey</PrivateKey> |
<AuthenticationTokenId>TokenPay payment token</AuthenticationTokenId> |
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>4500</Amount>
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<SoftwareVendor>{company name software name software version}</SoftwareVendor>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader>
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>4500</Amount>
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<SoftwareVendor>{company name software name software version}</SoftwareVendor>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader> |
Response message format returned outside of the XML response message (sample):
Code Block | ||
---|---|---|
|
<Sale> |
<TransactionId>635693706433821501<
<TransactionId>635693706433821501</TransactionId> |
<RequestType>004<
<RequestType>004</RequestType> |
<ResponseCode>00000<
<ResponseCode>00000</ResponseCode> |
<ResponseDescription>Successful Request</ResponseDescription> |
<responseMessage>
<Token>1000000074700016</Token>
<ExpirationDate>1022</ExpirationDate>
<OrganizationId>3538</OrganizationId>
<AuthorizationCode>735333</AuthorizationCode>
<AuthorizedAmount>4500</AuthorizedAmount>
<GatewayTransID>236079704</GatewayTransID>
</responseMessage>
</Sale>
<responseMessage>
<Token>1000000074700016</Token>
<ExpirationDate>1022</ExpirationDate>
<OrganizationId>3538</OrganizationId>
<AuthorizationCode>735333</AuthorizationCode>
<AuthorizedAmount>4500</AuthorizedAmount>
<GatewayTransID>236079704</GatewayTransID>
</responseMessage>
</Sale> |
Private Key Usage - Authorization/Sale Request 004 with Service Fees
A service fee transaction can be added to a TokenPay transaction by inserting the service fee fields highlighted below. See the SOAP BridgeComm API for more details. More details on Service fees.
Request Message format:
The following XML message is to be posted to the RequestHandler.postRequest method:
Code Block | ||
---|---|---|
| ||
<requestHeader> |
<ClientIdentifier>SOAP</ClientIdentifier> |
<TransactionId>635693706433821501<
<TransactionId>635693706433821501</TransactionId> |
<RequestDateTime>20200417120822<
<RequestDateTime>20200417120822</RequestDateTime> |
<PrivateKey>yourPrivateKey<
<PrivateKey>yourPrivateKey</PrivateKey> |
<AuthenticationTokenId>TokenPay payment token</AuthenticationTokenId> |
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>4500</Amount>
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<SoftwareVendor>{company name software name software version}</SoftwareVendor>
<CurrencyCode>USD</CurrencyCode>
<ServiceFee><ServiceFeeID>1234</ServiceFeeID>
<MerchantCode>
575000
</MerchantCode><MerchantAccountCode>
575004
</MerchantAccountCode><Amount>
500
</Amount><ServiceUser>yourUsername</ServiceUser>
<ServicePassword>yourPassword</ServicePassword>
</ServiceFee>
</requestMessage>
</requestHeader>
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>4500</Amount>
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<SoftwareVendor>{company name software name software version}</SoftwareVendor>
<CurrencyCode>USD</CurrencyCode>
<ServiceFee>
<ServiceFeeID>1234</ServiceFeeID>
<MerchantCode>575000</MerchantCode>
<MerchantAccountCode>575004</MerchantAccountCode>
<Amount>500</Amount>
<ServiceUser>yourUsername</ServiceUser>
<ServicePassword>yourPassword</ServicePassword>
</ServiceFee>
</requestMessage>
</requestHeader> |
Response message format returned outside of the XML response message (sample):<Sale>
<TransactionId>635693706433821501</TransactionId>
<RequestType>004</RequestType>
<ResponseCode>00000</ResponseCode>
<ResponseDescription>Successful Request</ResponseDescription>
<responseMessage>
<Token>1000000074700016</Token>
<ExpirationDate>1022</ExpirationDate>
<OrganizationId>3538</OrganizationId>
<AuthorizationCode>735333</AuthorizationCode>
<AuthorizedAmount>4500</AuthorizedAmount>
<GatewayTransID>236079704</GatewayTransID>
<ServiceFeeResult>
<ServiceFeeID>1234</ServiceFeeID>
<AuthorizationCode>1234</AuthorizationCode>
<AuthorizedAmount>500
</AuthorizedAmount>
<OriginalAmount>500
</OriginalAmount>
<GatewayTransID>235662404
</GatewayTransID>
<GatewayMessage>A01 - Approved
</GatewayMessage>
<InternalMessage>253586 (approval code)
</InternalMessage>
<GatewayResult>00000
</GatewayResult>
</ServiceFeeResult> </responseMessage>
Code Block | ||
---|---|---|
| ||
<Sale> <TransactionId>635693706433821501</TransactionId> <RequestType>004</RequestType> <ResponseCode>00000</ResponseCode> <ResponseDescription>Successful Request</ResponseDescription> <responseMessage> <Token>1000000074700016</Token> <ExpirationDate>1022</ExpirationDate> <OrganizationId>3538</OrganizationId> <AuthorizationCode>735333</AuthorizationCode> <AuthorizedAmount>4500</AuthorizedAmount> <GatewayTransID>236079704</GatewayTransID> <ServiceFeeResult> <ServiceFeeID>1234</ServiceFeeID> <AuthorizationCode>1234</AuthorizationCode> <AuthorizedAmount>500</AuthorizedAmount> <OriginalAmount>500</OriginalAmount> <GatewayTransID>235662404</GatewayTransID> <GatewayMessage>A01 - Approved</GatewayMessage> <InternalMessage>253586 (approval code)</InternalMessage> <GatewayResult>00000</GatewayResult> </ServiceFeeResult> </responseMessage> </Sale> |
Account Verification and Balance Inquiry 015
Use the Account Inquiry request to obtain information from BridgeComm for a given credit card to return valid card, correct CVV and/or correct zip code. This function returns information just as the sale process except it does not charge the card.
NOTE: Balance Inquiry is only included for gift cards and EBT. For samples see SOAP BridgeComm Direct Post API Guide.
Request Message:
Code Block | |
---|---|
|
<ClientIdentifier>SOAP</ClientIdentifier>
<TransactionID>238ab22d
| |
<requestHeader> <ClientIdentifier>SOAP</ClientIdentifier> <TransactionID>238ab22d-0434-4014-b694-c2c2d8f39594</TransactionID> |
<RequestType>015</RequestType> |
<RequestDateTime>20200717020055<
<RequestDateTime>20200717020055</RequestDateTime> |
<PrivateKey>3pVB4PeN3XBdABCD<
<PrivateKey>3pVB4PeN3XBdABCD</PrivateKey> |
<AuthenticationTokenId>97ed21f5-3f4a-406e-96f2-d419c7e3b5e4</AuthenticationTokenId> |
<requestMessage>
<requestMessage> <TransactionType>account-verification</TransactionType> |
<AcctType>R</AcctType>
<HolderType>P</HolderType>
<TransIndustryType>EC</TransIndustryType>
</requestMessage>
<AcctType>R</AcctType> <HolderType>P</HolderType> <TransIndustryType>EC</TransIndustryType> </requestMessage> </requestHeader> |
Response Message:<AccountInquiry>
Code Block | ||
---|---|---|
| ||
<AccountInquiry> <TransactionID>238ab22d-0434-4014-b694-c2c2d8f39594</TransactionID> |
<RequestType>015</RequestType> |
<ResponseCode>00000</ResponseCode> |
<ResponseDescription>Successful Request</ResponseDescription> |
<responseMessage>
<ReferenceNumber>39540104</ReferenceNumber>
<GatewayResult>00000</GatewayResult>
<GatewayMessage>A01 - Approved (ZIP
<responseMessage> <ReferenceNumber>39540104</ReferenceNumber> <GatewayResult>00000</GatewayResult> <GatewayMessage>A01 - Approved (ZIP MATCH)</GatewayMessage> |
<TransactionType>AccountVerification</TransactionType> |
<ResponseType>Good</ResponseType> |
<Token>11110000000378726909</Token> |
<ExpirationDate>1220</ExpirationDate> |
<TransactionDate>20200717</TransactionDate> |
<Balance/> |
<AuthorizationCode>DSC802</AuthorizationCode> |
<AVSResult>46</AVSResult> |
<AVSMessage>Street address
<AVSMessage>Street address doesn't match, 5-digit ZIP matches</AVSMessage> |
<CVResult>M</CVResult> |
<CVMessage>Matches</CVMessage> |
<ProviderAVSCode>Z</ProviderAVSCode> |
<ProviderCVCode>M</ProviderCVCode> |
<ProviderReferenceNumber>019918507886</ProviderReferenceNumber> |
<OrganizationId>7760</OrganizationId> |
</responseMessage> |
</AccountInquiry> |
BridgeComm Find Transaction 023
There may be occasions when a transaction lookup is needed for research purposes or to confirm that a transaction completed. The Find Transaction (Request 023) method will allow you to retrieve the transaction details.
| Data Element | Data Type | Length | Description |
---|---|---|---|---|
O | MerchantCode | integer |
| Provided by the gateway at the time of boarding. The element is necessary unless the client is using a different merchant lookup solution. Used to narrow the search query down to a given merchant account code. |
O | MerchantAccountCode | integer |
| Provided by the gateway at the time of boarding. The element is necessary unless the client is using a different merchant lookup solution. Used to narrow the search query down to a given merchant account code. |
O | TransactionCode | string |
| Used to search on the user-provided transaction code of the transaction. |
O | GatewayTransID | long integer |
| Identifies the Gateway ID number of the request. |
O | InvoiceNum | string | 24 | Used to search on the user-provided Invoice Number of the original transaction. |
The following XML message is to be posted to the RequestHandler.postRequest method: <requestHeader>
<TransactionId></TransactionId>
Code Block | ||
---|---|---|
| ||
<requestHeader> <TransactionId/> <RequestType>023</RequestType> |
<RequestDateTime></RequestDateTime>
<User></User>
<Password></Password>
<requestMessage>
<GatewayTransID></GatewayTransID>
<MerchantCode></MerchantCode>
<MerchantAccountCode></MerchantAccountCode>
<TransactionCode></TransactionCode>
<InvoiceNum></InvoiceNum>
</requestMessage>
<
<RequestDateTime/> <User/> <Password/> <requestMessage> <GatewayTransID/> <MerchantCode/> <MerchantAccountCode/> <TransactionCode/> <InvoiceNum/> </requestMessage> </requestHeader> |
Client Side
TokenPay.js is the JavaScript library for building payment flows within the Payment Gateway. With it you can collect card sensitive data from the user and create payment tokens for securely sending the data to your server in a PCI compliant manner.
TokenPay.js provides a ready-made UI component for collecting the card sensitive data from the user. TokenPay.js then tokenizes the information without ever having to touch your server.
The TokenPay.js UI component includes:
Automatically format card information as it is entered
Validation of card information as it is entered
Responsive design that works on user’s screen or mobile device
Customizable styling to match your look and feel
Payment Form Submission Best Practices
When implementing payment forms, it is recommended that the integrator utilize reCAPTCHA. reCAPTCHA protects payment forms from SPAM and bot abuse. Using reCAPTCHA on your payment forms reduces the risk of fraudulent transactions on the merchant's eCommerce sites by performing a Completely Automated Public Turing Test to Tell Computers and Humans Apart (CAPTCHA) test to tell humans and bots apart.
For more information on reducing form SPAM and bot abuse visit:
https://developers.google.com/recaptcha/intro
HTTP Requirements
All submission of payment information using TokenPay.js is made via a secure HTTPS connection. To protect yourself from man-in-the-middle attacks and to prevent your users from experiencing mixed content warnings in their browser, you MUST serve the page with your payment form over HTTPS.
The URL of the page containing TokenPay.js MUST begin with https://.
TEST URL:
https://www.bridgepaynetsecuretest.com/Bridgepay.WebSecurity/TokenPay/js/tokenPay.js
PRODUCTION URL:
https://www.bridgepaynetsecuretx.com/Bridgepay.WebSecurity/TokenPay/js/tokenPay.js
Step 1: Setting Up TokenPay.js
To get started, include this script on your page (sample code is using the Test URL):
Code Block | ||
---|---|---|
| ||
<!DOCTYPE html> |
<html lang="en"> |
<head> |
<title>Test React</title> |
<script type="text/javascript" src="https://ww.bridgepaynetsecuretest.com/Bridgepay.WebSecurity/TokenPay/js/tokenPay.js"></script> |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
<style>
#amount {
width: 75px;
}
#card {
background: #ffffffa3;
height: 100px;
padding: 10px 12px;
border-radius: 5px;
border: 1px solid #84a6ae;
box-sizing: border-box;
line-height: 0;
margin: 9px 0px;
width: 500px;
}
</style>
<style id="customStyles">
.input-style {
color: #32a866;
}
.input-hint {
color: #5e95a1;
border-color: #9ac0c8;
}
/* All fields in form */
.form-wrapper {
width: 400px;
}
/* Credit Card Number */
.input-wrapper {
width: 200px;
}
/* Expiry Date */
.sub-wrapper {
width: 100px;
}
.valid-class {
color: #217195;
}
.invalid-class {
color: #b05826;
}
</style>
<style> #amount { width: 75px; } #card { background: #ffffffa3; height: 100px; padding: 10px 12px; border-radius: 5px; border: 1px solid #84a6ae; box-sizing: border-box; line-height: 0; margin: 9px 0px; width: 500px; } </style> <style id="customStyles"> .input-style { color: #32a866; } .input-hint { color: #5e95a1; border-color: #9ac0c8; } /* All fields in form */ .form-wrapper { width: 400px; } /* Credit Card Number */ .input-wrapper { width: 200px; } /* Expiry Date */ .sub-wrapper { width: 100px; } .valid-class { color: #217195; } .invalid-class { color: #b05826; } </style> </head> |
Step 2: Create Your Payment Form
To securely collect card sensitive details from your users, TokenPay.js creates UI components for you that are hosted by BridgePay. They are then inserted into your payment form.
To determine where to insert the UI components, create empty DOM elements with unique IDs within your payment form.
If you want to modify and customize the style of the card entry area, create a hidden <div>
element to contain your styling. The id of this element MUST be 'customStyles'.
Code Block | ||
---|---|---|
| ||
<body> |
<form id="paymentForm" action="https://www.bridgepaynetsecuretest.com/WebSecurity/echo.aspx" |
method="post" style="margin: 10px;"> |
<select
<select class="form-control" name="amount" id="amount" style="width: 100px;"> |
<option
<option value="25">$25</option> |
<option
<option value="50">$50</option> |
</select>
<div
</select> <div id="card" style="border: solid 1px lightgray; height: 100px; width: 500px; padding: 20px 10px; border-radius: 10px; margin: 10px 0px;"></div> |
<div
<div id="errorMessage" style="margin-bottom: 10px; color: #c0392b;"></div> |
<button
<button type="submit" class="btn btn-default">Submit</button> |
</form> |
When the form is loaded, initialize the Pay element:
Replace the phrase your-public-key, shown below, with your publishable public key tied to your merchant account and merchant account codes. To display ACH instead of credit card fields set useACH to true - useACH: true. To disable zip code field (prevent zip code field from displaying) set disableZip to true - disableZip: true. To disable CVV field (prevent CVV field from displaying) set disableCVV to true - disableCVV: true.
Code Block | |
---|---|
|
var tokenpay =
| |
<script> var tokenpay = TokenPay('tokenpay2572api202034114652681'); |
tokenpay
tokenpay.initialize({ |
dataElement:
dataElement: '#card', |
errorElement:
errorElement: '#errorMessage', |
amountElement:
amountElement: '#amount', |
//if displaying all 4 fields then useStyles=false, disableZip=false, disableCvv=false |
//if displaying 3 out of 4 fields then useStyles=false, and set disableZip or disableCvv equal to |
true //if displaying 2 out of 4 fields then useStyles=true, disableZip=true, disableCvv=true |
useStyles: false,
useACH: false,
disableZip: false,
disableCvv: false
useStyles: false, useACH: false, disableZip: false, disableCvv: false }); |
The TokenPay element simplifies the form and minimizes the fields required by inserting a single input field that securely collects all needed card data.
If you have created the customStyles element to style the card entry area, change the value of 'useStyles' to true.
Step 3: Submit the Token
The card data collected by the TokenPay element returns a payment token to be used with the private key for the 004 sale transaction request to BridgeComm. If there are any errors in the collection of the card data or creation of the payment token, information is automatically displayed in the 'errorElement' of your payment form.
var form = document.getElementById('paymentForm');
form.addEventListener('submit', function(event) {
event.preventDefault();
tokenpay.createToken(function (result) {
var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden');
hiddenInput
Code Block | ||
---|---|---|
| ||
<script> var tokenpay = TokenPay('tokenpay2572api202034114652681'); tokenpay.initialize({ dataElement: '#card', errorElement: '#errorMessage', amountElement: '#amount', //if displaying all 4 fields then useStyles=false, disableZip=false, disableCvv=false //if displaying 3 out of 4 fields then useStyles=false, and set disableZip or disableCvv equal to true //if displaying 2 out of 4 fields then useStyles=true, disableZip=true, disableCvv=true useStyles: false, useACH: false, disableZip: false, disableCvv: false }); The TokenPay element simplifies the form and minimizes the fields required by inserting a single input field that securely collects all needed card data. If you have created the customStyles element to style the card entry area, change the value of 'useStyles' to true. Step 3: Submit the Token The card data collected by the TokenPay element returns a payment token to be used with the private key for the 004 sale transaction request to BridgeComm. If there are any errors in the collection of the card data or creation of the payment token, information is automatically displayed in the 'errorElement' of your payment form. var form = document.getElementById('paymentForm'); form.addEventListener('submit', function(event) { event.preventDefault(); tokenpay.createToken(function (result) { var hiddenInput = document.createElement('input'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'token'); |
hiddenInput
hiddenInput.setAttribute('value', result.token); |
form
form.appendChild(hiddenInput); |
form
form.submit(); |
}, function (result) |
console
{ console.log("error: " + result); |
}); |
}); |
</script> |
</body> |
</html> |
<html><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"><meta name="Robots" content="NOINDEX " /></head><body></body> |
<script
<script type="text/javascript"> |
var gearPage = document.getElementById('GearPage');
if(null != gearPage)
{
gearPage.parentNode.removeChild(gearPage);
document.title = "Error";
}
</script>
</html><html><head><META
var gearPage = document.getElementById('GearPage'); if(null != gearPage) { gearPage.parentNode.removeChild(gearPage); document.title = "Error"; } </script> </html><html><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"><meta name="Robots" content="NOINDEX " /></head><body></body> |
<script
<script type="text/javascript"> |
var gearPage =
var gearPage = document.getElementById('GearPage' |
if(null != gearPage)
{
gearPage
); if(null != gearPage) { gearPage.parentNode.removeChild(gearPage); |
document.title = "Error";
}
</script>
</html>
document.title = "Error";
}
</script>
</html> |
Server Side
Please refer to the BridgeComm Interface API Guide for instructions on interfacing to BridgeComm.
TEST URL:
https://www.bridgepaynetsecuretest.com/PaymentService/RequestHandler.svc
PRODUCTION URL:
https://www.bridgepaynetsecuretx.com/PaymentService/RequestHandler.svc
Once you have securely collected and tokenized your user’s card payment data using TokenPay.js, you will have a 15 minute window in which to complete the transaction request. The payment token expires after the fifteen minute window or when used.
To complete the transaction, you must perform a ‘RequestType 004 Sale or Auth’ or a 'RequestType 001 card token request' in a call to the BridgeComm API. Please see the example below.
The following XML message is to be posted to the RequestHandler.postRequest method:<requestHeader>
Code Block | ||
---|---|---|
| ||
<requestHeader> <ClientIdentifier>SOAP</ClientIdentifier> |
<TransactionId>
<TransactionId>{transactionId}</TransactionId> |
<RequestDateTime>
<RequestDateTime>{requestDateTime}</RequestDateTime> |
<PrivateKey>
<PrivateKey>{yourPrivateKey}</PrivateKey> |
<AuthenticationTokenId>{token}</AuthenticationTokenId> |
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>
<RequestType>004</RequestType> <requestMessage> <TransIndustryType>EC</TransIndustryType> <TransactionType>Sale</TransactionType> <Amount>{amountInPennies}</Amount> |
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader>
To
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader> |
To ensure uniqueness of the transaction and proper compliance with the TokenPay.js solution, please populate the following fields as described including the required fields listed in the BridgeComm API Interface Guide:
| Data Element | Data Type | Length | Description |
---|---|---|---|---|
R | TransactionId |
|
| The transaction ID generated by your backend for tracking purposes. |
R | RequestDateTime | integer | 19 | Date and time of the transaction in yyyyMMddHHmmss format |
R | PrivateKey |
|
| Your 'private key portion' of the tokenpay.js is generated card token. |
R | AuthenticationTokenId |
|
| The 'token' delivered in the submission of your form. |
R | Amount | integer | 8 | Transaction amount in pennies. Processed as implied decimal $1.25 would be represented as 125 |
Additional optional fields can also be passed with the transaction in the “Request Type 004” as described below. The fields listed below are the minimum recommended for Ecommerce transactions. A full listing is available in the BridgeComm API Interface Guide (001 or 004 Request).
| Data Element | Data Type | Length | Description |
---|---|---|---|---|
O | AccountStreet | string | 128 | Street address on the account. Can contain alphanumeric, spaces, hyphens, periods, and slashes. |
O | AccountPhone | string | 10-11 | Billing phone number. Numeric only. No special characters allowed. |
O | CardHolderName | string | 200 | Displays the cardholder name as provided in the request message. |
O | InvoiceNum | string | 24 | Invoice number. Spaces are not allowed. Alphanumeric and dashes accepted. User supplied data. |
The
The following XML message includes the optional fields listed above and is to be posted to the RequestHandler.postRequest method: <requestHeader>
Code Block | ||
---|---|---|
| ||
<requestHeader> <ClientIdentifier>SOAP</ClientIdentifier> |
<TransactionId>
<TransactionId>{transactionId}</TransactionId> |
<RequestDateTime>
<RequestDateTime>{requestDateTime}</RequestDateTime> |
<PrivateKey>
<PrivateKey>{yourPrivateKey}</PrivateKey> |
<AuthenticationTokenId>{token}</AuthenticationTokenId> |
<RequestType>004</RequestType>
<requestMessage>
<TransIndustryType>EC</TransIndustryType>
<TransactionType>Sale</TransactionType>
<Amount>
<RequestType>004</RequestType> <requestMessage> <TransIndustryType>EC</TransIndustryType> <TransactionType>Sale</TransactionType> <Amount>{amountInPennies}</Amount> |
<AccountStreet>
<AccountStreet>{street address}</AccountStreet> |
<AccountPhone>
<AccountPhone>{billing phone number}</AccountPhone> |
<CardHolderName>
<CardHolderName>{name on card}</CardHolderName> |
<InvoiceNum>
<InvoiceNum>{unique identifier from Integrator}</InvoiceNum> |
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader>
<HolderType>P</HolderType>
<AcctType>R</AcctType>
<CurrencyCode>USD</CurrencyCode>
</requestMessage>
</requestHeader> |
Base64 - Encoded SOAP Message Sample
The following message samples show the proper way to base64 encode a request message and the resulting base64-encoded response message for BridgeComm requests.
Sample Request Message:
Code Block | ||
---|---|---|
| ||
<!--AuthTest_BadClientID--> |
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" " xmlns:req="http://bridgepaynetsecuretx.com/requesthandler">;; |
<soapenv:Header/> |
<soapenv:Body/> |
<req:ProcessRequest/> |
<req:requestMsg/> |
PHJlcXVlc3RIZWFkZXI+DQogIDxDbGllbnRJZGVudGlmaWVyPkJhZDwvQ2xpZW50SWRlbnRpZmllcj4NCiAgPFRyYW5zYWN0aW9uSUQ+MTAwMTwvVHJhbnNhY3Rpb25JRD4NCiAgPFJlcXVlc3RUeXBlPjAwNDwvUmVxdWVzdFR5cGU+DQogIDxSZXF1ZXN0RGF0ZVRpbWU+MDIvMTIvMjAxMjwvUmVxdWVzdERhdGVUaW1lPg0KICA8RG9tYWluPmRvbWFpbjwvRG9tYWluPg0KICA8VXNlcj51c2VyPC9Vc2VyPg0KICA8UGFzc3dvcmQ+cGFzczwvUGFzc3dvcmQ+DQogIDxyZXF1ZXN0TWVzc2FnZT4NCgk8UGF5bWVudEFjY291bnROdW1iZXI+NTEwNTEwNTEwNTEwNTEwMDwvUGF5bWVudEFjY291bnROdW1iZXI+DQoJPFNpdGVDb2RlPjAwMDA8L1NpdGVDb2RlPg0KCTxab25lQ29kZT4wMDAxPC9ab25lQ29kZT4NCgk8RXhwaXJhdGlvbkRhdGU+MDMyMDE0PC9FeHBpcmF0aW9uRGF0ZT4NCgk8WmlwQ29kZT4zNDk1MjwvWmlwQ29kZT4NCgk8Q2FyZFNlY3VyaXR5Q29kZT45OTk8L0NhcmRTZWN1cml0eUNvZGU+DQoJPEFtb3VudD4xNTAuMDA8L0Ftb3VudD4NCiAgICAgICAgPEVuY3J5cHRpb25JRD4yMDEyMDgxNDA2NzM1NDI8L0VuY3J5cHRpb25JRD4NCiAgPC9yZXF1ZXN0TWVzc2FnZT4NCjwvcmVxdWVzdEhlYWRlcj4= |
<req:requestMsg/> |
<req:ProcessRequest/> |
<soapenv:Body/> |
<soapenv:Header/> |
<soapenv:Envelope> |
Sample Response Message:
Code Block | ||
---|---|---|
| ||
<s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/">;; |
<s:Body/> |
<ProcessRequestResponse xmlns="http://bridgepaynetsecuretx.com/requesthandler">;; |
<ProcessRequestResult>
<ProcessRequestResult> PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTE2Ij8+DQo8RXJyb3JSZXNwb25zZSB4bWxuczp4c2k9Imh0dHA6Ly93d3cudzMub3JnLzIwMDEvWE1MU2NoZW1hLWluc3RhbmNlIiB4bWxuczp4c2Q9Imh0dHA6Ly93d3cudzMub3JnLzIwMDEvWE1MU2NoZW1hIj4NCiAgPFRyYW5zYWN0aW9uSUQ+MTAwMTwvVHJhbnNhY3Rpb25JRD4NCiAgPFJlcXVlc3RUeXBlPjAwNDwvUmVxdWVzdFR5cGU+DQogIDxSZXNwb25zZUNvZGU+MTAwMjA8L1Jlc3BvbnNlQ29kZT4NCjwvRXJyb3JSZXNwb25zZT4= |
</ProcessRequestResult> |
<ProcessRequestResponse>
<ProcessRequestResponse> <s:Body/> |
<s:Envelope> |
Testing and Integration Support
In the live environment, transactions must be initiated over an SSL-protected connection using a minimum of 128-bit encryption to protect sensitive data. Initial testing can be performed over an unencrypted connection; however, testing must be performed over an SSL-encrypted channel before a client can be certified to production. Only test card data may be transmitted -no live payment information should ever be transmitted to the test system.
A test or live merchant account including a public and private key with the gateway is necessary to successfully process transactions. To acquire a test account, complete the test account request form located on the Integrator Support Portal at https://bridgepaynetwork.force.com/TA/s/test-account-request.
You may use the following cards in testing.
:
MasterCard | 5439 7500 0150 0347 |
Visa | 4005 5500 0000 0019 |
Discover | 6011 0009 9301 0978 |
Diners | 3699 9999 9999 99 |
AMEX | 3742 5531 2721 002 |
Table of Contents |
---|