Plugins

VTEX

VTEX es la plataforma de comercio digital líder en Latinoamérica, utilizada por grandes marcas y retailers para gestionar sus tiendas en línea con alto volumen de transacciones. Con el conector nativo de PaymentsWay puedes activar Visa, Mastercard y PSE en tu tienda VTEX en tres pasos simples — sin desarrollo, sin código, en menos de 15 minutos.

Sin desarrollo

Configuración 100% visual desde el panel de VTEX.

Visa · Mastercard · PSE

Los tres métodos activos con un solo conector.

Certificado IO

Conector oficial VTEX Payment Provider.

Redirect seguro

El cliente paga en el portal de PaymentsWay y vuelve a tu tienda.

Flujo de integración

El diagrama muestra los tres pasos de configuración (que se hacen una sola vez) y el flujo de cada pago desde el checkout de VTEX hasta la confirmación:

Diagrama de flujo
Integración PaymentsWay en VTEXCONFIGURACIÓN — se hace una sola vez01Generar App KeyAccount SettingsAPI Keys → Generatevtexappkey-tienda-XXXX+ App Token (guardar ya)02Crear ProveedorStore Settings → PaymentProviders → New ProvidermerchantId · terminalId · formIdapiKey · App Key · App Token03Métodos de PagoPayment Conditions → "+"Visa · Mastercard · PSEProvider: PaymentsWayEstado: ACTIVE ✓✅ Tienda listaPaymentsWay activoen el checkoutFLUJO DE PAGO — por cada transacción🛒Clientecheckout VTEXVTEX CheckoutSelecciona métodoVisa / MC / PSEConector PWRedirige al portalde PaymentsWayPortalPaymentsWayCliente pagaBanco / Red de pagosAutoriza la transacciónrespuestaregresa a la tienda✅ Pago aprobadoOrden confirmada en VTEX❌ Pago rechazadoCliente vuelve al checkout📡 WebHook automáticoPaymentsWay notifica a VTEX el resultado de cada transacción sin configuración adicionalConector: PaymentsWay v1.0.0 · Tipo: VTEX IO Connector · Moneda: COPFlujo: Redirect · Producción: https://merchant.paymentsway.co · Soporte: soporte@paymentsway.co

Requisitos previos

Antes de iniciar ten a mano los siguientes datos — los entrega el equipo de PaymentsWay:

DatoEjemploDónde obtenerlo
Merchant ID65Panel PaymentsWay → Mis Credenciales
Terminal ID511Panel PaymentsWay → Mis Credenciales
Form ID602Panel PaymentsWay → Botones de Pago
API KeyN2Y5NGQy...Solicitar a soporte@paymentsway.co

Necesitas acceso de administrador a tu tienda VTEX con rol Owner o Finance.

Paso 1 — Generar App Key y App Token en VTEX

El App Key y App Token son las credenciales que permiten al conector de PaymentsWay comunicarse de forma segura con tu tienda VTEX. Se generan una sola vez.

Ruta: Ícono de usuario (arriba a la derecha) → Account Settings → API Keys
URL directa: https://{su-cuenta}.myvtex.com/admin/api-keys

  1. Inicia sesión en el admin de tu tienda VTEX: https://{su-cuenta}.myvtex.com/admin

  2. Haz clic en el avatar de usuario (esquina superior derecha) y selecciona "Account Settings".

  3. Haz clic en "API Keys" y luego en "+ New API Key" (o "Generate Key").

  4. Asigna el nombre "PaymentsWay-Produccion" y el rol "Owner" (o mínimo "FinancePayments").

  5. Haz clic en "Generate". VTEX te mostrará el App Key y un link para obtener el App Token — copia ambos de inmediato.

El App Token se muestra una sola vez. Si cierras la pantalla sin copiarlo tendrás que generar uno nuevo. Guárdalo en un gestor de contraseñas.
El App Key tiene el formato: vtexappkey-{nombretienda}-XXXXXX

CampoEjemplo
App Keyvtexappkey-mitienda-UCXFKW
App TokenXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX (cadena larga)

Paso 2 — Crear el proveedor de pago PaymentsWay

Ruta: Store Settings → Payment → Providers
URL directa: https://{su-cuenta}.myvtex.com/admin/affiliations

  1. En el menú lateral ve a Store Settings → Payment → Providers.

  2. Haz clic en "New Provider", escribe "PaymentsWay" en el buscador y selecciónalo.

  3. Completa el formulario con los valores de la siguiente tabla.

  4. Haz clic en "Guardar". El proveedor aparecerá como "Production".

Campo del formularioValor a ingresar
Nombre (Name)PaymentsWay Prod (o el nombre que prefieras)
Ambiente (Mode)Production
App KeyEl App Key generado en el Paso 1
App TokenEl App Token generado en el Paso 1
merchantIdEntregado por PaymentsWay. Ej: 65
terminalIdEntregado por PaymentsWay. Ej: 511
formIdEntregado por PaymentsWay. Ej: 602
apiKeyClave API de PaymentsWay (diferente al App Key de VTEX)
Workspacemaster

El campo apiKey es la clave de PaymentsWay, distinta al App Key de VTEX. Si la clave tiene espacios o saltos de línea, pégala sin ellos. Su longitud debe ser múltiplo de 4 — si no, añade = al final.

Paso 3 — Configurar métodos de pago

Repite este proceso una vez por cada método: Visa, Mastercard y PSE.

Ruta: Store Settings → Payment → Settings → pestaña "Payment Conditions"
URL directa: https://{su-cuenta}.myvtex.com/admin/pci-gateway#/rules

  1. Haz clic en el botón verde "+" para agregar una nueva condición.

  2. Busca y selecciona el método de pago: Visa.

  3. En el campo Provider selecciona "PaymentsWay".

  4. Asigna el nombre "PaymentsWay Visa".

  5. Cuotas: deja "En una cuota" o configura según tu necesidad.

  6. Haz clic en "Guardar". Repite para Mastercard y PSE.

PSE es un método de débito bancario exclusivo para Colombia. No requiere configuración de cuotas — siempre es un pago en una sola cuota. El cliente es redirigido al portal de su banco para completar el pago.

Al terminar la sección Payment Conditions debe mostrar:

MétodoNombreEstado
VISAPaymentsWay VisaACTIVE
MASTERCARDPaymentsWay MastercardACTIVE
PSEPaymentsWay PSEACTIVE

Datos de referencia del conector

ParámetroValor
Nombre del conectorPaymentsWay
Versión1.0.0
Tipo de integraciónVTEX Payment Provider (IO Connector)
Flujo de pagoRedirect — redirige al portal de PaymentsWay y regresa a la tienda
Ambiente de producciónhttps://merchant.paymentsway.co
Métodos soportadosVisa, Mastercard, PSE (débito bancario Colombia)
MonedaCOP (Peso Colombiano)
Reembolsos / CancelacionesGestionados directamente en el portal de PaymentsWay

Verificación final

Realiza una compra de prueba desde el checkout de tu tienda con un monto mínimo ($1.055 COP) para confirmar que el flujo redirige correctamente al portal de PaymentsWay y regresa a la tienda al completar la transacción.

Soporte

CanalDetalle
Emailsoporte@paymentsway.co
Webwww.paymentsway.co
Teléfono601-7035887 · 315-5546305
DirecciónCarrera 11A N° 93-52, oficina 503, Bogotá, Colombia

En esta página