Learn how to build checkout forms on your site using customizable UI components.

In order to be eligible for the easiest level of PCI compliance – SAQ A – certain payment fields on the checkout page must be hosted securely. This requires you to host the information on an external payment gateway's domain and present the fields to your users in an iframe or with a redirect.

dLocal's Smart Fields solution accomplishes this by rendering an iframe to handle input of the Card Number, CVV and Expiration date fields on your checkout page.

This provides you with the ability to customize the look and feel of your web page while ensuring that you are compliant with PCI requirements.

Fully Customizable Checkouts

Smart Fields defer as much of the styling of field components to you as possible. The layout, width, height, and outer styling (border, box-shadow, background, etc.) are left completely in your control.

Below is a live demo of our all-in-one card Field. Open on CodePen to make changes to the code in real time: