Bloques de Menú

Organiza los aperitivos, platos y postres de tu restaurante con un menú directamente en tu sitio.

Última actualización: 19 de enero de 2025

Usa los Bloques de menú para mostrar los menús de tu restaurante en el sitio. Es una gran alternativa a incrustar menús en .pdf, que no siempre son tan aptos para SEO como el texto directamente en la página. Si usas formato especial, puedes crear varios menús en un único Bloque de menú.

Esta guía se refiere a cómo añadir bloques de menú al sitio de tu restaurante. Para crear un menú desplegable en la navegación de tu sitio, visita Agregar menús desplegables en tu navegación

Cómo acceder a esta función

Los bloques de menú están disponibles en los planes Básico, Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace adecuado.

Añadir un Bloque de menú

Para añadir un Bloque de menú:

  1. Edita una página o una publicación, haz clic en Agregar bloque o en un punto de inserción y haz clic en Menú en el menú. Para obtener ayuda, visita Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. Edita el texto de la pestaña Contenido para crear menús, secciones de menú y elementos de menú.
  4. Usa la pestaña Diseño para personalizar el diseño del menú.
  5. Usa la pestaña Ayuda de formato para obtener consejos sobre el formato.

Añadir menús

Para ayudarte a empezar, los Bloques de menú incluyen contenidos de muestra. Te recomendamos reemplazar los elementos de muestra uno por uno con tus propios elementos del menú para conservar el formato. También puedes borrar el contenido y seguir los pasos de esta sección para empezar desde cero.

Los bloques de menú pueden albergar varios menús. Por ejemplo, puedes añadir tus cartas de brunch, almuerzo y cena en el mismo bloque.

Para añadir un menú:

  1. En la pestaña de contenido, introduce el nombre del menú.
  2. Añade, al menos, tres signos de igual (=) debajo de él.
Add_the_name_of_a_menu__like_breakfast__then_add_at_least_three_equals_signs_below_it.png
  1. Agrega una descripción o una nota opcionales sobre el menú directamente debajo de los signos igual.
Add_an_optional_description_or_note_about_the_menu_below_the_equals_signs.png
  1. Agrega más menús a continuación utilizando el mismo formato. 
Add_more_menus_below__like_Lunch_and_Dinner__using_the_same_format.png

Estos menús se transforman en una navegación por categoría en la página. Aprenderás cómo añadir el resto del contenido del menú en las secciones que siguen.

Nota

Si añades solo un menú al bloque, podría no aparecer la navegación por categoría.

KB Guide Image

Añadir secciones

Puedes dividir cada menú en secciones. Por ejemplo, las secciones pueden organizar una carta por entradas, ensaladas, primer plato, acompañamientos y postres.

Para crear una sección:

  1. Ingresa el nombre de la sección debajo del menú que corresponda.
  2. Añade, al menos, tres   guiones (-) debajo de ella.
  3. En la línea directamente debajo de los guiones, ingresa una descripción opcional de la sección.
Create_menu_sections_to_divide_between_different_types_of_food__like_Seafood_and_Pancakes.png

Las secciones aparecerán como encabezados de la página.

KB Guide Image

Añade los elementos del menú

Para añadir un elemento del menú:

  1. Ingresa el nombre del elemento debajo de una sección.
  2. Añade una descripción del elemento debajo de su nombre.
  3. Para mostrar el precio, añade el precio debajo de la descripción.
  4. Añade las variantes de precio usando una barra inclinada (/) entre los precios. Esto será útil para los precios por copa/botella o porciones completas/medias.
  5. Añade los precios de mercado agregando $MKT o $Market Price como precio. Mientras el símbolo de moneda esté adelante, puedes colocar el precio inmediatamente después del elemento del menú o de su descripción.
  6. Agrega opciones o complementos a un elemento de menú escribiendo + en una nueva línea debajo del precio.
  7. Si tienes una cantidad impar de elementos, añadir una etiqueta
    a la parte inferior de la sección puede ayudar a emparejar las columnas del menú.
  8. Si notas relleno adicional en algunos de tus menús, aprende a establecer la altura mínima con tu primer menú.
Add_items_with_descriptions_and_prices_below_each_section.png

Personalizar el diseño

Puedes personalizar el estilo del menú y el símbolo de moneda de los Bloques de menú.

Estilo de menú

Haz clic en la pestaña Diseño del editor de bloques y selecciona un estilo:

  • Centrado crea un menú de columna única con texto centrado. Este diseño es ideal para menús cortos.
  • Multicolumna crea un menú con varias columnas y texto alineado a la izquierda. El número de columnas depende del ancho del sitio y del navegador.

