Personalizar el Checkout

La sección Personalizar Checkout le permite configurar la apariencia visual, la marca y el comportamiento de los métodos de pago de la página de Checkout alojada por la pasarela. Ayuda a simular una experiencia de pago con marca blanca y le brinda control total sobre cómo se presenta su marca durante el flujo de pago.

Puede acceder a esta función en: Configuración → Personalizar Checkout

Propósito de Personalizar Checkout

Esta herramienta está diseñada para:

• Previsualizar cómo se mostrará la página de Checkout alojada a los usuarios finales.

• Aplicar sus propios estilos de marca: colores, fuentes, iconos y logotipos.

• Definir cómo se agrupan, priorizan y destacan los métodos de pago.

• Previsualizar la experiencia en dispositivos de escritorio y móviles.

• Configurar estos ajustes por tienda individual.

En modo sandbox, estos ajustes no afectan las transacciones reales, pero le ayudan a entender cómo se puede configurar la experiencia de pago en vivo.

Qué puede configurar

Elementos visuales de la marca

En el panel de personalización de la izquierda, puede configurar lo siguiente:

• Elegir icono

  Seleccione entre iconos predefinidos para representar su marca/tienda durante el proceso de pago.

• Subir logotipo

  Suba su propio logotipo para personalizar el encabezado del pago.

• Fuente

  Elija entre las fuentes disponibles (por ejemplo, Roboto) para que coincidan con el estilo de su tienda.

• Color primario

  Seleccione el color principal de su marca. Esto se aplicará a los botones y a los elementos de acento.

• Color secundario

  Elija un color secundario/de apoyo para complementar el color primario.

• Paleta de colores

  Personalice la paleta de colores completa para que coincida con sus directrices de marca.

• Radio y estilo de los botones

  Elija entre:

  • Redondeados

  • Rectangulares

  • Botones estilo píldora

• Marcadores de posición para artículos de la cesta

  Seleccione cómo aparecen los marcadores de posición de los productos (por ejemplo, miniaturas) en el resumen del pago.

Métodos de pago y opciones de agrupación

Modos de visualización

Elija cómo se organizan los métodos de pago:

• Sin agrupación

  Todos los métodos se muestran en una sola lista (diseño plano).

• Agrupar por tipo

  Los métodos se separan en Pagos y Carteras (por ejemplo, Bank frente a Google Pay).

• Destacar el primer método de pago

  El primer método se preselecciona (ideal para opciones promocionadas como Click-to-Pay).

• Destacar los métodos utilizados anteriormente por el usuario

  Resalta automáticamente el último método utilizado en función de las cookies del navegador.

Orden manual

• Arrastre y suelte los métodos de pago usando el icono de agarre (⋮⋮).

• El orden se actualiza en tiempo real en la ventana de vista previa.

• Puede desactivar cualquier método temporalmente usando el símbolo menos (–).

Panel de vista previa en tiempo real En el lado derecho de la pantalla, verá una vista previa en vivo de cómo se verá la página de Checkout alojada.

• Cambiar entre:

  • Vista de escritorio

  • Vista móvil

• La vista previa refleja:

  • Actualizaciones de marca

  • Orden de los métodos de pago

  • Estilo de los botones y ajustes de color

Ámbito de la tienda

Puede aplicar los ajustes de marca y diseño a:

• Una tienda específica (seleccionada mediante el menú desplegable), o

• Todas las tiendas de prueba globalmente (aplicar el mismo estilo en toda su configuración de pruebas)

Guardar cambios

Después de realizar sus cambios, haga clic en «Guardar cambios» en la parte inferior para aplicar sus ajustes.

Estas configuraciones persistirán durante su sesión de sandbox y le permitirán simular diferentes estrategias de marca y de UX de pago.

Limitaciones del sandbox

• En modo Sandbox, estos ajustes son solo para fines de demostración.

• Todas las vistas previas de pago utilizan flujos de pago de prueba y datos ficticios.

• Los cambios de marca no afectan al procesamiento de pagos reales ni a la configuración real del comerciante.

• Sandbox siempre muestra las transacciones en EUR, independientemente de otros ajustes de moneda.