# 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.
{% hint style="info" %}
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.
{% endhint %}
### 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://doc.ecomm.api.tietoevry.com/documentation-es/pasarela-de-pagos-para-comercio-electronico/guia-del-sandbox/pagina-de-inicio-del-portal-del-comerciante/configuracion/personalizar-el-checkout.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.