> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fintoc.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Guías para Chile

# Botones y recursos de imagen

**Terminología aceptada:** *Paga con tu banco* o *Tarjeta de crédito o débito*

**Imágenes de apoyo:** Combinación de logos de bancos chilenos para *Paga con tu banco* y logos de Visa + Mastercard para *Tarjeta de crédito o débito*

Para usar nuestros recursos, puedes usar directamente las URLs que proporcionamos, por ejemplo:

```html HTML theme={null}
<button>
  <img alt="Fintoc Logo" src="https://assets.fintoc.com/?img_name=button_cl_light_trailing"
</button>
```

<Danger>
  **Por favor, evita descargar nuestros recursos para usarlos**

  Recomendamos usar las URLs directas a nuestros recursos. De esta manera, siempre tendrás las últimas versiones sin necesidad de hacer actualizaciones cuando Fintoc cambie en el futuro.
</Danger>

## Botón de pago por transferencia bancaria

En caso de que haya múltiples opciones de pago listadas, hay tres opciones que puedes seguir:

### Combinación (Recomendado)

Si tienes más espacio disponible, recomendamos acompañar las imágenes de bancos con el logo completo de Fintoc. Te proporcionamos una única imagen de referencia para facilidad. Recuerda que la terminología debe ser *Paga con tu Banco*.

<Frame>
  <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/e5d8b34253e72e10fdc1d38a28d77fb690484de930eaea9934cb3ea334cae453-Frame_12.png?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=cb78207556282daac550ba20225dd476" width="4556" height="494" data-path="images/e5d8b34253e72e10fdc1d38a28d77fb690484de930eaea9934cb3ea334cae453-Frame_12.png" />
