---
updatedAt: 2026-04-28T08:41:41.000Z
agentTools:
  projectIndex: https://docs.dlocal.com/llms.txt
---

# Overview

Find out how to start integrating dLocal Payins solution.

**dLocal Payins is a payment processing solution that enables businesses to accept payments from customers in various countries and currencies.**

With dLocal Payins, you can easily integrate multiple payment methods, including credit cards, debit cards, local bank transfers, and cash payments, into your checkout process.

# Connections to Payins

Find ways to connect and integrate with Payins API to start collecting payments.

<br />

[block:html]
{
  "html": "<!-- CARDS GRID -->\n<div class=\"grid-container\">\n\n    <!-- CARD 1 -->\n    <div class=\"card-container\">\n        <div class=\"card-first-row\">\n            <img src=\"https://files.readme.io/e8fe669-full-api-icon.png\" class=\"card-first-row-image\" alt=\"\">\n        </div>\n        <div class=\"card-second-row\">\n            <div class=\"card-title\">Full API</div>\n            <p class=\"card-p\">Direct integration with dLocal, sending information server to server.</p>\n            <a href=\"/docs/full-api\" class=\"card-link\">See more\n                <svg class=\"card-link_arrow\" fill=\"none\" viewBox=\"0 0 19 19\">\n                    <path class=\"c-link_arrow-color\" fill=\"#21A35B\" stroke=\"#21A35B\" stroke-width=\".3\"\n                        d=\"M17.546 8.918l-6.107-6.107a.806.806 0 00-1.163 0 .806.806 0 000 1.162l4.698 4.698H2.036a.828.828 0 00-.598.23c-.15.151-.23.36-.23.598s.08.448.23.598c.15.151.36.231.598.231h12.938l-4.698 4.697a.806.806 0 000 1.163c.33.33.832.33 1.162 0l6.108-6.107a.855.855 0 00.183-.258.781.781 0 00.064-.324c0-.119-.02-.225-.064-.323a.855.855 0 00-.183-.258z\">\n                    </path>\n                </svg>\n            </a>\n        </div>\n    </div>\n\n    <!-- CARD 2 -->\n    <div class=\"card-container\">\n        <div class=\"card-first-row\">\n            <img src=\"https://files.readme.io/d1f6ba9-smart-fields-icon.png\" class=\"card-first-row-image\" alt=\"\">\n        </div>\n        <div class=\"card-second-row\">\n            <div class=\"card-title\">Smart Fields</div>\n            <p class=\"card-p\">Customizable UI components for building checkout forms on your site.</p>\n            <a href=\"/docs/smart-fields\" class=\"card-link\">See more\n                <svg class=\"card-link_arrow\" fill=\"none\" viewBox=\"0 0 19 19\">\n                    <path class=\"c-link_arrow-color\" fill=\"#21A35B\" stroke=\"#21A35B\" stroke-width=\".3\"\n                        d=\"M17.546 8.918l-6.107-6.107a.806.806 0 00-1.163 0 .806.806 0 000 1.162l4.698 4.698H2.036a.828.828 0 00-.598.23c-.15.151-.23.36-.23.598s.08.448.23.598c.15.151.36.231.598.231h12.938l-4.698 4.697a.806.806 0 000 1.163c.33.33.832.33 1.162 0l6.108-6.107a.855.855 0 00.183-.258.781.781 0 00.064-.324c0-.119-.02-.225-.064-.323a.855.855 0 00-.183-.258z\">\n                    </path>\n                </svg>\n            </a>\n        </div>\n    </div>\n\n    <!-- CARD 3 -->\n    <div class=\"card-container\">\n        <div class=\"card-first-row\">\n            <img src=\"https://files.readme.io/d57dd72-checkout-redirect-icon.png\" class=\"card-first-row-image\" alt=\"\">\n        </div>\n        <div class=\"card-second-row\">\n            <div class=\"card-title\">Checkout redirect</div>\n            <p class=\"card-p\">Pre-built checkout and vouchers for an easier implementation.</p>\n            <a href=\"/docs/integrate-checkout\" class=\"card-link\">See more\n                <svg class=\"card-link_arrow\" fill=\"none\" viewBox=\"0 0 19 19\">\n                    <path class=\"c-link_arrow-color\" fill=\"#21A35B\" stroke=\"#21A35B\" stroke-width=\".3\"\n                        d=\"M17.546 8.918l-6.107-6.107a.806.806 0 00-1.163 0 .806.806 0 000 1.162l4.698 4.698H2.036a.828.828 0 00-.598.23c-.15.151-.23.36-.23.598s.08.448.23.598c.15.151.36.231.598.231h12.938l-4.698 4.697a.806.806 0 000 1.163c.33.33.832.33 1.162 0l6.108-6.107a.855.855 0 00.183-.258.781.781 0 00.064-.324c0-.119-.02-.225-.064-.323a.855.855 0 00-.183-.258z\">\n                    </path>\n                </svg>\n            </a>\n        </div>\n    </div>\n  \n\n    <!-- CARD 5 -->\n    <div class=\"card-container\">\n        <div class=\"card-first-row\">\n            <img src=\"https://files.readme.io/f22f8fa-payment-links-icon.png\" class=\"card-first-row-image\" alt=\"\">\n        </div>\n        <div class=\"card-second-row\">\n            <div class=\"card-title\">Payment links</div>\n            <p class=\"card-p\">Start processing cross-border within minutes without a single line of code.</p>\n            <a href=\"/docs/payment-links\" class=\"card-link\">See more\n                <svg class=\"card-link_arrow\" fill=\"none\" viewBox=\"0 0 19 19\">\n                    <path class=\"c-link_arrow-color\" fill=\"#21A35B\" stroke=\"#21A35B\" stroke-width=\".3\"\n                        d=\"M17.546 8.918l-6.107-6.107a.806.806 0 00-1.163 0 .806.806 0 000 1.162l4.698 4.698H2.036a.828.828 0 00-.598.23c-.15.151-.23.36-.23.598s.08.448.23.598c.15.151.36.231.598.231h12.938l-4.698 4.697a.806.806 0 000 1.163c.33.33.832.33 1.162 0l6.108-6.107a.855.855 0 00.183-.258.781.781 0 00.064-.324c0-.119-.02-.225-.064-.323a.855.855 0 00-.183-.258z\">\n                    </path>\n                </svg>\n            </a>\n        </div>\n    </div>\n\n    <!-- CARD 6 -->\n    <div class=\"card-container\">\n        <div class=\"card-first-row\">\n            <img src=\"https://files.readme.io/b8b55e4-invoices-icon.png\" class=\"card-first-row-image\" alt=\"\">\n        </div>\n        <div class=\"card-second-row\">\n            <div class=\"card-title\">Plugins and wallets</div>\n            <p class=\"card-p\">Integrate through an e-commerce platform or connect a digital wallet.</p>\n            <a href=\"/docs/plugins-wallets\" class=\"card-link\">See more\n                <svg class=\"card-link_arrow\" fill=\"none\" viewBox=\"0 0 19 19\">\n                    <path class=\"c-link_arrow-color\" fill=\"#21A35B\" stroke=\"#21A35B\" stroke-width=\".3\"\n                        d=\"M17.546 8.918l-6.107-6.107a.806.806 0 00-1.163 0 .806.806 0 000 1.162l4.698 4.698H2.036a.828.828 0 00-.598.23c-.15.151-.23.36-.23.598s.08.448.23.598c.15.151.36.231.598.231h12.938l-4.698 4.697a.806.806 0 000 1.163c.33.33.832.33 1.162 0l6.108-6.107a.855.855 0 00.183-.258.781.781 0 00.064-.324c0-.119-.02-.225-.064-.323a.855.855 0 00-.183-.258z\">\n                    </path>\n                </svg>\n            </a>\n        </div>\n    </div>\n\n</div>\n\n\n<style>\n    .grid-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 2px 20px;\n        width: 740px;\n        display: flex;\n        flex-wrap: wrap;\n        margin: 20px auto 20px auto;\n    }\n\n    .card-container {\n        display: flex;\n        width: 360px;\n        margin-bottom: 1rem;\n        min-height: 192px;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 0 0px 1px #D2D8EC;\n        transition: shadow 200ms ease-out;\n    }\n\n    .card-container:has(.card-link:hover) {\n        box-shadow: 0 0 0px 1px #2d59f5;\n        cursor: pointer;\n        border-radius: 16px;\n        transition: shadow 200ms ease-out;\n    }\n\n    div:not(.markdown-body) .card-link:hover {\n        color: #2d59f5 !important;\n    }\n\n    div:not(.markdown-body) .card-link:hover .c-link_arrow-color {\n        fill: #2d59f5;\n    }\n\n    .card-first-row {\n        flex: 0.80;\n        background-color: #2D59F5;\n        margin: -2px;\n    }\n\n\n    .card-first-row-image {\n        width: 2.813rem;\n        margin: 2rem auto 50% auto;\n        display: block !important;\n    }\n\n    .card-second-row {\n        flex: 2;\n        padding: 2.75rem 2rem;\n    }\n\n    .card-content {\n        padding: auto;\n        display: block;\n    }\n\n    .card-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        margin: 0px 0px 17px 0px;\n        font-family: var(--font-alt);\n    }\n\n\n    .card-p {\n        font-size: 0.75rem !important;\n        line-height: 1.7rem !important;\n    }\n\n    .card-link {\n        font-size: 0.875rem !important;\n        color: #21A35B;\n        text-decoration: none;\n        font-weight: 500 !important;\n    }\n\n    .card-link_arrow {\n        display: inline-block;\n        width: 1em;\n        height: auto;\n        vertical-align: middle;\n        margin-top: -0.15em;\n    }\n\n    @media only screen and (max-width: 1357px) {\n        .grid-container {\n            grid-template-columns: 1fr;\n            grid-gap: 10px;\n            width: 100%;\n            margin: 20px auto 20px auto;\n        }\n\n        .card-container {\n            display: flex;\n            width: 100%;\n            min-height: 50px;\n        }\n\n        .card-second-row {\n            padding: 1.2rem 2rem;\n        }\n\n        .card-first-row-image {\n            margin: 2rem auto 70% auto;\n        }\n    }\n</style>"
}
[/block]

