Paiement en un clic

Comment ça marche

Le paiement en un clic permet à l’utilisateur de payer avec des modes de paiement natifs, sécurisés et familiers, comme Apple Pay et Google Pay, sur des appareils compatibles. Ces systèmes de paiement intègrent des mécanismes de sécurité renforcés pour prévenir les transactions non autorisées. Pour garantir un processus de paiement rapide et transparent, vous devrez peut-être effectuer une configuration supplémentaire.

Flux utilisateur lors du paiement en un clic :

1. L’utilisateur ouvre l’interface de paiement pour effectuer un achat.
2. L’utilisateur clique sur un bouton pour payer avec l’un des modes de paiement natifs.
3. L’utilisateur est redirigé vers son portefeuille électronique, où il sélectionne une carte pour effectuer le paiement.
4. L’utilisateur passe la procédure d’authentification en utilisant les données biométriques de son appareil.
5. L’utilisateur retourne à l’interface de paiement, qui affiche le statut de paiement réussi.

Apple Pay

Pour ajouter une option de paiement en un clic avec Apple Pay à l’interface de paiement :

1. Créez une demande pour activer cette option. Pour ce faire :

   a. Ouvrez votre Compte éditeur et accédez à la section Support Hub.

   b. Cliquez sur Submit request.

   

   c. Dans la fenêtre qui s’ouvre, remplissez les champs :

   • Summary. Par exemple : Configuration du paiement en un clic.
   • Description. Spécifiez le domaine utilisé pour ouvrir l’interface de paiement, par exemple amazing.store.com, et indiquez l’option de paiement en un clic : avec Apple Pay, ou bien avec Apple Pay et Google Pay.
   • Project ID. Sélectionnez un ID de projet dans la liste déroulante. Si vous souhaitez configurer l’option de paiement en un clic pour plusieurs projets, indiquez leurs ID dans le champ Description.

   d. Cliquez sur Send.

2. Attendez la réception de votre fichier d’association de domaine. Cette étape est gérée par Xsolla :
   1. Xsolla enregistre votre domaine auprès d’Apple.
   2. Xolla reçoit le fichier d’association de domaine d’Apple.
   3. Xsolla vous envoie le fichier d’association de domaine par e-mail et vous indique où l’importer.
3. En fonction de la méthode utilisée pour ouvrir l’interface de paiement, complétez les configurations supplémentaires nécessaires décrites dans le tableau ci-dessous.
4. Répondez à l’e-mail de Xsolla en confirmant que vous avez bien importé le fichier d’association de domaine à l’endroit spécifié.
5. Attendez la confirmation de Xsolla relative à la vérification réussie de votre domaine auprès d’Apple.

Configurations supplémentaires pour l'ouverture de l'interface de paiement

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body&parent_domain=amazing.store.com" allow="payment""></iframe>

Exemple d’ouverture de l’interface de paiement avec le script Pay Station Embed :

<script>
        const options = {
            access_token: 'PAYMENT_TOKEN',
            lightbox: {
                width: '800px',
                height: '700px',
            },
            queryParams: {
                parent_domain: 'amazing.store.com'
            }
        };
        const s = document.createElement('script');
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://cdn.xsolla.net/payments-bucket-prod/embed/1.5.0/widget.min.js";
        s.addEventListener('load', function (e) {
            XPayStationWidget.init(options);
        }, false);

        const head = document.getElementsByTagName('head')[0];
        head.appendChild(s);
</script>

Limites :

• Si vous passez le paramètre settings.ui.is_independent_windows dans la demande de jeton pour ouvrir l’interface de paiement dans un nouvel onglet d’un navigateur externe, vous ne pourrez pas activer le paiement en un clic avec Apple Pay. Cependant, que ce paramètre soit passé ou non, vous pouvez accepter des paiements avec Apple Pay en ouvrant l’interface de paiement dans un nouvel onglet.
• Si vous utilisez le SDK, veillez à utiliser la dernière version.
• Si vous utilisez le script Pay Station Embed, il doit s’agir de la version 1.5.0 ou d’une version ultérieure.

Google Pay

Pour ajouter une option de paiement en un clic avec Google Pay à l’interface de paiement :

1. En fonction de la , complétez les configurations supplémentaires nécessaires :

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body" allow="payment""></iframe>

2. Créez une demande pour activer cette option. Pour ce faire :

   a. Ouvrez votre Compte éditeur et accédez à la section Support Hub.

   b. Cliquez sur Submit request.

   

   c. Dans la fenêtre qui s’ouvre, remplissez les champs :

   • Summary. Par exemple : Configuration du paiement en un clic.
   • Description. Spécifiez la méthode d’ouverture de l’interface de paiement et indiquez une option de paiement en un clic : avec Google Pay ou avec Google Pay et Apple Pay.
   • Project ID. Sélectionnez un ID de projet dans la liste déroulante. Si vous souhaitez configurer l’option de paiement en un clic pour plusieurs projets, indiquez leurs ID dans le champ Description.

   d. Cliquez sur Send.

3. Attendez la confirmation de Xsolla relative à l’activation réussie de l’option de paiement en un clic pour votre projet.

Limites :

• Si vous passez le paramètre settings.ui.is_independent_windows dans la demande de jeton pour ouvrir l’interface de paiement dans un nouvel onglet d’un navigateur externe, vous ne pourrez pas activer le paiement en un clic avec Google Pay. Cependant, que ce paramètre soit passé ou non, vous pouvez accepter des paiements avec Google Pay en ouvrant l’interface de paiement dans un nouvel onglet.
• Si vous utilisez le script Pay Station Embed, il doit s’agir de la version 1.5.0 ou d’une version ultérieure.
• Les moteurs de jeu ne prennent pas en charge les fenêtres contextuelles, ce qui empêche l’activation du paiement en un clic avec Google Pay lors de l’utilisation du SDK Xsolla pour Unity (à l’exception des versions WebGL) et pour Unreal Engine.
• Pour se conformer à la législation brésilienne, les utilisateurs doivent saisir manuellement leur numéro d’identification fiscale (CPF) lors du paiement avec Google Pay. C’est pourquoi le paiement en un clic avec Google Pay ne peut pas être activé pour les paiements effectués au Brésil.
• Pour les builds WebGL dans Unity, veillez à utiliser la dernière version du SDK.