Conectar WebPay en pruebas y produccion

Qué vas a lograr

• Entender dónde se configura WebPay Plus dentro del dashboard de Flobu.
• Activar WebPay correctamente en Modo de prueba y saber cómo pasarlo después a Producción.
• Evitar errores comunes al mezclar entorno, credenciales y expectativas sobre esta pantalla.

---

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: en este tutorial usarás Tienda online.
• Panel central: dentro de Tienda online, entrarás a la pestaña Pagos, donde verás el bloque desplegable WebPay Plus dentro de Configuración de Métodos de Pago.
• Acciones clave: usarás Activar WebPay Plus, Modo de prueba, los campos Código de comercio y Secret Key, el botón superior Guardar cambios y la tarjeta Resumen.
• Alcance de este tutorial: aquí configurarás WebPay para el checkout web de tu tienda. No sirve para cobrar pedidos manualmente, no genera links de pago y no reemplaza los flujos de confirmación de pago o reembolso de los pedidos.

---

1) Entrar a WebPay Plus y entender qué se configura aquí

1. Entra al dashboard.
2. Abre Tienda online desde el menú lateral.
3. En el menú superior de esa sección, entra a Pagos.
4. Verifica que llegaste a la pantalla Configuración de Métodos de Pago.
5. Abre el bloque WebPay Plus.
6. Revisa su estructura antes de editar:
   • Tarjeta de Estado y completitud.
   • Toggle Activar WebPay Plus.
   • Toggle Modo de prueba.
   • Campo Código de comercio.
   • Campo Secret Key.
7. Mira también el badge del bloque. Si el método está desactivado verás Desactivado. Si está activo, el badge mostrará Test o Producción.
8. Ten presente una diferencia importante: esta configuración se guarda a nivel de tienda, no como un WebPay separado por sucursal.
9. Antes de cambiar nada, entiende otra regla clave de la interfaz: este bloque no tiene un botón propio para guardar.
10. Todos los cambios de Pagos se aplican con el botón superior Guardar cambios.

Resultado esperado:

• Entraste al bloque correcto de WebPay Plus.
• Entendiste que esta pantalla configura el checkout web de la tienda y que el guardado se hace desde un solo botón superior.

---

2) Dejar WebPay activo en Modo de prueba

1. Dentro del bloque WebPay Plus, activa Modo de prueba.
2. Cuando ese switch está encendido, Flobu deja WebPay en entorno de pruebas y el badge final debe mostrar Test.
3. Completa los campos Código de comercio y Secret Key.
4. En la interfaz actual de Flobu, esos campos deben estar completos para que puedas activar el método, incluso si estás trabajando en pruebas.
5. Si intentas activar Activar WebPay Plus con campos vacíos, el bloque no se activará y Flobu te llevará al primer dato pendiente.
6. Cuando los campos ya estén completos, activa Activar WebPay Plus.
7. Haz clic en Guardar cambios.
8. Si todo sale bien, verás el mensaje Métodos de pago actualizados correctamente.
9. Revisa la tarjeta Resumen al final de la pantalla.
10. WebPay debe aparecer activo y con la etiqueta Test.
11. La validación práctica de este paso no ocurre dentro del formulario. Debes probar el checkout de tu tienda con un pedido de prueba y las tarjetas de test que Transbank publica para su entorno de integración.

Resultado esperado:

• WebPay quedó activo en pruebas y guardado correctamente.
• Confirmaste en Resumen que el entorno visible es Test.

---

3) Pasar de pruebas a Producción sin mezclar entornos

1. Cuando ya termines tus pruebas, vuelve al bloque WebPay Plus.
2. Desactiva Modo de prueba.
3. Revisa inmediatamente los campos Código de comercio y Secret Key.
4. Antes de salir en vivo, esos campos deben corresponder a tus credenciales reales de producción.
5. Si hace falta, reemplázalos en este mismo bloque.
6. Deja activo Activar WebPay Plus.
7. Haz clic en Guardar cambios.
8. Vuelve a revisar la tarjeta Resumen.
9. WebPay debe aparecer como activo en Producción.
10. Haz una validación operativa desde el checkout real de tu tienda para confirmar que el flujo ya está funcionando con el entorno correcto.
11. No confundas este cambio con otros módulos de Flobu:
    • Aquí no confirmas pagos de pedidos ya creados.
    • Aquí no generas devoluciones.
    • Aquí no administras cuotas, vouchers ni estados de pago manuales.

Resultado esperado:

• WebPay quedó preparado para producción con el entorno correcto.
• Entendiste cómo pasar de Test a Producción sin mezclar la configuración.

---

Checklist final rápido

• Entré a Tienda online > Pagos.
• Revisé el bloque WebPay Plus y su estado actual.
• Entendí que WebPay se configura a nivel de tienda y no por sucursal.
• Completé Código de comercio y Secret Key antes de activar el método.
• Usé Modo de prueba para dejar el método en Test.
• Guardé los cambios con Guardar cambios.
• Revisé la tarjeta Resumen para validar si WebPay quedó en Test o en Producción.
• Entendí que la prueba final se hace en el checkout de la tienda y no dentro de este formulario.

---

Errores comunes

• Intentar activar WebPay Plus con campos vacíos. La interfaz de Flobu bloquea esa activación hasta que completes Código de comercio y Secret Key.
• Pensar que Modo de prueba y Producción usan pantallas separadas. En Flobu todo se administra desde el mismo bloque; debes revisar bien el entorno antes de guardar.
• Creer que el bloque guarda automáticamente al mover un switch. Siempre debes confirmar el cambio con Guardar cambios.
• Olvidar reemplazar o confirmar las credenciales antes de pasar a producción. Revisa los campos y el badge de Resumen antes de salir en vivo.
• Esperar que esta pantalla sirva para cobrar manualmente pedidos o generar links de pago. Ese no es el alcance real del módulo Pagos.