Personalizar o cardápio digital

Como mudar o logo, a capa, o modelo, as cores, a tipografia e as categorias do cardápio digital, com pré-visualização antes de publicar.

AR
Escrito por Alan RodrigoÚltima atualização há 2 horas

O editor de Design deixa o cardápio digital com a cara da sua loja: logo, capa, modelo, cores, fonte e o visual de cada grupo de produtos. Tudo aparece em uma pré-visualização ao vivo antes de você publicar. 🎨

💡 Resumo

  • Abra em Configurações > Delivery > Personalizar loja.
  • O editor tem cinco abas: Cabeçalho, Modelos, Cores, Tipografias e Categorias.
  • A pré-visualização aparece ao lado, no formato de um celular.
  • As mudanças só chegam aos clientes depois de clicar em Publicar.
  • Restaurar design desfaz as personalizações.

Conhecer o editor

Editor de design do cardápio digital, com a aba Cabeçalho e a pré-visualização ao lado

No alto do editor ficam três botões:

  • Voltar: retorna ao painel de configurações do delivery.
  • Restaurar design: devolve o visual ao padrão.
  • Publicar: aplica as mudanças no cardápio que os clientes veem.

Aba Cabeçalho

Reúne os dados de identidade da loja:

  • Nome do seu negócio: vem do nome fantasia da empresa, conforme o cadastro. O cabeçalho mostra até 20 caracteres.
  • Logo: depois de escolher o arquivo, ajuste o recorte (máximo 500 × 500). Aceita JPEG, PNG ou WebP de até 1 MB.
  • Forma: escolha entre Circular e Quadrada para o logo.
  • Capa: depois de escolher o arquivo, ajuste o recorte (máximo 1200 × 300, proporção 4:1). Mantenha o foco no centro da imagem. Aceita JPEG, PNG ou WebP de até 1 MB.

Aba Modelos

Aba Modelos com as opções Básico, Vitrine, Grade e Catálogo

O modelo define a estrutura do catálogo. As opções são Básico (design simples e funcional), Vitrine (fotos grandes), Grade (estrutura em blocos) e Catálogo (navegação fluida). Cores, fontes e demais opções valem para qualquer modelo.


Aba Cores

Aba Cores com as paletas sugeridas e a opção Personalizada

Escolha uma paleta sugerida ou monte a sua em Personalizada: clique em cada cor (Primária, Escura, Fundo e Texto) para abrir o seletor hexadecimal.

As paletas sugeridas são Carvão, Lavanda, Mirtilo, Pêssego, Canela, Cereja, Gergelim, Hortelã, Chocolate e Mostarda.

⚠️ Importante: nem toda opção pode ser publicada

Você pode testar qualquer paleta na pré-visualização. Por enquanto, apenas as paletas Carvão, Lavanda, Mirtilo e Personalizada podem ser publicadas. Algumas opções trazem a etiqueta MAIS+.


Aba Tipografias

Aba Tipografias com as fontes Urbana, Moderna, Clássica e Elegante

Compare as fontes Urbana, Moderna, Clássica e Elegante usando o exemplo "Água mineral, garrafa de 500 ml". Assim como nas cores, você pode testar todas na pré-visualização, mas por enquanto apenas a tipografia Urbana pode ser publicada.


Aba Categorias

Aba Categorias com a cor da barra, a cor do nome, as opções de banner e a ordem dos grupos

Personaliza a barra de título de cada grupo de produtos:

  • Cor da barra do título: fundo da barra para todos os grupos. Sem personalização, usa a cor escura do tema.
  • Cor do nome do grupo: cor do texto da barra. Sem personalização, usa a cor do tema.
  • Usar imagem como fundo do título: com a opção ligada, o banner do grupo aparece na barra. Sem imagem, a barra mantém a cor sólida.
  • Exibir nome do grupo: mostra o nome na barra. Desligue se o banner já traz o nome.
  • Arraste para definir a ordem: segure o ícone de três tracinhos (☰) e arraste o grupo para mudar a ordem no cardápio.
  • Banner do grupo: depois do recorte (máximo 1200 × 150), a imagem é salva no grupo.

Publicar

  1. Confira a pré-visualização em cada aba.
  2. Clique em Publicar.

Se não gostar do resultado, use Restaurar design para voltar ao padrão.

Isto foi útil?

Seu feedback define o que escreveremos a seguir.