Configurar la promoción de marca en la pantalla de pago

Esta página fue impresa el Mar 21, 2023. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/checkout-settings/checkout-extensibility/checkout-branding.

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.

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.

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:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.

  4. En el área Logo, agrega tu logo:

    1. Haz clic en Seleccionar imagen.
    2. Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
    3. Haz clic en Listo.

  5. En el área Ancho máximo de logo, ajusta el tamaño de tu logo.

  6. En el área Alineación de logo, selecciona una alineación a la izquierda, al centro o a la derecha del logo.

  7. 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.

  8. 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:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.
  4. En la sección FORMULARIO DE LA PANTALLA DE PAGO, agrega una imagen o un color de fondo:
    • Para agregar una imagen de fondo, haz lo siguiente:
      1. Haz clic en Seleccionar imagen.
      2. Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
      3. Haz clic en Listo.

- 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.

  1. Haz clic en Guardar.

Agrega 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:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.
  4. En la sección RESUMEN DEL PEDIDO, agrega una imagen o un color de fondo:
    • Para agregar una imagen de fondo, haz lo siguiente:
      1. Haz clic en Seleccionar imagen.
      2. Haz clic en Agregar imágenes para subir una nueva imagen o selecciona una que ya subiste a tu biblioteca.
      3. Haz clic en Listo.

- 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.

  1. 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

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.

  4. En la sección COLOR, elige los colores:

    1. Haz clic en el círculo de color junto a Indicador, Botones o Error para abrir un selector de color.
    2. Elige un color o introduce un código de color hexadecimal.

  5. Haz clic en Guardar.

Cambia el color de los campos del formulario

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.
  4. En la sección COLOR, haz clic en el menú desplegable Campos del formulario y luego selecciona el color blanco o el transparente. Si estableces un valor personalizado para los campos del formulario con la API Checkout Branding, se muestra la opción adicional Personalizado (establecido mediante la API).
  5. 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:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En la sección Promoción de marca y personalizaciones de la pantalla de pago, haz clic en Personalizar junto a la pantalla de pago que deseas editar.
  3. Haz clic en el ícono de pincel.

  4. En la sección TIPOGRAFÍA, cambia la fuente de los títulos y el cuerpo del texto de la pantalla de pago:

    1. En el área Títulos o Cuerpo, haz clic en el nombre de la fuente para abrir un menú desplegable.
    2. Selecciona la fuente que deseas aplicar a la pantalla de pago.

  5. Haz clic en Guardar.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis