- Pautas de integración
- Métodos de pago
- Secure Remote Commerce
- Pautas de la interfaz de usuario de SRC
Pautas de la interfaz de usuario de SRC
Debe cumplir con las pautas y requisitos de la interfaz de usuario (IU) de Secure Remote Commerce (SRC) de EMVCo cuando presente SRC como una opción de pago a sus pagadores en su sitio web. En esta página se describen los componentes de la interfaz de usuario, los elementos correspondientes, las pautas y los requisitos dentro de las interacciones del pagador para SRC.
Biblioteca de interfaz de usuario de Click to Pay
Los patrones de referencia con o sin respaldo de gráficos proporcionados en esta página describen cómo presentar Click to Pay en sus páginas de pago.
Hay dos tipos de formatos Click to Pay:
- Activador: cualquier formato que inicia y proporciona el punto de partida para una experiencia Click to Pay y se coloca en la aplicación de pago digital (DPA).
- No activador: cualquier formato que no inicia una experiencia Click to Pay y puede incluir la marca Click to Pay para describir la opción de pago disponible para el pagador.
Para obtener más pautas sobre la marca y los casos de uso del ícono Click to Pay con imágenes operativas del sistema SRC, consulte Secure Remote Commerce (SRC) de EMVCo: requisitos de reproducción de íconos de pago; Versión 1.0 en el sitio web de EMVCo.
La biblioteca de interfaz de usuario de Click to Pay incluye:
- Terminología de activos de Click to Pay
- Patrones de interfaz de usuario para formatos activadores
- Patrones de interfaz de usuario para formatos no activadores
- Recomendaciones de descripción de Click to Pay
Terminología de activos de Click to Pay
Los activos deben mostrarse con un tamaño y diseño similares a los demás logotipos de pago incluidos en la interfaz de usuario de pago del negocio y seguir los estándares web de accesibilidad/contraste de color.
| Nombre del activo | Activo |
|---|---|
| Botón |  |
| Marca horizontal |  |
| Marca vertical (es decir, ícono de Click to Pay) |  |
| Relleno de marca vertical |  |
Patrones de interfaz de usuario para formatos activadores
Los patrones de la interfaz de usuario para los formatos activadores incluyen:
- Patrones con respaldo de gráficos en la selección del método de pago
- Patrones sin respaldo de gráficos en la selección del método de pago
Patrones con respaldo de gráficos en la selección del método de pago
Cuando utiliza un diseño de botón personalizado e inserta el logotipo a todo color del programa en su sitio, se debe utilizar la marca horizontal. Cuando se utiliza un activo de botón completo, debe tener un tamaño similar el de los demás métodos de pago ofrecidos.
| Botón | Marca horizontal |
|---|---|
 |
 |
Patrones sin respaldo de gráficos en la selección del método de pago
Cuando el botón de su método de pago no tiene gráficos habilitados, el activador debe usar una variación de Click to Pay como el llamado a la acción (CTA) y la marca horizontal gráfica debe estar cerca del activador. La cercanía de la marca horizontal con respecto al activador depende de usted.
NO USE
- Click-to-Pay con guiones
- Click to Pay™ con el símbolo de marca registrada
- Click to pay; no se permite la "p" minúscula como etiqueta de pago
- click to pay
Patrones de interfaz de usuario para formatos no activadores
Los patrones de la interfaz de usuario para los formatos no activadores incluyen:
- Estructura de pestañas
- Solo texto en formato desplegable
- Patrones con respaldo de gráficos en la selección del método de pago
- Confirmación del método de pago utilizado
Estructura de pestañas
Cuando usa un formato de solo texto para etiquetar sus opciones de pago en una interfaz con estilo de pestañas, el nombre del programa debe aparecer en su interfaz de usuario como Click to Pay.
| Escenario | Ejemplo |
|---|---|
| Solo etiqueta de texto, botón gráfico utilizado como activador |  |
| Etiqueta de texto + marca horizontal en el contenido de la página. Formato del botón del negocio utilizado como activador |  |
| Marca vertical + etiqueta de texto y copia descriptiva. Botón gráfico utilizado como activador |  |
Solo texto en formato desplegable
Cuando utiliza un menú desplegable nativo y las opciones de selección admiten solo texto, la etiqueta debe adoptar el formato del texto desplegable nativo. Como formato no activador, el botón que procede al pago e inicia Click to Pay es una interacción separada que muestra la marca horizontal en las proximidades o utiliza el botón.
Patrones con respaldo de gráficos en la selección del método de pago
Cuando un negocio usa gráficos en su formato de selección de pago, pero la selección no inicia una experiencia Click to Pay. Hay otra llamada a la acción (CTA) en la página que realmente activa Click to Pay y, por lo tanto, la marca se puede utilizar en estas formas no activadoras.
| Opción 1 | Opción 2 | Opción 3 |
|---|---|---|
 |
 O BIEN 
|
 |
Confirmación del método de pago utilizado
Cuando muestra el método de pago seleccionado por el pagador como una forma de confirmación, el tipo de pago podría mostrarse como solo texto o texto + gráficos en su interfaz de usuario, estilo de fuente, etc. La tarjeta de marca de red utilizada para pagar a través de Click to Pay es la etiqueta/gráfico de la marca que se mostrará en un caso de uso de confirmación.
| Use | No use |
|---|---|
 |
 |
Recomendaciones de descripción de Click to Pay
Estas son recomendaciones de CommWeb payment gateway; sin embargo, usted puede decidir cómo redactar el contenido para describir la experiencia Click to Pay durante el pago.
Opciones de contenido aprobadas por el motor de pagos
- Click to Pay es la forma fácil y segura de pagar en línea, desarrollada por la industria global de pagos. Agregue tarjetas de las redes de pago participantes para usarlas de manera simple y segura para pagar con solo un clic.
- Click to Pay es la forma fácil y segura de pagar en línea, desarrollada por la industria global de pagos. Agregue tarjetas de las redes de pago participantes para usarlas de manera simple y segura en sus tiendas minoristas en línea favoritas que admiten Click to Pay.
- Haga clic en el botón de abajo para acceder a su perfil Click to Pay. Luego, elija una tarjeta y haga clic para pagar.
- Desplácese hacia abajo para completar su compra con Click to Pay. Esta forma fácil y segura de pagar en línea se basa en estándares globales de la industria de pagos para proteger su información de pago.
- La tarjeta Mastercard que termina en ****1234 se aplicó correctamente desde Click to Pay
Opciones de contenido que no permite el motor de pagos
- Click-to-Pay con guiones
- Click to Pay™ con el símbolo de marca registrada
- Click to pay; no se permite la "p" minúscula como etiqueta de pago, pero se recomienda cuando se usa "haga clic para pagar" como lenguaje descriptivo o como una acción