Este documento se ha actualizado.
La traducción en Español (España) no está disponible todavía.
Actualización del documento en inglés: 28 jul. 2023
Actualización del documento en Español (España): 11 feb. 2022

SDK de JavaScript para pagos de Meta

Meta ofrece un kit de desarrollo de software (SDK) para JavaScript, que te ayudará a integrar las experiencias de pago de Meta en tu tienda en línea de una manera más sencilla. Si usas un procesador de pagos, un gateway de pagos o una plataforma de comercio para procesar tus transacciones, es posible que debas usarlos para obtener detalles sobre cómo incorporar las experiencias de pago de Meta en tu integración actual. Para obtener más información, consulta Información general sobre la integración con Meta Pay.

Determinar el patrón de integración

  1. Determina la parte que se integró con la API de Meta Pay y el procesamiento de pagos.
    Puedes ser tú o tu socio en su función de socio de pago, según se lo define en Información general sobre la integración con Meta Pay.
  2. Determina los detalles de tu integración de pago.
    ¿Usas algún SDK de JS externo para procesar los pagos?
  3. Determina el patrón de integración en función de lo que seleccionaste en los puntos 1 y 2.
    1. Si no realizaste la integración con la API de Meta Pay y el procesamiento de pagos y si usas un SDK de JavaScript que te proporcionó tu socio de pago, es necesario que te comuniques con tu socio para determinar cómo activar Meta Pay. Puede ser tan simple como activar Meta Pay en tu portal de comerciantes.
    2. Si no realizaste la integración con la API de Meta Pay API y el procesamiento de pagos y usas una integración de la API con tu socio de pago, deberás realizar la integración con el SDK de JavaScript para Meta Pay y pasar el contenedor de pagos que se devuelve a tu socio de pago para que realice el procesamiento.
    3. Si realizaste la integración con la API de Meta Pay y el procesamiento de pagos, y proporcionas un SDK de JavaScript a tus comerciantes, deberás realizar la integración con el SDK de JavaScript para Meta Pay.
      Además, si pones a disposición de los comerciantes una API para que integren el procesamiento de pagos, dichos comerciantes deberán realizar la integración con el SDK de JavaScript para Meta Pay y pasar el contenedor que se devuelve a un punto de conexión que expongas para procesar pagos y aceptar métodos de pago.

Sigue el gráfico de decisiones para determinar el patrón de integración:

Integración con el SDK de JavaScript para pagos de Meta

Antes de continuar con esta sección, asegúrate de haber leído la sección "Determinar el patrón de integración"

Para instalar el SDK de JavaScript para pagos de Meta, te recomendamos que agregues el código base entre las etiquetas de apertura y cierre en todas las páginas en la que desees mostrar el botón de Meta Pay. El SDK está disponible en este sitio:

https://static.xx.fbcdn.net/payments_sdk/v1/metapay_sdk.js

Ejemplo de integración:

<head> ... <script src="https://static.xx.fbcdn.net/payments_sdk/v1/metapay_sdk.js"></script> ... </head> 

Configura los encabezados de respuesta HTTP dentro del archivo de configuración del servidor como se detalla a continuación:

Content-Security-Policy: default-src ‘self’ static.xx.fbcdn.net graph.facebook.com;
  1. Ahora puedes implementar la integración. Para comenzar, ve a PaymentClient. Una vez que se complete esta integración, recibirás un contenedor de Meta Pay.
  2. Pasa el contenedor de Meta Pay a tu socio de pago para que lo procese. Según la integración, podrás hacerlo directamente desde tu página de pagos o a través de tu integración de backend.

Activar Meta Pay a través del SDK de JavaScript para socios de pago

Antes de continuar con esta sección, asegúrate de haber leído la sección "Determinar el patrón de integración"

  1. Determina con tu socio de pago cómo activar Meta Pay.

A continuación, se muestra la referencia del SDK de JavaScript para pagos de Meta.

Clases