Símbolo de moneda

Haz clic en la pestaña Diseño y selecciona una divisa para los precios de menú en el menú desplegable Símbolo de divisa. Puedes elegir dólar USD, euro €, libra esterlina £ o yen ¥.

Nota

El símbolo de moneda elegido aquí se muestra antes de los números en la tercera línea de elementos del bloque de menú, incluso si usaste un símbolo de moneda diferente o ningún símbolo en absoluto al redactar el menú en la pestaña Contenido. Para usar un símbolo de moneda diferente, revisa los pasos que se indican a continuación.

Fuentes y colores

Utiliza Estilos del sitio para cambiar las fuentes y los colores del menú. El estilo de estos depende de en qué versión de Squarespace está tu sitio.

Puedes establecer fuentes y colores específicos para cada área de texto en el Bloque de menús:

  • Para configurar las fuentes, utiliza los ajustes del bloque de menú en Asignar estilos.
  • Para configurar los colores, utiliza los ajustes del bloque de menú en Colores.

Para obtener más información, visita Cómo cambiar fuentes y Cómo cambiar colores.

El texto del Bloque de menú sigue los mismos ajustes de estilo que el cuerpo del texto de tu sitio. Para obtener más información, visita Cómo cambiar fuentes y Cómo cambiar colores.

Ayuda con el formato (únicamente en computadoras)

La pestaña ayuda con el formato tiene ejemplos de menús, secciones y elementos del menú con formato.

Consejo

si no te gusta el formato de la navegación y de las secciones del menú, puedes usar los bloques de menú para añadir únicamente los elementos del menú y, luego, agregar encabezados con bloques de texto. Por ejemplo, ve el contenido de muestra de la plantilla Hunter.

Solución de problemas

Los elementos del menú no están alineados

La alineación del Bloque de menú depende de muchos factores: la presencia de descripciones, la longitud del texto del título y de la descripción, la cantidad de elementos y más.

Como los navegadores intentan crear columnas iguales de contenido, el texto fluirá de arriba abajo, de izquierda a derecha. Esto significa que los títulos de los elementos no siempre se alinean perfectamente.

Si tienes una cantidad impar de elementos, tal vez te ayude añadir la siguiente etiqueta HTML a la parte inferior de la sección:


Esto podría equilibrar el formato, de modo que los elementos del menú aparezcan en filas pares.

Relleno extra en los menús

Si aparece relleno adicional o espacio vacío debajo de algunas de las categorías del menú, puede deberse a la cantidad de contenido de la primera categoría. El contenido de esta establece la altura mínima del bloque de menú. Esto puede hacer que aparezca relleno adicional en otras categorías.

Por ejemplo, si tienes un menú de desayuno extenso pero un menú de almuerzo corto, el menú de almuerzo tendrá espacio en blanco debajo de sus artículos para que coincida con la altura del menú. Para evitar esto, agrega una cantidad similar de contenido a cada menú o agrega el menú con menos contenido como primera categoría.

No aparece el texto cuando escribo

Si no ves que aparece el texto a medida que lo escribes, termina de ingresar el contenido y, a continuación, guarda el bloque. Vuelve a abrirlo y tu contenido aparecerá como lo hayas ingresado.

No está disponible el símbolo de mi moneda

Si utilizas una divisa no disponible, introduce cualquier símbolo de divisa en la tercera línea de un artículo y agrega un espacio. A continuación, introduce el símbolo de divisa y el precio. Esto anulará el símbolo de divisa integrado para que se muestre el símbolo que prefieras.

No puedo pegar texto en el bloque de menú

En las computadoras, no es posible hacer clic derecho en los Bloques de menú para editarlos. Para copiar y pegar los contenidos, usa métodos abreviados de teclado. Te recomendamos estos métodos abreviados de teclado para evitar problemas de formato:

Mac

  • Copiar + C
  • Pegar: + Shift + V

Windows

  • CopiarCtrl + C
  • Pegar: Ctrl + Shift + V

El formato no se aplica correctamente al texto

Los errores en los bloques de menú interfieren con el formato de su texto. Para evitar problemas, usa los siguientes consejos para solucionar los problemas de tu texto:

  • Confirma que tienes al menos tres signos iguales (=) que separen menús y al menos tres guiones (-) que separen secciones.
  • Presiona Regresar o Enter después de cada ingreso de texto para verificar que cada línea esté en el lugar correcto.
  • Evita usar la barra espaciadora para separar los contenidos. Los Bloques de menú no usan los espacios de este modo y no formatean el texto correctamente.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.