Overview

Smart Fields is a secure solution that allows you to embed payment fields directly into your checkout page. These fields are hosted by Localpayment, ensuring that sensitive card data is handled by our secure infrastructure and never enters your systems, significantly simplifying your PCI DSS compliance.

This solution provides a seamless checkout experience that matches your brand while we assume the complexity of securing payment data.

Interactive Demo

How It Works

Smart Fields uses a client-side integration where you place secure iframes—hosted by Localpayment—on your payment form. The process is designed for security and simplicity.

1

Integration

You integrate our JavaScript SDK into your checkout page and create designated containers in your HTML for the payment fields (card number, expiration date, and CVV).

2

Initialization

Your application initializes the Smart Fields SDK with your unique credentials and creates a session. The SDK then generates the individual secure iframes, which you mount into the prepared containers on your page.

3

Data Entry and Tokenization

Your customers enter their payment details directly into these secured iframes. As they type, the data is validated, and Localpayment's SDK securely tokenizes each field directly in the browser.

4

Token Consolidation

Once all fields are filled correctly, your frontend application collects the session ID and cardholder name. It then sends this data to your backend server. Your server makes a secure API call to Localpayment's consolidate endpoint to request a single-use payment token.

5

Payment Processing

Your backend server receives the consolidated payment token from Localpayment in the response. It then uses this token to execute the payment by making a request to the Localpayment Payins API, finalizing the transaction.

Benefits

  • Enhanced Security: Delegate the risk and complexity of handling sensitive data. Since card information is entered directly into our hosted fields, it never passes through your servers, protecting you from data breaches.

  • Simplified Compliance: By using Smart Fields, you minimize the scope of your PCI DSS compliance requirements, reducing the time, cost, and effort of your annual audits.

  • Seamless User Experience: Maintain a fully branded checkout flow. The hosted fields are designed to look and feel like a natural part of your website, providing a smooth and familiar experience for your customers.

Last updated

Was this helpful?