Blocos de Menu

Organize as entradas, refeições e sobremesas do seu restaurante com um menu diretamente no seu site.

Ultima atualização 20 de Janeiro de 2025

Use Blocos de Menu para exibir os menus do seu restaurante em seu site. É uma ótima alternativa à incorporação menus em .pdf que nem sempre são compatíveis com o SEO como texto diretamente na página. Ao usar a formatação especial, você pode criar vários menus em um único Bloco de Menu.

Este guia mostra como adicionar um bloco de menu ao site do seu restaurante. Para criar um menu suspenso na navegação do site, consulte Adicionando uma lista suspensa à navegação

Acessando o recurso

O bloco de menu está disponível nos planos Básico, Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace".

Adicionar um Bloco de Menu

Para adicionar um Bloco de Menu:

  1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e clique em Menu no menu. Para ajuda, confira Adição de conteúdo com blocos.
  2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
  3. Edite o texto na guia Conteúdo para criar menus, seções de menu e itens de menu.
  4. Use a aba Design para personalizar o design do cardápio.
  5. Use a aba Ajuda em formatação para ver dicas de formatação.

Adicionar cardápios

Como ajuda, os Blocos de Menu incluem um conteúdo de amostra. Recomendamos substituir os itens de amostra um por um com seus próprios itens de cardápio para preservar a formatação. Você também pode excluir o conteúdo e seguir os steps nesta seção para começar do zero.

O "Bloco de Menu" pode conter vários menus. Você pode, por exemplo, adicionar um menu de brunch, de almoço e de jantar ao mesmo bloco.

Para adicionar um cardápio:

  1. Na guia de conteúdo, insira o nome do menu.
  2. Adicione pelo menos três sinais de igual (=) abaixo do nome.
Add_the_name_of_a_menu__like_breakfast__then_add_at_least_three_equals_signs_below_it.png
  1. Adicione uma descrição ou nota opcional sobre o menu diretamente abaixo dos sinais de igual.
Add_an_optional_description_or_note_about_the_menu_below_the_equals_signs.png
  1. Adicione mais menus abaixo usando o mesmo formato. 
Add_more_menus_below__like_Lunch_and_Dinner__using_the_same_format.png

Esses cardápios se transformam em navegação por categorias na página. Você aprenderá como adicionar o restante do conteúdo do cardápio nas seções abaixo.

Anotação

ao você adicionar apenas um menu ao bloco, a navegação por categorias pode não aparecer.

KB Guide Image

Adicione seções

Você pode dividir cada cardápio em diferentes seções. Por exemplo, uma seção pode organizar um cardápio por aperitivos, saladas, entradas, acompanhamentos e sobremesas.

Para criar uma seção:

  1. Insira o nome da seção abaixo do cardápio apropriado.
  2. Adicione pelo menos três hifens (-) abaixo dele.
  3. Na linha diretamente abaixo dos hifens, insira uma descrição opcional da seção.
Create_menu_sections_to_divide_between_different_types_of_food__like_Seafood_and_Pancakes.png

As seções aparecerão como cabeçalhos na página.

KB Guide Image

Adicionar itens de cardápio

Para adicionar um item de cardápio:

  1. Insira o nome do item abaixo de uma seção.
  2. Adicione uma descrição do item abaixo de seu nome.
  3. Para exibir o preço, adicione um valor abaixo da descrição.
  4. Use uma barra (/) entre os preços para adicionar variantes de preço. Isso é útil para preços cobrados por taça/garrafa ou porções inteira/meia.
  5. Para adicionar os preços de mercado, adicione $MKT ou $Market Price como o preço. É possível colocar o preço imediatamente após o item de cardápio ou descrição, desde que o símbolo da moeda venha em primeiro.
  6. Adicione opções ou complementos a um item de menu digitando + em uma nova linha abaixo do preço.
  7. Se houver um número ímpar de itens, adicione uma tag
    na parte inferior da seção para nivelar as colunas do cardápio.
  8. Se aparecer espaçamento extra em alguns dos menus, aprenda a fixar a altura mínima com o primeiro menu.
Add_items_with_descriptions_and_prices_below_each_section.png

Personalizar o design

Você pode personalizar o estilo do cardápio e o símbolo da moeda de Blocos de Menu.

Estilo do menu

Clique na guia Design no editor de blocos e selecione um estilo:

  • O Centralizado cria um único menu de coluna com texto centralizado. Este design é ideal para menus curtos.
  • O Multicoluna cria um menu com várias colunas e texto alinhado à esquerda. O número de colunas depende da largura do site e do navegador.

