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:

<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

Mexico