En VTEX puedes realizar la integración con el proveedor de pago StripeV2. A través de este proveedor, tu tienda puede ofrecer diversos medios de pago, como Visa, American Express, Diners, Elo, Hipercard, Mastercard, BankInvoice, Stripe, Google Pay, ApplePay, OXXO, Discover, Affirm, Klarna, ZIP, Blik, Ideal, SPEI, MultiBanco, Afterpay, Bancontact, EPS, FPX, giropay y P24.

Para más información sobre la integración de VTEX con Stripe, también puede acceder a la documentación de Vinneren.

El proveedor StripeV2 puede procesar transacciones de pago en tiendas VTEX de dos maneras diferentes:

• VTEX Native Checkout Experience: puede usarse para tarjetas de crédito, tarjetas de débito y medios de pago desarrollados con Payment Provider Framework (PPF). Esta opción es recomendable si deseas configurar otros gateways de pago para diferentes redes de tarjeta o realizar transacciones utilizando el checkout nativo de VTEX.

• VTEX with Stripe Payment Element Experience: aplicación de pago basada en el Stripe’s Optimized Checkout Suite (OCS). Esta opción se recomienda si deseas utilizar Stripe exclusivamente para procesar todas las redes de tarjetas o para acceder a Stripe Link, una solución que ofrece acceso rápido a varios medios de pago con un solo clic.

VTEX with Stripe Payment Element Experience utiliza el Stripe Payment Elements Checkout, proporcionando acceso a los medios de pago actuales y futuros admitidos por Stripe. En esta opción, la configuración de los medios de pago se debe realizar directamente en Stripe Dashboard.

Para información sobre la lista completa de medios de pago procesados por cada una de las opciones de operación de StripeV2, ponte en contacto con los equipos de soporte de Vinneren o Stripe.

Después de determinar la opción con la que deseas operar en tu tienda, sigue las instrucciones del procedimiento correspondiente a continuación:

• Configurar VTEX Native Checkout Experience
• Configurar VTEX con Stripe Payment Element Experience

La configuración realizada en un entorno externo a VTEX puede descontinuarse o modificarse sin previo aviso. Consulta tu cuenta en Stripe para información actualizada.

El equipo de Stripe debe habilitar los pagos de RawPan en su cuenta. Comuníquese con su Stripe advisor. Si esta opción no está habilitada en su cuenta, no podrá realizar transacciones exitosas.

Requisitos previos:

• Usuario VTEX con permisos de administrador
• Cuenta activa de Stripe

Para utilizar VTEX Native Checkout Experience en tu tienda, es necesario:

• Instalar las aplicaciones de Stripe
• Configurar StripeV2 en VTEX
• Configurar condición de pago

Para instalar las aplicaciones de Stripe en tu tienda, sigue los pasos a continuación:

Para configurar la integración de StripeV2 en VTEX sigue los pasos a continuación:

1. En el Admin VTEX, accede a Configuración de la tienda > Pago > Proveedores, o ingresa Proveedores en la barra de búsqueda en la parte superior de la página.
2. En la pantalla de proveedores, haz clic en el botón Nuevo proveedor.
3. Ingresa StripeV2 en la barra de búsqueda y haz clic en el nombre del proveedor.
4. En Clave de aplicación, ingrese la clave publicable que obtuvo en los pasos anteriores.
5. En Token de aplicación, ingrese la clave secreta que obtuvo en los pasos anteriores.
6. En Información general, en la opción Nombre, ingrese StripeV2NativeCheckout para identificar el tipo de integración.
7. En Campos del proveedor, en la opción Mode, selecciona Float.
8. En Test Mode, seleccione Falso si el modo es Live o True si el modo es Test.
9. Haz clic en Guardar.

Para configurar el script antifraude para StripeV2 en VTEX, siga los pasos a continuación:

1. Copia el script disponible en la sección "Integrate script into your VTEX store".
2. En el Admin de VTEX, acceda a Configuración de la tienda > Storefront > Checkout > Código.
3. Haga clic en el botón Nuevo e ingrese un nombre descriptivo.
4. Pegue el contenido del script que copió anteriormente.
5. Reemplace la información "pk_test" con su clave pública de Stripe copiada en los pasos anteriores.
6. Haga clic en Guardar.

Para configurar una condición de pago para StripeV2 en VTEX sigue los pasos a continuación:

1. En el Admin VTEX, accede a Configuración de la tienda > Pago > Configuración, o ingresa Configuración en la barra de búsqueda en la parte superior de la página.
2. En la pestaña Condiciones de pago, haz clic en el botón +.
3. Haz clic sobre el nuevo medio de pago que desees utilizar.
4. En la pantalla de configuración, activa la condición haciendo clic en Status.
5. En Procesar con el proveedor, selecciona la opción StripeV2NativeCheckout.
6. Si deseas utilizar un sistema antifraude, selecciona la opción Utilizar antifraude.
7. Si lo deseas, también puedes configurar condiciones de pago especiales.
8. Haz clic en Guardar.