Símbolo da moeda

Clique na guia Design e selecione uma moeda para os preços do menu no menu suspenso Símbolo de moeda. Você pode escolher US $Dollar, Euro, £libra ou ¥Yen.

Anotação

o símbolo escolhido para a moeda aqui aparece antes dos números na terceira linha dos itens do bloco de menu, mesmo que você tenha usado outro ou nenhum símbolo ao compor o menu na aba Conteúdo. Para usar outro símbolo para a moeda, siga os passos abaixo.

Fontes e cores

Use Estilos do Site para alterar as fontes e cores do seu menu. Como você estiliza esses depende de qual versão do Squarespace seu site está .

Você pode definir fontes e cores específicas para cada área de texto no Bloco de Menu:

  • Para definir as fontes, use os ajustes de Bloco de Menu em Atribuir estilos
  • Para definir as cores, use os ajustes do Bloco de Menu em Cores

Para mais informações, acesse Alterar fontes e Alterar cores.

O texto no Bloco de Menu segue os mesmos ajustes de estilo que o corpo de texto do site. Para obter mais informações, acesse Alterar fontes e Alterar cores.

Ajuda em formatação (apenas em computadores)

A aba "Ajuda na formatação" oferece exemplos formatados de cardápios, seções e itens de cardápio.

Dica

se você não gostar da formatação da navegação do cardápio e das seções, use um Bloco de Menu para adicionar apenas os itens de cardápio e, em seguida, adicione os cabeçalhos em Blocos de Texto. Veja um exemplo no conteúdo demo do template Hunter.

Resolução de problemas

Itens de cardápio não alinhados

O alinhamento do Bloco de Menu depende de muitos fatores: se há descrições, o comprimento do texto do título e da descrição, o número de itens e mais.

Como os navegadores tentam criar colunas iguais de conteúdo, o texto fluirá de cima para baixo e da esquerda para a direita. Isso significa que os títulos dos itens nem sempre irão se alinhar perfeitamente.

Se houver um número ímpar de itens, experimente adicionar a seguinte tag HTML na parte inferior da seção:


Isso pode equilibrar a formatação para que os itens de cardápio sejam exibidos em linhas pares.

Espaçamento extra nos menus

Se aparecer um espaçamento extra ou espaço vazio abaixo de algumas categorias no menu, pode ser devido à quantidade de conteúdo na primeira categoria do menu. O conteúdo na primeira categoria do menu define a altura mínima do bloco de menu. Isso pode resultar no espaçamento extra nas outras categorias.

Por exemplo, se você tiver um menu de café da manhã extenso, mas um menu de almoço pequeno, o menu de almoço terá um espaço em branco abaixo dos itens para corresponder à altura do menu de café da manhã. Para evitar isso, adicione quantidades de conteúdo semelhantes em cada menu ou adicione o menu com menos conteúdo como sua primeira categoria.

O texto não aparece quando estou digitando

Se o texto não aparecer conforme você escreve, termine de inserir o conteúdo e salve o bloco. Reabra-o e seu conteúdo agora aparecerá conforme for inserido.

Meu símbolo de moeda não está disponível

Se você estiver usando uma moeda indisponível, insira qualquer símbolo de moeda na terceira linha de um item e adicione um espaço. Em seguida, insira seu símbolo de moeda e o preço. Isso substituirá o símbolo de moeda incorporado para que seu símbolo de moeda seja exibido.

Não consigo colar texto no Bloco de Menu

Em computadores, não é possível clicar com o botão direito em Blocos de Menu ao editar. Para copiar e colar conteúdo, use atalhos do teclado. Para evitar problemas de formatação, recomendamos os seguintes atalhos:

Mac

  • Copiar + C
  • Colar - + Shift + V

Windows

  • Copiar - Ctrl + C
  • Colar - Ctrl + Shift + V

O texto não está sendo formatado corretamente

Qualquer erro no Bloco de Menu interfere na formatação do texto. Para evitar problemas, siga estas dicas:

  • Confirme se você tem pelo menos três sinais iguais (=) separando menus e pelo menos três hífens (-) separando seções.
  • Pressione Return ou Enter depois de cada inserção de texto para garantir que cada linha seja colocada corretamente.
  • Evite usar a barra de espaço para separar o conteúdo. Os Blocos de Menu não usam espaços dessa maneira e não formatam o texto corretamente.
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.