Aprende › Diseño de Menú › Carrito

Textos, separadores, botón de pago y sonido

Lección 43 de 51 · 2 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Dar tipografía a título, productos, textos de apoyo e importes
  • Ajustar los separadores del carrito abierto
  • Elegir el sonido al agregar y el color del botón de ir al pago

En el panelTu Menú › Diseño del menú › Carrito › Tipografía del carrito

La tarjeta Tipografía del carrito con sus cinco editores plegados, la tarjeta Botón de ir al checkout y la tarjeta Extras con el sonido al agregar.
  1. Los editores de Tipografía del carrito: título, productos, textos de apoyo, importes y botón de ir al checkout.
  2. Botón de ir al checkout: el color de fondo.
  3. Extras: Sonido al agregar.

Tipografía del carrito (editores plegados)

Título del carritoLa cabecera del carrito abierto («Tu pedido»).
Nombre de los productosEl nombre de cada producto dentro del carrito.
Descripción y textos de apoyoLas opciones de cada ítem, el conteo de productos y las etiquetas de totales.
Importes (subtotal, impuestos, total)Los montos, incluido el precio de cada ítem.
Botón de ir al checkoutEl texto del botón, independiente del título. Su color de texto se elige aquí.

Separadores

EstiloLínea continua, Guiones, Puntos o Sin separador.
GrosorDe 0 a 4 px. Es por dispositivo.
Color del separadorEl color de las líneas entre la cabecera, los ítems y los totales.

Botón de ir al checkout y extras

Fondo del botónEl color del botón «Ir al checkout» del carrito abierto.Que coincida con el botón de agregar para dar continuidad.
Sonido al agregarSe reproduce al sumar un producto: Sin sonido, Pop, Ding, Caja registradora o Whoosh. El botón ▶ te deja escuchar el elegido.Un sonido sutil da una sensación de respuesta; en un restaurante tranquilo, déjalo en Sin sonido.

Haz esto

  • Importes legibles: son lo que el cliente revisa antes de pagar.
  • Separadores finos y suaves.
  • Un botón de ir al checkout con buen contraste.

Evita esto

  • Un total pequeño y gris.
  • Separadores gruesos y oscuros: ensucian el panel.
OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.