Aprende › Diseño de Menú › Vitrina: secciones, bloques y stickers

Bloques de acción: botones, sede, WhatsApp y enlaces

Lección 32 de 51 · 3 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Armar una fila de botones con ícono
  • Crear un botón de WhatsApp con mensaje precargado
  • Crear un botón a cualquier enlace y un botón de sede

En el panelTu Menú › Diseño del menú › Vitrina › Contenido › Bloque › Acciones

Cuál usar

BotonesUna fila de botones con ícono hacia WhatsApp, redes o donde quieras.«Reservar» y «Cómo llegar» después de la última categoría.
Botón de sedeUn botón que lleva a una sede puntual, con su estado abierto o cerrado.
WhatsAppUn botón que abre WhatsApp con un mensaje precargado.
Botón URLUn botón que lleva a cualquier enlace: tu web, tu sistema de reservas, lo que sea.

Botones (grupo de íconos)

BotonesLa lista. Agregar botón suma uno, con su ícono y su enlace.
Forma del botonDe 0 a 20 px, por dispositivo.
Tamaño del iconoDe 8 a 32 px, por dispositivo.
Tamaño de los íconosDe 24 a 80 px, por dispositivo.
AlineaciónIzquierda, Centro o Derecha.

WhatsApp

El Inspector del bloque WhatsApp con el número, el mensaje precargado, la etiqueta, el estilo, los colores y la redondez.
  1. Número de teléfono, con código de país.
  2. Mensaje pre-cargado.
  3. Etiqueta del botón.
  4. Estilo: Relleno o Contorno.
  5. Colores, Radio borde (px) y Ancho completo.
  1. Escribe tu número en Número de teléfono, con el formato +58 412 000 0000.
  2. En Mensaje pre-cargado, escribe lo que el cliente enviará, por ejemplo «Hola, quiero hacer un pedido».
  3. En Etiqueta del botón, el texto visible: «Escríbenos por WhatsApp».
  4. Elige Estilo, los colores (Color y Color texto), el Radio borde (px) y si ocupa todo el ancho (Ancho completo).

Botón URL

URLEl enlace (https://…).
EtiquetaEl texto del botón. Si queda vacío usa «Ver más».
Ícono (emoji)Una fila de emojis para elegir con un clic (🔗 📍 📞 🛵 🚗 🛍️ 🎁 ⭐ 🔥 ⏰ 📅 ✅ 📱 💬 📌 ➡️) y un campo para pegar cualquier otro.
Abrir en nueva pestañaUn interruptor.
EstiloRelleno, Contorno o Fantasma.
Color fondo, Color texto y Tipografía del textoColores del botón y el editor de tipografía.
Radio borde (px), Ancho completo, Ancho máximo (px)La forma y el tamaño del botón. El ancho máximo va de 80 a 600 px.
Alineación del botónIzquierda, centro o derecha.

Botón de sede

SedeElige a qué sede lleva el botón.
Etiqueta (override)Un texto propio. Vacío usa el nombre de la sede.
Mostrar estado abierto/cerradoUn interruptor: muestra si la sede está abierta ahora.
EstiloRelleno, Contorno o Fantasma.
Colores, tipografía, Radio borde (px), Ancho completo, Mostrar flecha →La forma y el aspecto del botón.
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.