Guías de botón
Terminología aceptada: Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI Imágenes de apoyo: logo de SPEI Para usar nuestros recursos, puedes usar directamente las URLs que proporcionamos, por ejemplo:HTML
Por favor, 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
Úsalo si hay otros botones en el checkout.Múltiples opciones de pago
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 usar el isotipo con imágenes de bancos de apoyo. Te proporcionamos una única imagen de referencia para facilidad. Recuerda que la terminología debe ser Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI.
Logo
Si estás usando los logos completos de otras marcas, por favor usa el logo completo de Fintoc. La terminología debe ser Paga con transferencia o Paga con SPEI o Paga con transferencia SPEI.
Otros usos del logo
Quizás quieras mostrar nuestro logo para indicar con quién trabajas. Queremos ayudarte a hacerlo de la mejor manera. Te proporcionamos dos URLs para que las incrustes en tu sitio web o app para este propósito. Por favor, deja el espacio seguro recomendado alrededor de nuestro logo.
Otras recomendaciones
Prellenar la información del usuario
Si tienes acceso a información de pago del usuario (como su número de teléfono), puedes prellenar esta información, que será editable por tu usuario. Esto es útil para evitar 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, 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 unerror_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
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.