Para más información sobre los procedimientos de instalación de VTEX Native Checkout Experience, accede a la documentación pública de Stripe en Vinneren.

Requisitos previos:

• Usuario VTEX con permisos de administrador
• Cuenta activa de Stripe

Para utilizar o VTEX with Stripe Payment Element Experience em sua loja, é necessário:

• Instalar las aplicaciones de Stripe
• Configurar StripeV2 en VTEX
• Configurar condiciones de pago
• Configurar un webhook en la cuenta Stripe

Para instalar las aplicaciones de Stripe en tu tienda sigue los pasos a continuación:

Para configurar la integración de StripeV2 en VTEX sigue los pasos a continuación:

1. En el Admin VTEX, accede a Configuración de la tienda > Pago > Proveedores, o ingresa Proveedores en la barra de búsqueda en la parte superior de la página.
2. En la pantalla de proveedores, haz clic en el botón Nuevo proveedor.
3. Ingresa StripeV2 en la barra de búsqueda y haz clic sobre el nombre del proveedor.
4. En Clave de aplicación, ingresa la clave publicable que obtuviste en el VTEX Elements Checkout (Stripe App).
5. En Token de aplicación, ingresa la clave secreta que obtuviste en el VTEX Elements Checkout (Stripe App) (restricted API key).
6. En Información general, en la opción Nombre, ingrese StripeV2Elements para identificar el tipo de integración.
7. En Campos del proveedor, en la opción Mode, selecciona Embedded.
8. En Test Mode, seleccione Falso si el modo es Live o True si el modo es Test.
9. Haz clic en Guardar.
10. Agregue claves Stripe en la configuración de la aplicación del proveedor, de la siguiente manera:

Para configurar una condición de pago para StripeV2 en VTEX sigue los pasos a continuación:

1. En el Admin VTEX, accede a Configuración de la tienda > Pago > Configuración, o ingresa Configuración en la barra de búsqueda en la parte superior de la página.
2. En la pestaña Condiciones de pago, haz clic en el botón +.
3. Haz clic sobre el nuevo medio de pago que desees utilizar.
4. En la pantalla de configuración, activa la condición haciendo clic en Status.
5. En Procesar con proveedor, selecciona la opción StripeV2Elements.
6. Si deseas utilizar un sistema antifraude, selecciona la opción Utilizar antifraude.
7. Si lo deseas, también puedes configurar condiciones de pago especiales.
8. Haz clic en Guardar.

Para más información sobre los procedimientos de instalación de VTEX with Stripe Payment Element Experience, accede a la documentación pública de Stripe en Vinneren.

Para realizar la configuración del webhook en tu cuenta Stripe, sigue los pasos a continuación:

1. Accede al dashboard de tu cuenta Stripe.
2. Haz clic en el botón Developers.
3. Haz clic en la pestaña Webhooks.
4. Haz clic en el botón Add a connection point.
5. En el campo Connection point URL, ingresa la URL del endpoint de tu tienda VTEX en el siguiente formato: https://{{account}}.myvtex.com/_v/stripe.payment-provider-connector/v0/webhook. Sustituye {account} por el nombre de tu cuenta VTEX.
6. Haz clic en + Select events.
7. Haz clic en las categorías y selecciona los siguientes eventos:

8. Haz clic en Add events.
9. Haz clic en Add Connection Point.

Con el proveedor StripeV2 puedes procesar pagos con Google Pay en tu tienda. Para configurar Google Pay sigue los pasos a continuación:

1. Si ya completó los pasos de instalación de VTEX Elements, continúe con el Paso 13.
2. Instale el VTEX Elements Checkout (Stripe App) para obtener las claves de Stripe necesarias.
3. Una vez que se complete la instalación, se mostrarán las claves pública (pk) y restringida (rk). Cópielos y guárdelos, ya que los utilizará más adelante.
4. En el Admin VTEX, accede a Configuración de la tienda > Pago > Proveedores, o ingresa Proveedores en la barra de búsqueda en la parte superior de la página.
5. En la pantalla de proveedores, haz clic en el botón Nuevo proveedor.
6. Ingresa StripeV2 en la barra de búsqueda y haz clic sobre el nombre del proveedor.
7. En Clave de aplicación, ingresa la clave publicable que obtuviste en el VTEX Elements Checkout (Stripe App).
8. En Token de aplicación, ingresa la clave secreta que obtuviste en el VTEX Elements Checkout (Stripe App) (restricted API key).
9. En Información general, en la opción Nombre, ingrese StripeV2Elements para identificar el tipo de integración.
10. En Campos del proveedor, en la opción Mode, selecciona Embedded.
11. En Test Mode, seleccione Falso si el modo es Live o True si el modo es Test.
12. Haz clic en Guardar.
13. En el Admin VTEX, accede a Configuración de la tienda > Pago > Configuración, o ingresa Configuración en la barra de búsqueda en la parte superior de la página.
14. En la pestaña Condiciones de pago, haz clic en el botón +.
15. Haz clic en la opción Google Pay.
16. En la pantalla de configuración, activa la condición haciendo clic en Status.
17. En Procesar con proveedor, selecciona la opción StripeV2Elements.
18. Haz clic en Guardar.

