Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Cómo aplicar estilo a la página Finalizar compra

Style the checkout page to match the aesthetic of your site. You can customize the header alignment and the text, background, and button colors. These changes also apply to the Donation Block checkout page.

To learn about the other ways you can customize your checkout page, visit Customizing your checkout experience.

Note: It isn't possible to change the checkout page text at this time.

Mira el video

Style the checkout page

  1. In the Home Menu, click Design, then click Checkout Page.
  2. Use style tweaks to customize different elements of the page.
  3. When you’re finished styling the checkout page, click Save.

Customers can buy your products while you style the page, but they'll see the original checkout page until you save your changes.

You can adjust: 

  • Color de fondo
  • Mostrar el logo
  • Title Color - Change your Site Title color, if Show Site Logo is unchecked.
  • Color del encabezado
  • Color del borde del encabezado
  • Header Alignment - Display the title or logo in the Left, Center, or Right of the header.
  • Button Color - Change the buttons on the page, including the Continue and Redeem buttons. We don't recommend changing the color to transparent or white. Since the button text can't change, this hides the button and prevents customers from continuing with the transaction.

checkout-page-styles3.png

Note: It's not possible to change the appearance of your site title on the checkout page.

Revisar la página de confirmación del pedido

Después de personalizar la página de pago, la página Pedido confirmado se actualiza para que coincida con los estilos de tu sitio. Puedes visualizar cómo se ve ejecutando una orden de prueba.

El estilo del texto de la página de confirmación del pedido depende de la versión del sitio.

  • Fuente de Pedido confirmado: sigue Encabezado 1.
  • Color de Pedido confirmado: sigue Encabezado (extra grande).
  • Fuente de texto de Número de pedido y confirmación: sigue Párrafo 2.
  • Fuente de texto de Número de pedido y confirmación: sigue Párrafo (medio).
  • Fuente de Tu compra incluye descargas digitales: sigue Encabezado 3.
  • Fuente de Tu compra incluye descargas digitales: sigue Encabezado (medio).

En todas las plantillas:

  • Texto de Pedido confirmado: sigue Encabezado 1.
  • Texto de Número de pedido y confirmación: sigue el cuerpo del texto.
  • Texto de Tu compra incluye descargas digitales: sigue Encabezado 3.

Para obtener más información sobre cómo cambiar las fuentes y los colores, visita Cómo realizar cambios de estilo.

Order confirmation page header content

No es posible agregar imágenes ni otro contenido a la página de pago. Sin embargo, en la versión 7.0, estas familias de plantillas muestran contenido de sus páginas 404 predeterminadas en páginas de confirmación de pedidos, carritos de compra y búsquedas:

  • Avenue
  • Farro
  • Five
  • Wexley
  • York

Para quitar contenido no deseado del encabezado en estas familias de plantillas, edita la página 404 predeterminadao crea una página 404 personalizada.

Próximos pasos

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

Para informarte mejor, consulta Personalizar la experiencia de finalización de compra.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 11 de 42
Cómo aplicar estilo a la página Finalizar compra