Artículos sobre: Optimización

Crear y gestionar Checkouts

¿Qué es un Checkout?


Un Checkout es la pantalla de pago que ven tus clientes cuando están a punto de pagar. Cada checkout puede:


  • Mostrar diferentes métodos de pago (tarjeta, Bizum, PayPal, criptomonedas, etc.)
  • Mostrarse solo a ciertos clientes según reglas de segmentación (país, idioma, tipo de dispositivo, moneda...)
  • Tener su propia apariencia mediante temas reutilizables
  • Conectarse a Conexiones u Orquestaciones para procesar el pago


La cadena conceptual es:


Checkout → contiene Métodos → cada método se asigna a una Conexión o a una Orquestación que decide cómo procesar el pago.


Cómo localizar y gestionar tus Checkouts


En el panel: menú lateral → bloque OptimizaciónCheckouts.


El listado


El listado tiene dos pestañas: Activos y Desactivados, y dos modos de visualización:


  • Vista cuadrícula: cada checkout se muestra como una tarjeta con un preview real de la pantalla de pago (mockup con monto, métodos y formulario), su nombre, los iconos de los métodos activos y un badge con el condicionante de segmentación.
  • Vista lista: tabla con columnas Nombre, Métodos de pago, Mostrar para y Última modificación.


Crear un Checkout


Haz clic en el botón "Crear Checkout" arriba a la derecha. Se abrirá directamente el editor con un checkout nuevo en blanco listo para configurar.


El editor de Checkouts


Al entrar en el detalle de un Checkout (o al crear uno nuevo) se abre el editor en split-view. La pantalla se divide en tres zonas:


  • Cabecera superior: toggle de activación, fecha de última modificación, nombre editable, contador de uso y botón Publicar.
  • Sidebar izquierdo con cuatro pestañas verticales: Segmentación, Métodos, Apariencia, Configuración.
  • Panel derecho con un preview en vivo del checkout que se actualiza con cada cambio.


Pestaña 1: Segmentación


Define a quién se le mostrará este checkout. Útil cuando tienes varios checkouts y quieres que cada uno aparezca en condiciones distintas (por ejemplo, uno para España y otro para LATAM).


Cómo funciona


La sección se titula "Mostrar a:". Aquí añades condiciones que se evalúan al mostrar el checkout.


  • Si no puedes añadir ninguna condición, el checkout es el predeterminado y aparece como fallback para todos los clientes que no cumplan las condiciones de otros checkouts.
  • Si añades una variable, el checkout solo se muestra cuando esa variable se cumple.
  • Puedes añadir varias variables; todas se evalúan en AND.


Variables disponibles (18)


Operación (9): Precio, Moneda, Tipo (Pago único / Suscripción / Autorización), Idioma, Solo autorizar el pago, MOTO, Aprobación parcial, POS, Terminal POS.


Cliente (9): Variable personalizada, Tipo de dispositivo, Sistema operativo, Navegador, País IP, Región IP, País, Región, Email.


Pestaña 2: Métodos


Define qué métodos de pago aparecen en el checkout y en qué orden.


Quick Payments


Métodos rápidos basados en wallets del navegador o del sistema operativo. Solo se muestran si hay un método de tipo Tarjeta configurado en el checkout:


  • Apple Pay (toggle on/off)
  • Google Pay (toggle on/off)


Métodos de pago


Lista de los métodos disponibles. Para cada uno se muestra:


  • Asas de drag para reordenar mediante arrastre.
  • Nombre del método (ej. Tarjeta, Bizum, Pepper).
  • Conexión u Orquestación asignada (ej. "Tarjeta - Orquestación: Scoring fraude").
  • Toggle para activar o desactivar el método.
  • Icono ||| que abre la Configuración por método.


Puedes añadir métodos con los botones "Añadir tarjeta" y "Añadir método".


Configuración por método (icono |||)


Al hacer clic en el icono ||| se abre el modal "Configuración de método de pago" con dos pestañas.


Pestaña Apariencia


Personaliza cómo se ve el método en el checkout. Las opciones varían según el método:


  • Tarjeta: Texto en selector, Icono en selector. No tiene modo botón porque siempre se renderiza con su formulario embebido.
  • Otros métodos (Bizum, Pepper, etc.): mismo que Tarjeta, más toggle Selector / Botón, Color de fondo del botón y Logo en botón.


Pestaña Condicionantes


Define a quién se le muestra este método individualmente dentro del checkout. Esto crea un modelo de doble nivel de segmentación:


  • A nivel checkout (pestaña Segmentación): decides a quién mostrar el checkout completo.
  • A nivel método (esta pestaña): decides qué métodos aparecen dentro del checkout para cada cliente.


Toggle de lógica:


  • Mostrar si → el método aparece solo si la condición se cumple.
  • No mostrar si → el método se oculta si la condición se cumple.


Las variables disponibles son las mismas que en Segmentación: Operación (9) + Cliente (9).


Casos de uso típicos:


  • Mostrar Bizum solo si País IP = ES.
  • Mostrar Pepper solo si Precio > 60 EUR.


Pestaña 3: Apariencia


Gestión de Temas reutilizables entre checkouts.


  • Botón "Nuevo tema" para crear uno desde cero.
  • Galería de temas existentes con preview visual.
  • Cada tema tiene un radio button para activarlo en este checkout y un menú "..." para editarlo.


🧐 Los temas son globales: si modificas un tema, el cambio se aplica automáticamente en todos los checkouts que lo usan. Puedes aprender más sobre la gestión de temas en esta guía.


Pestaña 4: Configuración avanzada


Ajustes técnicos del checkout:


  • Activar checkout: permite desactivarlo. El checkout predeterminado no se puede desactivar.
  • Forzar opción MOTO: fuerza la opción MOTO en todas las operaciones de este checkout.
  • Ignorar error de SCA requerido: ignora el error de autenticación reforzada si el banco lo requiere.
  • Forzar en caso de error 3DS: fuerza el intento de pago aunque falle la autenticación 3DS por versión obsoleta.
  • Orquestación para cobros recurrentes: permite usar una orquestación distinta para los cobros recurrentes generados a partir de pagos en este checkout. Por defecto: "Sin orquestación".


Preview en vivo


El panel derecho muestra un preview funcional del checkout en tiempo real. Puedes controlarlo con tres ejes:


  • Tipo de operación: Pago único, Suscripción o Autorización.
  • Viewport: Desktop o Mobile.
  • Modo: Redirección (vista completa con resumen del pedido) o iFrame (solo el formulario, sin resumen, para cuando lo incrustas en tu propia página).


También tienes un selector de zoom en la esquina superior derecha.


Publicar cambios


Una vez configurado el checkout, haz clic en Publicar arriba a la derecha. Mientras no publiques, los cambios no se aplican al checkout en producción.


Casos de uso prácticos


Checkouts por moneda


  • Checkout EUR → Segmentación: Moneda Igual a EUR → métodos españoles (Bizum, Tarjeta vía Redsys).
  • Checkout USD → Segmentación: Moneda Igual a USD → métodos internacionales (Tarjeta vía Stripe, PayPal).


Checkout con tema unificado


  • En la pestaña Apariencia, crea un tema con tu marca.
  • Aplica el mismo tema en todos los checkouts del comercio.
  • Si actualizas el tema, todos los checkouts heredan los cambios automáticamente.

Actualizado el: 01/05/2026

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!