Pago con un clic

Cómo funciona

Con el pago con un clic los usuarios pueden pagar con métodos de pago nativos conocidos y seguros (p. ej., Apple Pay y Google Pay) en los dispositivos compatibles. Estos sistemas de pago recurren a mecanismos de seguridad adicionales para evitar transacciones no autorizadas. Para garantizar un proceso de pago rápido y sin complicaciones, puede tener que realizar algún ajuste en su configuración.

Flujo del usuario cuando se hacen pagos con un clic:

1. El usuario utiliza la interfaz de pago para realizar una compra.
2. El usuario pulsa un botón para pagar con uno de los métodos nativos.
3. Se redirige al usuario a su monedero electrónico y este selecciona una tarjeta para hacer el pago.
4. El usuario supera el procedimiento de autenticación con datos biométricos desde el dispositivo.
5. El usuario vuelve a la interfaz de pago que muestra el estado de pago realizado correctamente.

Apple Pay

Para agregar una opción de pago con un clic a través de Apple Pay a la interfaz de pago:

1. Crea una solicitud para habilitar esta opción. Para ello:

   a. Abra su proyecto en Cuenta del editor y vaya a la sección Support Hub.

   b. Haga clic en Submit request.

   

   c. En la ventana que se abre, rellene los campos:

   • Summary. Por ejemplo, Configuración del pago con un clic.
   • Description. Especifique el dominio empleado para abrir la interfaz de pago; p. ej., amazing.store.com e indique una opción de pago con un clic: a través de Apple Pay o mediante ambos: Apple Pay y Google Pay.
   • Project ID. Seleccione un ID de proyecto de la lista desplegable. Si desea configurar la opción de pago con un solo clic para varios proyectos, especifique sus ID en el campo Description.

   d. Haga clic en Send.

2. Espere a su archivo de asociación de dominio. Xsolla se ocupa de este paso:
   1. Xsolla registra su dominio con Apple.
   2. Xsolla recibe el archivo de asociación de dominio de Apple.
   3. Xsolla le envía por correo electrónico el archivo de asociación de dominio y le ofrece instrucciones sobre dónde cargarlo.
3. En función de la forma en que abra la interfaz de pago, complete las configuraciones adicionales que se describen en la tabla que aparece abajo.
4. Responda al correo electrónico de Xsolla y confirme que ha cargado el archivo de asociación de dominio en la ubicación especificada.
5. Espere la confirmación de Xsolla respecto a la verificación correcta de su dominio con Apple.

Parámetros de configuración adicionales para abrir la interfaz de pago

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

Ejemplo de apertura de la interfaz de pago usando el 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>

Limitaciones:

• Si transmite el parámetro settings.ui.is_independent_windows en la solicitud de token para abrir la interfaz de pago en una nueva pestaña de un navegador externo, no podrá habilitar el pago con un clic mediante Apple Pay. Sin embargo, tanto si se transmite este parámetro como si no, podrá aceptar pagos vía Apple Pay abriéndolo en una nueva pestaña.
• Si utiliza el SDK, asegúrese de emplear la última versión.
• Si usa el script Pay Station Embed, deberá ser la versión 1.5.0 o posterior.

Google Pay

Para agregar una opción de pago con un clic a través de Google Pay a la interfaz de pago:

1. En función de la forma en que abra la interfaz de pago, complete las configuraciones adicionales:

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

2. Crea una solicitud para habilitar esta opción. Para ello:

   a. Abra su proyecto en Cuenta del editor y vaya a la sección Support Hub.

   b. Haga clic en Submit request.

   

   c. En la ventana que se abre, rellene los campos:

   • Summary. Por ejemplo, Configuración del pago con un clic.
   • Descripción. Especifique el modo en que abre la interfaz de pago e indique una opción de pago con un clic: a través de Google Pay o mediante ambos: Apple Pay y Google Pay.
   • Project ID. Seleccione un ID de proyecto de la lista desplegable. Si desea configurar la opción de pago con un solo clic para varios proyectos, especifique sus ID en el campo Description.

   d. Haga clic en Send.

3. Espere la confirmación de Xsolla respecto a la habilitación correcta de la opción de pago con un clic en su proyecto.

Limitaciones:

• Si transmite el parámetro settings.ui.is_independent_windows en la solicitud de token para abrir la interfaz de pago en una nueva pestaña de un navegador externo, no podrá habilitar el pago con un clic mediante Google Pay. Sin embargo, tanto si se transmite este parámetro como si no, podrá aceptar pagos vía Google Pay abriéndolo en una nueva pestaña.
• Si usa el script Pay Station Embed, deberá ser la versión 1.5.0 o posterior.
• Los motores de juego no admiten ventanas emergentes. Por ese motivo, el pago con un clic de Google Pay no está disponible cuando se usa Xsolla SDK para Unity (salvo para las compilaciones de WebGL) y Unreal Engine.
• Para cumplir con la legislación brasileña, los usuarios deben introducir de forma manual su número de identificación fiscal (CPF) cuando paguen con Google Pay. Por ello, el pago con un clic de Google Pay no puede habilitarse para aceptar pagos en Brasil.
• Para las compilaciones de WebGL en Unity, asegúrese de emplear la última versión del SDK.