Integration Types
Otras características
Card Payments
Mobile Wallets
Alternative Payment Methods
Resources
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.
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:
Para conocer más pautas sobre la marca y los casos de uso del icono Click to Pay con imágenes de funcionamiento del sistema SRC, consulte EMVCo Secure Remote Commerce (SRC): 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:
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 |
Los patrones de la interfaz de usuario para los formatos activadores incluyen:
Cuando usa un diseño de botón personalizado e inserta el logotipo a todo color del programa en su sitio, debe usar 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 |
---|---|
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.
Los patrones de la interfaz de usuario para los formatos no activadores incluyen:
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 |
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.
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 |
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 |
---|---|
Estas son recomendaciones de Mastercard Gateway; sin embargo, usted puede decidir cómo redactar el contenido para describir la experiencia Click to Pay durante el pago.