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 following payment fields on your checkout page: Card Number, CVV and Expiration date.
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.
Smart Fields defer as much of the styling of field components to you as possible. The layout, width, height, and outer styling (
background, etc.) are left completely in your control.
Below is a live demo of our all-in-one
cardField. Open on CodePen to make changes to the code in real time: