Journal des modifications
Page de StatutTableau de bordRéserver une Démo
Commencez à taper pour rechercher...
Retour à tous

Journal des modifications du SDK Web v1.5

il y a environ 1 mois par Damian Furfuro
  • Date de publication: Dernière version
  • Statut: Version de production actuelle

Nouveautés de la version 1.5

Cette version introduit un rendu amélioré des boutons Google Pay et Apple Pay, offrant aux commerçants une plus grande flexibilité pour contrôler l'emplacement et l'affichage des boutons.

Mise à jour de l'affichage Google Pay et Apple Pay

Rendu amélioré des boutons pour les méthodes de paiement par portefeuille numérique avec un contrôle amélioré de l'interface utilisateur.

  1. Affichage des boutons directs: Google Pay et Apple Pay apparaissent désormais sous forme de boutons directs plutôt que de boutons radio dans la liste des modes de paiement. Ces boutons sont affichés séparément des autres modes de paiement, offrant ainsi une expérience de paiement plus claire et plus visible.

Nouvelles méthodes et capacités

Meilleur contrôle sur l'emplacement et la gestion des boutons du portefeuille numérique.

  1. Nouvelle méthode : mountExternalButtons: Ajout d'une nouvelle méthode permettant aux commerçants d'afficher les boutons Google Pay et Apple Pay à des emplacements personnalisés dans leur interface utilisateur. Cela leur offre un contrôle total sur l'emplacement et le style des boutons.

  2. Méthodes de démontage des boutons: Ajout de méthodes pour démonter les boutons externes :

    • unmountExternalButton(paymentMethodType): Démonter un seul bouton externe
    • unmountAllExternalButtons(): Démontez tous les boutons externes en même temps.

Lite SDK

Mise à jour Lite SDK pour les intégrations de portefeuilles numériques.

  1. Lite SDKDans la version Lite du SDK, Google Pay et Apple Pay ne sont plus disponibles en tant qu'options de paiement intégrées. Les commerçants doivent utiliser le nouveau mountExternalButtons méthode pour afficher ces modes de paiement.

Améliorations de l'expérience utilisateur

Amélioration des processus d'inscription et de paiement pour une expérience d'achat plus fluide.

  1. Amélioration de l'expérience utilisateur lors de l'inscription à PayPal: le processus d'inscription à PayPal dans SDK Lite et Full SDK été simplifié. Lorsque les clients sélectionnent PayPal pour s'inscrire, la fiche de paiement PayPal s'ouvre désormais immédiatement après la sélection, supprimant ainsi l'étape de confirmation supplémentaire. Cela permet une expérience d'inscription plus rapide et plus fluide.

  2. Amélioration de l'expérience utilisateur pour les paiements PayPal: le flux de paiement PayPal dans SDK Lite et Full SDK été simplifié. Lorsque les clients sélectionnent PayPal comme mode de paiement, la fenêtre de paiement PayPal s'ouvre désormais immédiatement après la sélection, supprimant ainsi l'étape de confirmation supplémentaire. Cela permet une expérience de paiement plus rapide et plus fluide.

Mise en œuvre

Compatibilité ascendante totale pour Full SDK . Lite SDK des modifications du code pour être utilisé. mountExternalButtons pour Google Pay et Apple Pay.

📘

Version actuelle Mise en œuvre

Pour obtenir des instructions complètes sur la mise en œuvre de la version 1.5, consultez la documentation du SDK Web.

Principales modifications par rapport à la version 1.4

  • Aucune modification majeure pour Full SDK: la version 1.5 est entièrement rétrocompatible avec Full SDK .
  • Lite SDK: Google Pay et Apple Pay exigent désormais mountExternalButtons du SDK
  • Nouvelle méthode: mountExternalButtons disponible pour un placement personnalisé des boutons
  • Améliorations de l'interface utilisateur: les boutons Google Pay et Apple Pay s'affichent désormais sous forme de boutons directs plutôt que de boutons radio.
  • Expérience utilisateur lors de l'inscription à PayPal: processus d'inscription simplifié avec ouverture immédiate du formulaire après sélection.
  • Expérience utilisateur du paiement PayPal: flux de paiement PayPal simplifié avec ouverture immédiate de la fiche après sélection

Mise à jour de la balise Script

Dernière source de script pour les fonctionnalités et améliorations de la version 1.5 :

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

Exemple mountExternalButtons

Afficher les boutons Google Pay et Apple Pay à des emplacements personnalisés :

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',
  },
]);

Exemple de boutons de démontage

Démonter un seul bouton externe :

yuno.unmountExternalButton('APPLE_PAY');

Ou démontez tous les boutons externes en même temps :

yuno.démonterTousLesBoutonsExternes();

Migration depuis la version 1.4

Processus de mise à niveau transparent pour Full SDK modification majeure. Lite SDK des mises à jour du code pour Google Pay et Apple Pay.

Full SDK

La mise à niveau de la version 1.4 à la version 1.5 nécessite des modifications minimes :

  1. Mettez à jour votre source de script pour pointer vers la version 1.5.
  2. Aucune modification du code n'est nécessaire pour les implémentations existantes
  3. Google Pay et Apple Pay s'afficheront automatiquement sous forme de boutons directs plutôt que de boutons radio.

Lite SDK

Si vous utilisez Lite SDK souhaitez continuer à proposer Google Pay et Apple Pay :

  1. Mettez à jour votre source de script pour pointer vers la version 1.5.
  2. Ajouter le mountExternalButtons appel de méthode après startCheckout
  3. Créez des éléments HTML à l'endroit où vous souhaitez que les boutons apparaissent (par exemple, <div id="apple-pay"></div>)
  4. Utilisez mountExternalButtons pour afficher les boutons aux emplacements que vous avez choisis

Exemple de migration pour Lite SDK:

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

Ce qui est obsolète

Version entièrement rétrocompatible conservant toutes les fonctionnalités existantes.

Aucune fonctionnalité n'a été supprimée dans la version 1.5. Toutes les fonctionnalités précédentes restent disponibles et prises en charge. Le changement dans l'affichage de Google Pay et Apple Pay (des boutons radio aux boutons directs) est une amélioration de l'interface utilisateur et n'affecte pas les fonctionnalités.