The Hosted Payment Page is responsive and designed use the screen efficiently. The same screen as above but viewed on a larger, non-mobile screen:
Using Magnetic Card Readers
Performing a sale with a keyboard-emulation magnetic card reader.
By setting the “show-swipe-option”, you can use keyboard-emulation magnetic card readers with the hosted payments from. This option can be helpful when integration hosted payments in a back-office solution.
The user would then have the Swipe Card option in the payments form.
The swipe card popup prompts the user to swipe their card.
The card data and expiration date fields are populated from the card swipe data.
Your Clearent representative can help you in choosing the right keyboard-emulation magnetic card reader.
Using Card Tokens
Performing a sale transaction and saving card for future use.
By setting the “show-save-card-option”, your customers can save their card data securely in our vault. A token is returned from the sale request that can be stored on your servers without storing sensitive card data.
The next time the customer logs into your site, you can provide saved payment methods to make the checkout process even easier. You simply provide the token, card type, and description that was returned from the token-only request or the token returned from the sale with card card option request.
// if you set the show-save-card-option on your page AND the user chose
// to save their card you can get the token information back like this
console.log('token-id = '+links[i]['id']);
The next time the customer logs into your site, you can provide saved payment methods using the Clearent.addToken() method to make the checkout process even easier. You simply provide the token, card type, and description that was returned from the token-only request or the token returned from the sale with card card option request.