Skip to main content

Botones y recursos de imagen

Terminología aceptada: Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI para transferencias, Tarjeta de crédito o débito para tarjetas y Paga en efectivo para efectivo Imágenes de apoyo: logo de SPEI para transferencias 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
Evita descargar nuestros recursos para usarlosRecomendamos 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.

Botón de pago por transferencia bancaria

Botón

Usa un botón cuando tu checkout muestre otros métodos de pago como botones.

Combinación (recomendado)

Si tienes más espacio disponible, recomendamos usar el isotipo con el logo de SPEI. Fintoc proporciona una única imagen que puedes usar como referencia. Usa la terminología Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI. Imagen combo Si muestras los logos completos de otras marcas, usa el logo completo de Fintoc. Usa la terminología Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI. Imagen del logo

Botón de pago con tarjeta

Agrega el botón de pago con tarjeta de crédito o débito que coincida con la configuración de tu checkout: Ejemplo de botón de checkout en modos claro y oscuro siguiendo las guías:
Para mostrarles a tus usuarios que trabajas con Fintoc, muestra el logo de Fintoc. Fintoc proporciona dos URLs que puedes incrustar en tu sitio web o app. Deja el espacio seguro recomendado alrededor del logo. Imagen de espacio libre

Otras recomendaciones

Prellena la información de tu usuario

Si tienes acceso a la información de pago de tu usuario, como su número de teléfono, puedes prellenar el campo correspondiente. Tus usuarios aún pueden editar el campo. Prellenar evita pasos extra. Usa nuestra guía del widget 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, mantenlos 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 dado el error explicado.

Cierra el ciclo

Después de un pago exitoso, muestra qué pasa después en tu sitio o app. Casos de uso comunes:
  • Transferencias P2P: Muestra una confirmación de que el dinero fue enviado y actualiza el saldo de la cuenta.
  • Wallets o inversiones fintech: Muestra la pantalla de la cuenta con el nuevo saldo.
  • E-commerce: Muestra una pantalla de confirmación con el monto pagado, datos de facturación, productos comprados, dirección, fecha de entrega o próximos pasos.
Un pago en efectivo queda pendiente después de que tu usuario recibe el voucher de pago, hasta que paga en la tienda. Dile a tu usuario que su compra queda confirmada cuando pague. No muestres un plazo fijo para pagar: el voucher vence cuando vence la Checkout Session.