## Features and capabilities

Compare the main functions which best adapt your business.

|                       |    Full API    |   Smart Fields  |  Checkout redirect |    Payment links   |
| :-------------------- | :------------: | :-------------: | :----------------: | :----------------: |
| Integration effort    |       +++      |        ++       |          -         |          0         |
| UI customization      | Customize full | Customizable UI | Customize branding | Customize branding |
| Payment Flow          |      Sync      |       Sync      |      Async\*\*     |      Async\*\*     |
| PCI Compliance        |  AOC - PCI DSS |      SAQ-A      |         N/A        |         N/A        |
| Merchant Flow control |       Yes      |       Yes       |         No         |         No         |
| Recurrence            |       Yes      |       Yes       |         No         |         No         |

\*\* In synchronous flows, the final status of the transaction is received in the response of the API request. In asynchronous flows, as the user operates outside the merchant's portal, the final notification has a delay.

## Card integration

To determine which card integration you need, follow the diagram below.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/c05d94e8c33e06ddd4443cb2d668adf357d16ebd7e0cec98f2ecbd7f99ba821c-Payins_Overview.png",
        null,
        ""
      ],
      "align": "center"
    }
  ]
}
[/block]

# Payment types

Get to know more information about the different payment types and options for each country.

[block:html]
{
  "html": "<style>\n  \n  .main {\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 5px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); /* Dos columnas */\n}\n\n.overview-card1 {\n    position: relative; /* Asegúrate de que el contenedor sea relativo para posicionar el pseudoelemento */\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n}\n\n.overview-card1::after {\n    content: '';\n    position: absolute;\n    right: 0; /* Pega la línea al borde derecho */\n    top: 30%; /* Ajusta la posición superior de la línea */\n    height: 70%; /* Establece el alto de la línea al 60% */\n    width: 1px; /* Grosor de la línea */\n    background-color: #D2D8EC; /* Color de la línea */\n}\n\n  .overview-card2 {\n    position: relative; /* Asegúrate de que el contenedor sea relativo para posicionar el pseudoelemento */\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n}\n\n  \n.overview-card-upper-side1 {\n    height: 105px;\n    padding: 20px;\n    background-color: transparent;\n    text-align: left;\n}\n\n.overview-card-bottom-side {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    padding: 30px;\n    padding-right: 20px;\n    background-color: transparent;\n    border-radius: 16px;\n}\n\n.overview-card-title1 {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 26.4px;\n}\n\n.overview-card-content1 {\n    font-size: 14px;\n    font-weight: 300;\n    margin-top: 20px;\n    line-height: 20px;\n    margin-bottom: 40px!important;\n}\n\n.overview-icon1 {\n    margin-bottom: -5px;\n    margin-top: 20px;\n}\n  \n.doc-link {\n        position: relative;\n        font-weight: 500;\n        color: #21A35B !important;\n        text-decoration: none;\n        display: block;\n    }\n  \n\ndiv:not(.markdown-body) .doc-link:hover {\n            text-decoration: none;\n            color: #1043FA !important;\n            transform: translateX(0.2em);\n        }\n\n.overview-card-title1:hover {\n    color: #2D59F5 !important;\n    cursor:pointer;\n    transform: none!important;\n}\n\n    div:not(.markdown-body) .doc-link_arrow {\n        display: inline-block;\n        height: 1em;\n        width: auto;\n        vertical-align: middle;\n        margin-left: 0.2em;\n        margin-top: -0.1em;\n    }\n  \n     div:not(.markdown-body) .doc-link:hover .doc-link_arrow-color {\n            fill: #1043FA !important;\n        }\n  \n   [data-color-mode=\"dark\"] .overview-icon1 img {\n    filter: brightness(0) invert(1);\n    transition: filter 0.3s ease;\n  }\n\n\n/* Media Queries para dispositivos móviles */\n@media (max-width: 768px) {\n  .main {\n    grid-template-columns: repeat(2, 1fr); /* Dos columnas en pantallas medianas */\n  }\n}\n\n@media (max-width: 480px) {\n  .main {\n    grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */\n}\n</style>\n  \n    <div class=\"main\">\n\n      \n      <!-- Cards -->\n      <div\n        class=\"overview-card1\" onclick=\"parent.location='/docs'\">\n        <div class=\"overview-card-bottom-side\">\n                 <div class=\"overview-icon1\" style=\"padding-bottom: 6px;\"><img width=\"48\" src=\"https://files.readme.io/cb63dce277de8c5b9cf2c6199ee707ee7390c8165861c2e4c657b06ce689fd9d-credit-card.png\"  alt=\"\" loading=\"lazy\"><div class=\"img_overlay img_color_rgba(0,0,0,.2)\"></div></div>\n           <h3 class=\"overview-card-title1\">Cards</h3>\n          <p class=\"overview-card-content1\">\n           Accept card payments with the solution that best suits your needs.  \n          </p>\n          <a href=\"/docs/card-payments\" class=\"doc-link\">Card payments</a>\n        </div>\n      </div>  \n      \n      <!-- APM -->\n      <div class=\"overview-card2\" onclick=\"parent.location='/docs'\">\n    <div class=\"overview-card-bottom-side\">\n             <div class=\"overview-icon1\"><img width=\"48\" src=\"https://files.readme.io/960b47600b93dbf7b2f3eb65c6f1d9fef60fbb25ee610ba165d1e6b8fc957354-money-stack.svg\"  alt=\"\" loading=\"lazy\"><div class=\"img_overlay img_color_rgba(0,0,0,.2)\"></div></div>\n           <h3 class=\"overview-card-title1\">Cash</h3>\n          <p class=\"overview-card-content1\">\n             Cash is king in emerging markets. As card payments penetration is low, many consumers, aimed by local culture, prefer cash payments in physical stores.\n        </p>\n          <a href=\"/docs/bank-transfer-payment\" class=\"doc-link\">Bank transfer</a>\n          <a href=\"/docs/cash-payments\" class=\"doc-link\">Ticket</a>\n          <a href=\"/docs/wallet-payments\" class=\"doc-link\">Digital wallet</a>\n          <a href=\"/docs/mobile-money-payments\" class=\"doc-link\">Mobile money transfer</a>\n        </div>\n      </div> \n      \n    </div>"
}
[/block]