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

# Checkout UX Guidelines

We take customer experience and payment conversion seriously. To ensure your success, our UX/UI experts have created this helpful guide for your organization.

### Best Practices

✅Do:

* Only use buttons and images provided by Fintoc by embedding the URL provided.
* Use the same button or image style throughout your site.
* Button text should only include Fintoc-approved terminology.
* Make sure the size of Fintoc buttons is equal to or larger than other buttons.
* Make sure you choose a background color that contrasts with the button color.
* Try to add the supporting images by country.

❌ Do not:

* Do not create your own Fintoc buttons or modify the font, color, button radius, or padding inside the button in any way.
* Do not utilize a png, jpg or non URL version of the buttons and images provided.
* Do not make the Fintoc button smaller than other buttons.
* Do not use a background color that is similar to the button color.
* Do not add shadow effects to the button.
* Do not add hover effects.
* Do not add external strokes to the button.
* Do not utilize any other terminology than the one approved for that country.

### Why use URLs in your checkout

We recommend that you use the URL links directly in your application or website to get the most up-to-date version of the images. This way you don't have to update your checkout every time there is a change.

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

If you have any questions on how to implement these recommendations, please contact our team.

### Country specific guidelines

[Chile](/docs/payments/checkout-ux-guidelines/chile)

[Mexico](/docs/payments/checkout-ux-guidelines/mexico)
