Saltar al contenido principal

Google Pay

Integración Web​

Puedes empezar a aceptar pagos con Google Pay en la Web usando la Página de pago alojada o el Componente Payment Request. No se necesita ninguna configuración adicional.

Nuestro Componente Payment Request te ofrece una única integración para Apple Pay y Google Pay. Los clientes ven un botón de Google Pay o de Apple Pay, según qué combinación de dispositivo y navegador sea compatible.

Si prefieres integrar directamente contra la API de Google Pay, sigue la guía de integración directa con la API que se muestra a continuación.

Antes de empezar​

Para aceptar pagos con Google Pay necesitas tener al menos un procesador de tarjetas configurado.

Para configurar los procesadores de tarjetas ve a MONEI Dashboard → Ajustes → Métodos de pago → Pagos con tarjeta.

Antes de empezar, necesitas:

  • Asegurarte de que tienes Google Pay habilitado en MONEI Dashboard → Ajustes → Métodos de pago.
  • Añadir una tarjeta en Chrome.
  • Servir tu aplicación a través de HTTPS. Esto es un requisito tanto en desarrollo como en producción. Una forma de ponerse en marcha es usar un servicio como ngrok.

Para probar tu integración:

  • Usa tu Account ID y clave de API del modo de prueba.
  • Puedes usar cualquier dato de tarjeta real; no se realizará ningún cobro en el modo de prueba (los datos de la tarjeta se sustituyen automáticamente por la tarjeta de prueba).
  • Puedes comprobar el estado del pago de prueba en tu MONEI Dashboard → Pagos (en modo de prueba).
Condiciones de Google Pay

Al integrar Google Pay™, aceptas la Política de uso aceptable de las APIs de Google Pay y los términos definidos en las Condiciones del servicio de la API de Google Pay.

Checkout Exprés​

Usa el checkout exprés para recopilar las direcciones de envío y facturación directamente en la hoja de pago de Google Pay. Consulta la guía de Checkout Exprés para ver la configuración y los ejemplos.

Integración directa con la API​

Si prefieres integrar directamente contra la API de Google Pay, sigue las instrucciones de Google.

Especifica la siguiente especificación de tokenización:

const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    gateway: 'monei',
    gatewayMerchantId: 'MONEI_ACCOUNT_ID'
  }
};

Usa el merchantId de MONEI de la API Get PaymentMethods (metadata.googlePay.merchantId). No se requiere ningún registro adicional con Google.

paymentDataRequest.merchantInfo = {
  merchantName: 'Your Business Name',
  // Get merchantId from Get PaymentMethods API (metadata.googlePay.merchantId)
  // Test: 12345678901234567890, Production: BCR2DN6T37ENLJ3M
  merchantId: 'MONEI_GOOGLE_PAY_MERCHANT_ID'
};

Intercambia el token de Google Pay por un token de pago de MONEI que pueda usarse para confirmar el pago:

async function processPayment(paymentData) {
  // Encode Google Pay token as a base64 string
  const token = window.btoa(paymentData.paymentMethodData.tokenizationData.token);
  const result = await monei.api.createToken({
    paymentId: '{{payment_id}}',
    paymentMethod: {
      googlePay: {
        token: token
      }
    }
  });
  return moneiTokenHandler(result.paymentToken);
}

Confirmar el pago​

Una vez que hayas obtenido el token de pago de MONEI, puedes confirmar el pago usando el token.

async function moneiTokenHandler(token) {
  try {
    const result = await monei.confirmPayment({
      paymentId: '{{payment_id}}',
      paymentToken: token
    });
    // At this moment you can show a customer the payment result
    // But you should always rely on the result passed to the callback endpoint
    // on your server to update the order status
    console.log(result);
  } catch (error) {
    console.error(error);
  }
}

Antes de pasar a producción​