Cuando hayas realizado estos pasos, Google Pay figurará en el checkout de la tienda como uno de los medios de pago disponibles.

Con el proveedor StripeV2 puedes procesar pagos con Apple Pay en tu tienda. Para configurar Apple Pay sigue los pasos a continuación:

1. Si ya completó los pasos de instalación de VTEX Elements, continúe con el Paso 13.
2. Instale el VTEX Elements Checkout (Stripe App) para obtener las claves de Stripe necesarias.
3. Una vez que se complete la instalación, se mostrarán las claves pública (pk) y restringida (rk). Cópielos y guárdelos, ya que los utilizará más adelante.
4. En el Admin VTEX, accede a Configuración de la tienda > Pago > Proveedores, o ingresa Proveedores en la barra de búsqueda en la parte superior de la página.
5. En la pantalla de proveedores, haz clic en el botón Nuevo proveedor.
6. Ingresa StripeV2 en la barra de búsqueda y haz clic sobre el nombre del proveedor.
7. En Clave de aplicación, ingresa la clave publicable que obtuviste en el VTEX Elements Checkout (Stripe App).
8. En Token de aplicación, ingresa la clave secreta que obtuviste en el VTEX Elements Checkout (Stripe App) (restricted API key).
9. En Información general, en la opción Nombre, ingrese StripeV2Elements para identificar el tipo de integración.
10. En Campos del proveedor, en la opción Mode, selecciona Embedded.
11. En Test Mode, seleccione Falso si el modo es Live o True si el modo es Test.
12. Haz clic en Guardar.
13. Accede al dashboard de sua conta na Stripe en la sección de configuración de pagos.
14. En Settings, haz clic en Payment Methods.
15. Haz clic en Apple Pay > Set Up.
16. Haz clic en Add to New Domain.
17. Ingresa el dominio público del sitio web de tu tienda.
18. Haz clic en Add.
19. Ejecuta las acciones descritas en la documentación de Stripe y luego haz clic en Download the domain association file.
20. Tras obtener el archivo, guarda la información y accede a la siguiente URL https://{{account}}.myvtex.com/_v/stripe.paid-provider/v0/registerApplePay. Sustituye {{account}} por el nombre de tu cuenta VTEX.
21. Ingresa la información previamente guardada en el campo Enter your Apple App Key.
22. Haz clic en Guardar.
23. En el Admin VTEX, accede a Configuración de la tienda > Pago > Configuración, o ingresa Configuración en la barra de búsqueda en la parte superior de la página.
24. En la pestaña Condiciones de pago, haz clic en el botón +.
25. Haz clic en Apple Pay.
26. En la pantalla de configuración, activa la condición haciendo clic en Status.
27. En Procesar con proveedor, selecciona la opción StripeV2.
28. Si deseas utilizar un sistema antifraude, selecciona la opción Utilizar antifraude.
29. Indique si desea procesar pagos con o sin cuotas.
30. Si lo deseas, también puedes configurar condiciones de pago especiales.
31. Haz clic en Guardar.

Cuando hayas realizado estos pasos, Apple Pay figurará en el checkout de la tienda como uno de los medios de pago disponibles.

La condición de pago en cuotas sin intereses (MSI - Meses Sin Intereses) está disponible en Stripe únicamente para cuentas en México.

MSI se puede configurar tanto la opción de operación VTEX Native Checkout experience como para VTEX with Stripe Payment Element Experience. A continuación se indican los pasos para configurarla en función de la opción de operación adoptada en tu tienda:

1. Crea una cuenta Stripe en México configurada con la moneda MXN.
2. En el Admin VTEX, accede a Configuración de la tienda > Pago > Configuración, o ingresa Configuración en la barra de búsqueda en la parte superior de la página.
3. Haz clic en uno de los medios de pago disponibles que procesan pagos con MSI (tarjetas VISA, AMEX y Mastercard).
4. Configura las condiciones MSI de la forma deseada en la pantalla del medio de pago.
5. Configura las condiciones MSI en tu dashboard de Stripe con la misma información utilizada en la configuración de VTEX (paso 4).

Si la información registrada en los pasos 4 y 5 es diferente, la condición de MSI podría no funcionar correctamente.

1. Crea una cuenta Stripe en México configurada con la moneda MXN.
2. Configura las condiciones de MSI en tu dashboard de Stripe.
3. Ponte en contacto con tu representante de Stripe o con el equipo de Ayuda y soporte de Stripe para solicitar que esta condición de pago se active en tu tienda.