</Frame>

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Descripción                                                                      | HTML                                                               |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------- | :----------------------------------------------------------------- |
| ![](https://assets.fintoc.com/?img_name=combo_cl_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Combinación de isotipo oscuro con logos de bancos                                | `<img src="https://assets.fintoc.com/?img_name=combo_cl_dark">`    |
| ![](https://assets.fintoc.com/?img_name=combo_cl_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Combinación de isotipo claro con logos de bancos                                 | `<img src="https://assets.fintoc.com/?img_name=combo_cl_light">`   |
| <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/d9d1e29215b8fa51f4d80885f36c1219ccca5eefcae16dc010161efc37a859dd-download_4.svg?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=eb0fb9d24fe689355bed3b1091afd0a1" alt="" width="181" height="84" data-path="images/d9d1e29215b8fa51f4d80885f36c1219ccca5eefcae16dc010161efc37a859dd-download_4.svg" /> | Combinación de texto "Paga con tu banco" con isotipo claro y logos de bancos +12 | `<img src="https://assets.fintoc.com/?img_name=text_banks_cl_12">` |
| <img src="https://mintcdn.com/fintoc-49b8bee8/YQmOnq8Zegydl6oL/images/a3896385aa60d4936d7bdd6f62aeda94e5bf252f211209272df34a1b8fb8855e-download_7.svg?fit=max&auto=format&n=YQmOnq8Zegydl6oL&q=85&s=00a9c07e5bfebf25e0236542043d550f" alt="" width="181" height="60" data-path="images/a3896385aa60d4936d7bdd6f62aeda94e5bf252f211209272df34a1b8fb8855e-download_7.svg" /> | Isotipo y logos de bancos +12                                                    | `<img src="https://assets.fintoc.com/?img_name=banks_cl_12">`      |
| <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/cf798665cce1a84647c24874a68af5ae6d2b9a4c8b77d84ad0c7b2b69bbc66f4-download_5.svg?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=c020def0c40f0d8059416882461a58cc" alt="" width="131" height="83" data-path="images/cf798665cce1a84647c24874a68af5ae6d2b9a4c8b77d84ad0c7b2b69bbc66f4-download_5.svg" /> | Combinación de texto "Paga con tu banco" con isotipo claro y logos de bancos +16 | `<img src="https://assets.fintoc.com/?img_name=text_banks_cl_16">` |
| <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/f46777b223e16594273b660f5835a5ac08200a06c5cd6abe6d7b47a632feb36d-download_8.svg?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=d5bb692f6c613ce4e54f7c5a5040b1d5" alt="" width="117" height="60" data-path="images/f46777b223e16594273b660f5835a5ac08200a06c5cd6abe6d7b47a632feb36d-download_8.svg" /> | Isotipo y logos de bancos +16                                                    | `<img src="https://assets.fintoc.com/?img_name=banks_cl_16">`      |

### Bancos individuales

En Chile, Fintoc ofrece la opción de preseleccionar un banco. Usa nuestra [guía del widget](/es/v2023-11-15/docs/resources/widget/widget-web-integration) para obtener más información sobre cómo habilitar estas opciones.

Nuestra recomendación depende de tu pantalla de checkout:

* **Si Fintoc es tu único método de pago en Chile:** siéntete libre de colocar botones individuales de bancos externamente al widget.
* **Si Fintoc es uno de tus múltiples métodos de pago en Chile:** recomendamos colocar los bancos más usados por tus usuarios (máximo dos) como un botón de acceso rápido fuera del widget y colocar un botón general de Fintoc junto al resto de tus métodos de pago. Esto asegura acceso rápido para el uso de alto volumen de un banco específico.

<Frame>
  <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/ec018b9b44da82ef3daeffb7fb919872c4b76f464ab2fa081dcb839e82c43dd5-individual_banks_example_2.png?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=acdc1ca335ae0a7e637df1e24c18f2ea" width="2262" height="1562" data-path="images/ec018b9b44da82ef3daeffb7fb919872c4b76f464ab2fa081dcb839e82c43dd5-individual_banks_example_2.png" />
</Frame>

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Descripción                              | HTML                                                                    |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------- | :---------------------------------------------------------------------- |
| ![](https://assets.fintoc.com/?img_name=bank_bci_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Logo de BCI e isotipo oscuro             | `<img src="https://assets.fintoc.com/?img_name=bank_bci_dark">`         |
| ![](https://assets.fintoc.com/?img_name=bank_bci_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Logo de BCI e isotipo claro              | `<img src="https://assets.fintoc.com/?img_name=bank_bci_light">`        |
| ![](https://assets.fintoc.com/?img_name=bank_bice_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Logo de BICE e isotipo oscuro            | `<img src="https://assets.fintoc.com/?img_name=bank_bice_dark">`        |
| ![](https://assets.fintoc.com/?img_name=bank_bice_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Logo de BICE e isotipo claro             | `<img src="https://assets.fintoc.com/?img_name=bank_bice_light">`       |
| <img src="https://mintcdn.com/fintoc-49b8bee8/YQmOnq8Zegydl6oL/images/676d9950c8f126dbbc87665710321faa77749fd1eec77e903c5182e26f7811bf-bank_de_chile_dark.svg?fit=max&auto=format&n=YQmOnq8Zegydl6oL&q=85&s=698837eda625ddfb5a308f4d58d7daa9" alt="" width="143" height="32" data-path="images/676d9950c8f126dbbc87665710321faa77749fd1eec77e903c5182e26f7811bf-bank_de_chile_dark.svg" /> | Logo de Banco de Chile e isotipo oscuro  | `<img src="https://assets.fintoc.com/?img_name=bank_de_chile_dark">`    |
| ![](https://assets.fintoc.com/?img_name=bank_de_chile_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Logo de Banco de Chile e isotipo claro   | `<img src="https://assets.fintoc.com/?img_name=bank_de_chile_light">`   |
| ![](https://assets.fintoc.com/?img_name=bank_estado_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Logo de Banco Estado e isotipo oscuro    | `<img src="https://assets.fintoc.com/?img_name=bank_estado_dark">`      |
| ![](https://assets.fintoc.com/?img_name=bank_estado_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Logo de Banco Estado e isotipo claro     | `<img src="https://assets.fintoc.com/?img_name=bank_estado_light">`     |
| ![](https://assets.fintoc.com/?img_name=bank_falabella_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Logo de Banco Falabella e isotipo oscuro | `<img src="https://assets.fintoc.com/?img_name=bank_falabella_dark">`   |
| ![](https://assets.fintoc.com/?img_name=bank_falabella_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Logo de Banco Falabella e isotipo claro  | `<img src="https://assets.fintoc.com/?img_name=bank_falabella_light">`  |
| ![](https://assets.fintoc.com/?img_name=bank_itau_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Logo de Banco Itaú e isotipo oscuro      | `<img src="https://assets.fintoc.com/?img_name=bank_itau_dark">`        |
| ![](https://assets.fintoc.com/?img_name=bank_itau_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Logo de Banco Itaú e isotipo claro       | `<img src="https://assets.fintoc.com/?img_name=bank_itau_light">`       |
| ![](https://assets.fintoc.com/?img_name=bank_ripley_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Logo de Ripley e isotipo oscuro          | `<img src="https://assets.fintoc.com/?img_name=bank_ripley_dark">`      |
| ![](https://assets.fintoc.com/?img_name=bank_ripley_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Logo de Ripley e isotipo claro           | `<img src="https://assets.fintoc.com/?img_name=bank_ripley_light">`     |
| ![](https://assets.fintoc.com/?img_name=bank_santander_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Logo de Santander e isotipo oscuro       | `<img src="https://assets.fintoc.com/?img_name=bank_santander_dark">`   |
| ![](https://assets.fintoc.com/?img_name=bank_santander_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Logo de Santander e isotipo claro        | `<img src="https://assets.fintoc.com/?img_name=bank_santander_light">`  |
| ![](https://assets.fintoc.com/?img_name=bank_scotiabank_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Logo de Scotiabank e isotipo oscuro      | `<img src="https://assets.fintoc.com/?img_name=bank_scotiabank_dark">`  |
| ![](https://assets.fintoc.com/?img_name=bank_scotiabank_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Logo de Scotiabank e isotipo claro       | `<img src="https://assets.fintoc.com/?img_name=bank_scotiabank_light">` |

# Botón de pago con tarjeta

Para asegurar una buena experiencia y comprensión para tus usuarios, agrega el botón para pagar con tarjetas de crédito o débito en tu checkout usando las imágenes a continuación según tu configuración:

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Descripción                                                                      | HTML                                                                                                                                                        |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="https://mintcdn.com/fintoc-49b8bee8/YQmOnq8Zegydl6oL/images/3f137f9632c737362a8783aa9c1853808b73903ab5a7f3c09eb0cdcf3a7a06ba-directionhorizontal.png?fit=max&auto=format&n=YQmOnq8Zegydl6oL&q=85&s=2c6ec38c32c78be407989f2ff0478823" alt="" width="202" height="33" data-path="images/3f137f9632c737362a8783aa9c1853808b73903ab5a7f3c09eb0cdcf3a7a06ba-directionhorizontal.png" /> | Logos horizontales para usar con el texto "Paga con tarjeta de Débito o Crédito" | `<img src="https://assets.fintoc.com/credit_card_assets/credit_card_horizontal" alt="Fintoc and Card Brands Logos" style="max-width: 100%; height: auto;">` |
| <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/ee156abf75536518de6eb25d687346e6e84cf62b3ba00f6192b722dcdd722f20-directionvertical.png?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=f3e51674d2490aa84c87df31e817b921" alt="" width="104" height="69" data-path="images/ee156abf75536518de6eb25d687346e6e84cf62b3ba00f6192b722dcdd722f20-directionvertical.png" />                 | Logos verticales para usar con el texto "Paga con tarjeta de Débito o Crédito"   | `<img src="https://assets.fintoc.com/credit_card_assets/credit_card_vertical" alt="Fintoc and Card Brands Logos" style="max-width: 100%; height: auto;">`   |

Ejemplo de botón de checkout en modos claro y oscuro siguiendo las guías:

<Frame>
  <img src="https://mintcdn.com/fintoc-49b8bee8/SkvJJ-DZ5D4yC6tQ/images/e350c817919b3d3828e708c4cb33a0c5bca154e900a9ca9c5fa603d58a9e179f-card-payment-buttons.png?fit=max&auto=format&n=SkvJJ-DZ5D4yC6tQ&q=85&s=46cf741791d79f4a5caf3603b7ef6063" width="1105" height="106" data-path="images/e350c817919b3d3828e708c4cb33a0c5bca154e900a9ca9c5fa603d58a9e179f-card-payment-buttons.png" />
</Frame>

# Otras recomendaciones

## Prellenar la información del usuario

De forma similar a preseleccionar el banco de tu usuario, si tienes acceso a información de pago del usuario (como su RUT), puedes prellenar esta información. Puede ser editable o no. Esto es útil para evitar pasos extra y cumplir con requisitos regulatorios sobre quién hace el pago.\
Usa nuestra [guía del widget](/es/v2023-11-15/docs/resources/widget/widget-web-integration) para obtener más información sobre cómo prellenar el campo de usuario.

## Mantén tu fondo actual

Al abrir el widget, no redirijas a los usuarios a una página nueva, ya que esto crea nuevos puntos de fricción. En su lugar, manténlos en tu app o sitio y abre el widget encima, superponiéndose a tu pantalla actual.

## Evita elementos UI duplicados

Para una experiencia amigable, evita repetir los mismos elementos. En Fintoc, hemos integrado la navegación en el widget, por lo que los usuarios pueden acceder fácilmente a las funciones sin desorden innecesario. Esto asegura un recorrido más suave e intuitivo a través de la plataforma.

## Reacciona apropiadamente cuando haya errores

Los errores pequeños siempre serán manejados y mitigados por Fintoc dentro del widget, pero en caso de que existan errores de estado final, debes reaccionar adecuadamente a cada uno para asegurar un reintento del proceso. Actualmente, los pagos fallidos incluyen un `error_reason` para indicar qué causó que la transacción fallara. Puedes consultarlos aquí.

Recomendamos que para estos casos invites a tu usuario a reintentar el proceso con las modificaciones adecuadas, así como indicar que no se movió dinero.

## Cierra el ciclo

Cuando un pago es exitoso, es importante minimizar la fricción al pasar del flujo de Fintoc de vuelta a tu sitio o app. Recomendamos mucho mostrar la *consecuencia* de usar Fintoc, explicando al usuario qué pasa después. Aquí algunos casos de uso comunes:

* **Transferencias P2P**: reitera que el dinero ha sido enviado y muestra su cuenta menos el dinero recién movido.
* **Wallets/inversión fintech:** muestra su pantalla de cuenta con el nuevo dinero claramente agregado y visualizado.
* **E-commerce:** muestra una pantalla de confirmación que incluya información sobre el monto pagado, datos de facturación, los productos comprados, dirección y fecha de entrega si aplica, o más instrucciones para obtener el producto.

<br />
