> ## 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.

# Chile Guidelines

# Button and image assets

**Accepted terminology:** *Paga con tu banco* o *Tarjeta de crédito o débito*

**Supporting images:** Combo of chillean bank logos for *Paga con tu banco* and Visa + Mastercard logos for *Tarjeta de crédito o débito*

To use our assets, you can directly use the URLs we provide, for example:

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

<Danger>
  **Please refrain from downloading our assets for use**

  We recommend using the direct URLs to our assets instead. This way, you’ll always have the latest versions without needing to make updates whenever Fintoc changes in the future.
</Danger>

## Bank transfer payment button

In case there are multiple payment options listed there are three options you can follow:

### Combination (Recommended)

If you have more space available, we recommend supporting bank images with the full Fintoc logo. We provide you with a single image to reference for ease. Remember that the terminology should be  *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>

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Description                                                                   | HTML                                                               |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------- | :----------------------------------------------------------------- |
| ![](https://assets.fintoc.com/?img_name=combo_cl_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Combination of dark isotype with bank logos                                   | `<img src="https://assets.fintoc.com/?img_name=combo_cl_dark">`    |
| ![](https://assets.fintoc.com/?img_name=combo_cl_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Combination of light isotype with bank logos                                  | `<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" /> | Combination of text "Paga con tu banco" with light isotype and bank logos +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" /> | Isotype and bank logos +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" /> | Combination of text "Paga con tu banco" with light isotype and bank logos +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" /> | Isotype and bank logos +16                                                    | `<img src="https://assets.fintoc.com/?img_name=banks_cl_16">`      |

### Individual Banks

In Chile, Fintoc provides the option to pre-select a bank. Use our [widget guide](/v2023-11-15/docs/resources/widget/widget-web-integration) to get more information on how to enable these options.

Our recommendation depends on your checkout screen:

* **If Fintoc is your only payment method in Chile:** Feel free to place single bank buttons externally from the widget.
* **If Fintoc is one of your multiple payment methods in Chile:** We recommend placing your user’s top-most used banks (maximum two) as a quick access button outside the widget and placing a general Fintoc button alongside the rest of your payment methods. This ensures quick access for high volume usage of a specific bank.

<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>

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Description                             | HTML                                                                    |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------- | :---------------------------------------------------------------------- |
| ![](https://assets.fintoc.com/?img_name=bank_bci_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | BCI bank logo and dark isotype          | `<img src="https://assets.fintoc.com/?img_name=bank_bci_dark">`         |
| ![](https://assets.fintoc.com/?img_name=bank_bci_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | BCI bank logo and light isotype         | `<img src="https://assets.fintoc.com/?img_name=bank_bci_light">`        |
| ![](https://assets.fintoc.com/?img_name=bank_bice_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | BICE bank logo and dark isotype         | `<img src="https://assets.fintoc.com/?img_name=bank_bice_dark">`        |
| ![](https://assets.fintoc.com/?img_name=bank_bice_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | BICE bank logo and light isotype        | `<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" /> | Banco de Chile logo and dark isotype    | `<img src="https://assets.fintoc.com/?img_name=bank_de_chile_dark">`    |
| ![](https://assets.fintoc.com/?img_name=bank_de_chile_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Banco de Chile logo and light isotype   | `<img src="https://assets.fintoc.com/?img_name=bank_de_chile_light">`   |
| ![](https://assets.fintoc.com/?img_name=bank_estado_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Banco Estado logo and dark isotype      | `<img src="https://assets.fintoc.com/?img_name=bank_estado_dark">`      |
| ![](https://assets.fintoc.com/?img_name=bank_estado_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Banco Estado logo and light isotype     | `<img src="https://assets.fintoc.com/?img_name=bank_estado_light">`     |
| ![](https://assets.fintoc.com/?img_name=bank_falabella_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Banco Fallabella logo and dark isotype  | `<img src="https://assets.fintoc.com/?img_name=bank_falabella_dark">`   |
| ![](https://assets.fintoc.com/?img_name=bank_falabella_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Banco Fallabella logo and light isotype | `<img src="https://assets.fintoc.com/?img_name=bank_falabella_light">`  |
| ![](https://assets.fintoc.com/?img_name=bank_itau_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Banco Itaú logo and dark isotype        | `<img src="https://assets.fintoc.com/?img_name=bank_itau_dark">`        |
| ![](https://assets.fintoc.com/?img_name=bank_itau_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Banco Itaú logo and light isotype       | `<img src="https://assets.fintoc.com/?img_name=bank_itau_light">`       |
| ![](https://assets.fintoc.com/?img_name=bank_ripley_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Ripley bank logo and dark isotype       | `<img src="https://assets.fintoc.com/?img_name=bank_ripley_dark">`      |
| ![](https://assets.fintoc.com/?img_name=bank_ripley_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Ripley bank logo and light isotype      | `<img src="https://assets.fintoc.com/?img_name=bank_ripley_light">`     |
| ![](https://assets.fintoc.com/?img_name=bank_santander_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Santander bank logo and dark isotype    | `<img src="https://assets.fintoc.com/?img_name=bank_santander_dark">`   |
| ![](https://assets.fintoc.com/?img_name=bank_santander_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Santander bank logo and light isotype   | `<img src="https://assets.fintoc.com/?img_name=bank_santander_light">`  |
| ![](https://assets.fintoc.com/?img_name=bank_scotiabank_dark)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Scotiabank bank logo and dark isotype   | `<img src="https://assets.fintoc.com/?img_name=bank_scotiabank_dark">`  |
| ![](https://assets.fintoc.com/?img_name=bank_scotiabank_light)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Scotiabank bank logo and light isotype  | `<img src="https://assets.fintoc.com/?img_name=bank_scotiabank_light">` |

# Card payment button

To ensure a good experience and understanding for your users, add the button to pay using credit or debit cards on your checkout using the images bellow depending on your configuration:

|                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Description                                                                  | 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" /> | Horizontal logos to use with the text "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" />                 | Vertical logos to use with the text "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;">`   |

Example of checkout button on light and dark modes following the guidelines:

<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>

# Other recommendations

## Pre-filling user's information

Similar to preselecting your user's bank, if you have access to a user's payment information (like their RUT), you can pre-fill this information for users. This can either be editable or not. This is useful to avoid extra steps and to meet any regulatory requirements regarding who makes the payment.\
Use our [widget guide](/v2023-11-15/docs/resources/widget/widget-web-integration) to get more information on how to pre-fill the username field.

## Keep your current background

When opening the widget, don’t redirect users to a new page as this will create new friction points for your users. Instead, keep them in your app or website and open the widget on top and overlay your current screen.

## Avoid duplicated UI elements

For a user-friendly experience, avoid repeating the same elements. In Fintoc, we've integrated navigation into the widget, so users can easily access features without unnecessary clutter. This ensures a smoother, more intuitive journey through the platform.

## React appropriately when there are errors

Small errors will always be handled and mitigated by Fintoc within the widget but in the case that final state ones exist, you should react appropriately to each one in order to ensure a retrial of the process. Currently, failed payments include an error\_reason to indicate what caused the transaction to fail. You can check them out here.

We highly recommend that for these you urge your user to retry the process with the proper modifications as well as indicate that no money was moved.

## Close the loop

When a payment succeeds, it’s important to minimize friction from Fintoc’s flow back into your website or app. We highly suggest you show the *consequence* of using Fintoc, explaining to your user what happens next. Here are some common use cases:

* **P2P Transfers**: Reiterate that the money has been sent and show their account minus the money that was just moved.
* **Fintech wallets/investment:** show their account screen with new money clearly added and visualized.
* **E-commerce:** show a confirmation screen that includes information about the amount paid, billing information, the products purchased, address and delivery date if applicable, or further instructions to obtain the product.

<br />
