Aprende › Diseño de Menú › Vitrina: el encabezado

Botones de acceso rápido

Lección 17 de 51 · 2 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Agregar botones con ícono, etiqueta y enlace
  • Usar un ícono propio
  • Ajustar forma, tamaño y colores de todos los botones

En el panelTu Menú › Diseño del menú › Vitrina › Zonas fijas › Encabezado › Botones de acceso rápido

Los Botones de acceso rápido son una fila de iconos circulares bajo tu logo: WhatsApp, Instagram, ubicación, delivery… Llevan al cliente a donde más te interesa que vaya, con un toque. Es una de las mejoras más baratas y con más retorno de tu encabezado.

La tarjeta Botones de acceso rápido con un botón configurado (ícono, etiqueta, enlace e ícono propio), el botón para agregar y el bloque Aspecto de los botones.
  1. Un botón: su ícono, su Etiqueta (hasta 30 caracteres), su enlace (https://…) y, opcional, un Ícono propio.
  2. Agregar botón.
  3. Aspecto de los botones: forma, tamaños y colores de todos.
  1. En el Inspector del Encabezado, baja hasta Botones de acceso rápido. Al inicio dice «Sin botones · agrega el primero con el botón de abajo».
  2. Pulsa Agregar botón: aparece una fila nueva.
  3. Elige un ícono del selector (WhatsApp, Instagram, Facebook, TikTok, YouTube, X, LinkedIn, Telegram, Teléfono, Email, Ubicación, Horarios, Reservar mesa, Sitio web, Reseñas Google, Pago online y más).
  4. Escribe la Etiqueta, por ejemplo «MAP» o «WhatsApp». Es el texto corto bajo el ícono.
  5. Pega el enlace completo, empezando por https://. Para WhatsApp: https://wa.me/ + tu número con código de país, sin signos.
  6. Repite para cada botón. Para quitar uno, pulsa la ✕ de su fila.

Aspecto de los botones (vale para todos)

FormaCuatro formas del contenedor: círculo, píldora, redondeado y cuadrado.
Tamaño del botónEl diámetro del botón, de 24 a 80 px. Es por dispositivo.
Tamaño del íconoEl tamaño del dibujo dentro del botón. También es por dispositivo.
ColoresEl fondo del botón, el color del ícono y el color de la etiqueta.Usa tu color primario para el fondo y un tono claro para el ícono.

Haz esto

  • Máximo cinco botones: más se amontonan en móvil.
  • Pon primero el que más pedidos te da (normalmente WhatsApp).
  • Prueba cada enlace tocándolo en tu menú real.

Evita esto

  • Dejar un botón sin enlace o con un enlace roto.
  • Poner etiquetas largas: se cortan.
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.