Configurar la promoción de marca en la pantalla de pago
Puedes personalizar la promoción de marca de las páginas de pago en el editor de la pantalla de pago. Puedes agregar el logo de la marca y una imagen de fondo, cambiar los colores y elegir una nueva fuente para que la página de pago concuerde con el estilo del negocio. Para ver las personalizaciones avanzadas de la promoción de marca de la pantalla de pago, consulta la API Checkout Branding.
Algunas de las opciones de promoción de marca que elijas para las páginas de pago también se aplicarán automáticamente a tus páginas de cuentas de cliente nuevas.
Tus clientes usan la página de pago para introducir la información de envío y pago de sus pedidos. La mayoría de los negocios mantienen un diseño simple de la pantalla de pago para que sea fácil de leer y para evitar que los clientes se distraigan. Elige colores con alto contraste e imágenes que no le resten atención a las palabras de la página.
En esta página
Agregar un logo al encabezado de la pantalla de pago
Puedes agregar un logo al encabezado de la pantalla de pago. Puedes ajustar el tamaño, la alineación y la posición del logo.
Pasos:
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
-
En el área Logo, agrega tu logo:
- Haz clic en Seleccionar imagen.
- Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
- Haz clic en Listo.
En el área Ancho máximo de logo, ajusta el tamaño de tu logo.
En el área Alineación de logo, selecciona una alineación a la izquierda, al centro o a la derecha del logo.
En el área Posición del logo, selecciona un formulario de la pantalla de pago, un resumen del pedido o una posición de ancho completo para el logo.
Haz clic en Guardar.
Agregar una imagen o un color de fondo al formulario de la pantalla de pago
Puedes agregar un color o una imagen de fondo al formulario de la pantalla de pago. Solo puedes agregar un color o una imagen de fondo, pero no ambos.
Después de agregar un color o una imagen de fondo, asegúrate de que los campos de la pantalla de pago puedan leerse claramente.
Pasos:
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
- En la sección Fondo 1, agrega una imagen o un color de fondo:
- Para agregar una imagen de fondo, haz lo siguiente:
- Haz clic en Seleccionar imagen.
- Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
- Haz clic en Listo.
- Para agregar una imagen de fondo, haz lo siguiente:
- Para agregar un color de fondo, haz lo siguiente: 1. Haz clic en el círculo de color junto a Color de fondo para abrir un selector de color. 2. Elige un color o introduce un código de color hexadecimal.
- Haz clic en Guardar.
Agregar una imagen o un color de fondo al resumen del pedido
Puedes agregar un color o una imagen de fondo al resumen del pedido. Solo puedes agregar un color o una imagen de fondo, pero no ambos.
Después de agregar un color o una imagen de fondo, asegúrate de que los campos de la pantalla de pago puedan leerse claramente.
Pasos:
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
- En la sección Fondo 2, agrega una imagen o un color de fondo:
- Para agregar una imagen de fondo, haz lo siguiente:
- Haz clic en Seleccionar imagen.
- Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
- Haz clic en Listo.
- Para agregar una imagen de fondo, haz lo siguiente:
- Para agregar un color de fondo, haz lo siguiente: 1. Haz clic en el círculo de color junto a Color de fondo para abrir un selector de color. 2. Elige un color o introduce un código de color hexadecimal.
- Haz clic en Guardar.
Personalizar los colores de la pantalla de pago
Puedes cambiar el color de los botones, mensajes de error e indicadores de la pantalla de pago. También puedes hacer que los campos de la pantalla de pago sean blancos o transparentes.
Después de cambiar los colores de la página de pago, asegúrate de que puedas leer claramente el texto sobre los fondos de las áreas de entrada y resumen del pedido.
Cambiar colores de indicadores, botones y errores
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
-
En la sección Color, elige los colores:
- Haz clic en el círculo de color junto a Indicador, Botones o Error para abrir un selector de color.
- Elige un color o introduce un código de color hexadecimal.
Haz clic en Guardar.
Cambiar el color de los campos del formulario
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
- En la sección Color, haz clic en el menú desplegable Campos del formulario y fondo de la tarjeta y, luego, selecciona color blanco o transparente. Si estableces un valor personalizado para los campos del formulario con la Checkout Branding API, se muestra la opción adicional Personalizado (establecido mediante la API).
- Haz clic en Guardar.
Personalizar la fuente de la pantalla de pago
Para personalizar la página de pago, puedes seleccionar fuentes de una lista.
Pasos:
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
- En la sección Personaliza tu pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que desees editar.
- Haz clic en el ícono del engranaje.
-
En la sección Tipografía, cambia la fuente de los encabezados y el cuerpo del texto de la pantalla de pago:
- En el área Títulos o Cuerpo, haz clic en el nombre de la fuente para abrir un menú desplegable.
- Selecciona la fuente que deseas aplicar a la pantalla de pago.
Haz clic en Guardar.