Registro de cambios de Web SDK v1.5

Fecha de publicación: Última versión
Estado: Versión de producción actual

Novedades de la versión 1.5

Esta versión presenta una mejora en la representación de los botones de Google Pay y Apple Pay, con mayor flexibilidad para que los comerciantes controlen la ubicación y la visualización de los botones.

Actualización de la visualización de Google Pay y Apple Pay

Renderización mejorada de botones para pago con monedero digital con un control mejorado de la interfaz de usuario.

Botones directos: Google Pay y Apple Pay ahora aparecen como botones directos en lugar de botones de opción dentro de la lista pago . Estos botones se muestran por separado de otros pago , lo que proporciona una experiencia de pago más clara y destacada.

Nuevos métodos y capacidades

Mayor control sobre la ubicación y gestión de los botones de la cartera digital.

Nuevo método: mountExternalButtons: Se ha añadido un nuevo método que permite a los comerciantes mostrar los botones de Google Pay y Apple Pay en ubicaciones personalizadas dentro de vuestra interfaz de usuario. Esto proporciona un control total sobre la ubicación y el estilo de los botones.
Métodos para desmontar botones: Se han añadido métodos para desmontar botones externos:
- unmountExternalButton(paymentMethodType)Desmontar un solo botón externo
- unmountAllExternalButtons(): Desmontar todos los botones externos a la vez.

Lite SDK

Lite SDK actualizado Lite SDK para integraciones de monederos digitales.

Lite SDK: En la versión Lite del SDK, Google Pay y Apple Pay ya no están disponibles como pago integradas. Los comerciantes deben utilizar el nuevo mountExternalButtons método para mostrar estos pago .

Mejoras en la experiencia del usuario

pago mejorados de inscripción y pago para una experiencia de compra más fluida.

Mejora de la experiencia de usuario en el registro de PayPal: Full SDK optimizado el proceso de registro de PayPal en SDK Lite y Full SDK . Cuando los clientes seleccionan PayPal para registrarse, la pago de PayPal se abre inmediatamente después de la selección, lo que elimina el paso de confirmación adicional. Esto proporciona una experiencia de registro más rápida y fluida.
Mejora pago : Full SDK optimizado pago de PayPal en SDK Lite y Full SDK . Cuando los clientes seleccionan PayPal como pago , la pago de PayPal se abre inmediatamente después de la selección, eliminando el paso de confirmación adicional. Esto proporciona una experiencia de pago más rápida y fluida.

Implementación

Total compatibilidad con versiones anteriores para Full SDK . Lite SDK cambios en el código para poder utilizarlo. mountExternalButtons para Google Pay y Apple Pay.

📘
Implementación de la versión actual
Para obtener instrucciones completas sobre la implementación con la versión 1.5, visita la documentación del SDK web.

Cambios importantes con respecto a la versión 1.4

Sin cambios importantes para Full SDK: la versión 1.5 es totalmente compatible con versiones anteriores para Full SDK .
Lite SDK: Google Pay y Apple Pay ahora requieren mountExternalButtons method
Nuevo método: mountExternalButtons disponible para la colocación personalizada de botones
Mejoras en la interfaz de usuario: los botones de Google Pay y Apple Pay se muestran como botones directos en lugar de botones de opción.
Experiencia de usuario en el registro de PayPal: flujo de registro optimizado en PayPal con apertura inmediata de la hoja tras la selección.
pago PayPal: pago de PayPal optimizado con apertura inmediata de la hoja tras la selección.

Actualización de la etiqueta de script

Última fuente de script para las características y mejoras de la versión 1.5:

<script src="https://sdk-web.y.uno/v1.5/main.js"></script>

Ejemplo de mountExternalButtons

Mostrar los botones de Google Pay y Apple Pay en ubicaciones personalizadas:

const yuno = await window.Yuno.initialize(publicApiKey);

await yuno.startCheckout({
  checkoutSession,
  elementSelector: '#root',
  countryCode: 'US',
  language: 'en',
  // ... other configuration
});

// Mount external buttons
await yuno.mountExternalButtons([
  {
    paymentMethodType: 'APPLE_PAY',
    elementSelector: '#apple-pay',
  },
  {
    paymentMethodType: 'GOOGLE_PAY',
    elementSelector: '#google-pay',
  },
]);

Ejemplo de botones de desmontaje

Desmontar un solo botón externo:

yuno.desmontarBotónExterno('APPLE_PAY');

O desmonta todos los botones externos a la vez:

yuno.unmountAllExternalButtons();

Migración desde la versión 1.4

Proceso de actualización fluido para Full SDK cambios importantes. Lite SDK actualizaciones de código para Google Pay y Apple Pay.

Full SDK

La actualización de la versión 1.4 a la versión 1.5 requiere cambios mínimos:

Actualiza el código fuente de tu script para que apunte a la versión 1.5.
No se requieren cambios de código para las implementaciones existentes
Google Pay y Apple Pay aparecerán automáticamente como botones directos en lugar de botones de opción.

Lite SDK

Si utilizas Lite SDK deseas seguir ofreciendo Google Pay y Apple Pay:

Actualiza el código fuente de tu script para que apunte a la versión 1.5.
Añade el mountExternalButtons llamada al método después de startCheckout
Crea elementos HTML donde quieras que aparezcan los botones (por ejemplo, <div id="apple-pay"></div>)
Usar mountExternalButtons para mostrar los botones en las ubicaciones elegidas

Ejemplo de migración para Lite SDK:

// After startCheckout
await yuno.mountExternalButtons([
  {
    paymentMethodType: 'APPLE_PAY',
    elementSelector: '#apple-pay',
  },
  {
    paymentMethodType: 'GOOGLE_PAY',
    elementSelector: '#google-pay',
  },
]);

Qué está obsoleto

Versión totalmente compatible con versiones anteriores que mantiene toda la funcionalidad existente.

No se han eliminado funciones en la versión 1.5. Todas las funciones anteriores siguen estando disponibles y son compatibles. El cambio en la visualización de Google Pay y Apple Pay (de botones de opción a botones directos) es una mejora de la interfaz de usuario y no afecta a la funcionalidad.