KIMISUITE 6 min de leitura

O seu menu em qualquer website: porque é que um widget é melhor do que um link PDF

Um menu em PDF no website fica desatualizado no dia em que um preço muda. Um widget de menu mostra o menu em tempo real dentro da sua própria página, no seu tipo de letra e idioma, com reserva de mesa ao lado.

O seu menu em qualquer website: porque é que um widget é melhor do que um link PDF

Um widget de menu é um pequeno pedaço de código no seu próprio website que mostra o seu menu atual como parte da página, lido em tempo real a partir do sistema onde mantém o menu, em vez de ligar a um PDF que tem de ser exportado e carregado novamente após cada alteração.

Muitos websites de restaurantes ainda fazem o contrário. Algures na navegação existe um link chamado "Menu", e por trás dele um PDF: quatro páginas A4, 2 a 5 MB, concebido para a impressora. No telemóvel, o cliente afasta os dedos para ampliar, desliza para os lados e desiste algures perto das massas. E no momento em que um preço muda, o ficheiro no website fica errado.

Este artigo analisa o que esse link PDF realmente lhe custa, o que um widget faz de diferente e onde o widget tem limites que deve conhecer antes de mudar.

O que o link PDF lhe custa

Tomemos como exemplo um restaurante com um menu de 40 pratos que muda algumas vezes por ano, mais uma oferta de almoço que muda todas as semanas. Eis o que implica manter o website atualizado com um PDF:

Passo Tempo de cada vez
Alterar o preço ou prato no ficheiro de design 10 minutos
Exportar um novo PDF, verificá-lo 5 minutos
Iniciar sessão no website, substituir o ficheiro 5 a 10 minutos
Verificar que o ficheiro antigo desapareceu mesmo (caches do navegador e do motor de busca) 5 minutos
Fazer o mesmo para a oferta de almoço 20 minutos, todas as semanas

Isso é cerca de meia hora por alteração, e mais de 15 horas por ano só para a oferta de almoço. Na prática, o resultado é familiar: o menu do website é da época passada, o PDF do almoço é de há três semanas, e ninguém repara até um cliente pedir um prato que já não existe.

Há também custos mais silenciosos:

  • No telemóvel, um PDF é um documento, não uma página. Abre num visualizador, por vezes como download, e o cliente sai do seu website para o ler.
  • Mostra apenas um idioma. Um segundo idioma significa um segundo PDF e um segundo carregamento de cada vez.
  • Não pode aceitar reservas. Um cliente que acabou de decidir que quer ir tem de encontrar o número de telefone ou um formulário separado.

O que um widget faz de diferente

Um widget transforma o menu de um ficheiro numa vista. Mantém o menu num único local, e o website mostra o que lá estiver neste momento.

Link PDF Widget de menu
Onde o cliente o lê Num visualizador de PDF, muitas vezes fora do seu site Na sua página, no seu layout
No telemóvel Pinça e zoom Adapta-se ao ecrã
Após uma alteração de preço Exportar, carregar, substituir Nada a fazer no website
Segundo idioma Segundo ficheiro Uma definição de idioma no código de incorporação
Ofertas diárias ou semanais Ficheiro separado, carregamento separado Widget separado, atualiza-se sozinho
Reservar mesa Não é possível Formulário de reserva ao lado do menu
Design Fixado pelo ficheiro As suas cores e o tipo de letra do seu site

A linha importante é a terceira. Com um widget, o website deixa de ser um local onde o menu é mantido. Passa a ser um local onde o menu é exibido. Essa é a diferença entre um menu atual e um que só está atual nos dias em que alguém se lembrou.

Incorporar um widget no seu próprio website

A parte técnica é mais simples do que a maioria dos proprietários espera. Com o Widget Creator, uma incorporação consiste em duas linhas de HTML: um placeholder onde o widget deve aparecer e uma etiqueta de script antes do fim da página. Isto funciona no WordPress, Wix, Squarespace ou num site escrito à mão, porque o website só precisa de aceitar um pedaço de HTML.

Uma configuração realista para um restaurante é assim:

Onde no website Qual widget O que o cliente vê
Página do menu Menu Clássico O menu completo por categoria, com descrições, tamanhos e preços
Página inicial, perto do topo Destaque de Hoje Apenas o que está em oferta hoje
Página de almoço Lista de Menu Diário As ofertas da semana, agrupadas por dia da semana
Secção de eventos ou notícias Promoções Apenas promoções em curso; as expiradas desaparecem sozinhas
Página de reservas Reservar Mesa Data, hora, número de pessoas, dados de contacto e uma caixa de verificação de privacidade

Cada widget é construído uma vez. Escolhe o tipo, ajusta cores, tamanho do tipo de letra e raio dos cantos, e vê o resultado numa pré-visualização de computador, tablet e telemóvel antes de publicar. O tipo de letra pode ficar em "herdar", para que o widget use o tipo de letra do seu website em vez de trazer o seu próprio. Para tudo o que as definições não cobrirem, existem campos para o seu próprio CSS e JavaScript.

Se outra pessoa tratar do seu website, não precisa de explicar nada disto. A caixa de diálogo de incorporação pode enviar as instruções diretamente ao seu web designer por email, e um link de pré-visualização mostra o widget isolado antes de entrar em produção.

De onde vem o conteúdo

Os widgets não guardam o menu. Leem-no do Restaurant Hub, onde o introduz uma vez: pratos, categorias, descrições, tamanhos, preços nas suas moedas, marcas de alergénios, ofertas diárias e promoções. Os mesmos dados alimentam também o menu QR digital e o menu imprimível, que é a ideia que descrevemos em porque é que um código QR que abre um PDF é a solução errada.

Na prática, isso significa que uma alteração no Restaurant Hub atualiza a página do menu, o widget de almoço na página inicial e o menu QR na mesa ao mesmo tempo. Ninguém toca no website.

Os pedidos de mesa do widget Reservar Mesa chegam ao Restaurant Hub como pedidos de reserva, ao lado dos que a sua equipa introduz, e são confirmados ou recusados no mesmo local.

O código QR na mesa ou na montra

Muitos restaurantes também querem um código QR que leve ao menu, num autocolante de montra, num folheto ou num suporte de mesa. Se quiser que esse código abra a página de menu do seu próprio website, onde vive o widget, um código do Gerador de Códigos QR gratuito a apontar para essa página é suficiente. Como a página mostra o menu em tempo real, o código impresso nunca fica desatualizado.

Limites que vale a pena conhecer

Um widget não é magia, e há alguns pontos que vale a pena decidir antecipadamente:

  • Um design por tipo de widget. Adapta-o com cores, tipo de letra e o seu próprio CSS, não escolhendo entre vários layouts.
  • O idioma é definido no código de incorporação. Se o seu website tiver uma versão em inglês e uma em alemão, incorpora o widget com o código de idioma correspondente em cada uma. O widget não adivinha o idioma do visitante por si só.
  • O conteúdo é editado no Restaurant Hub, não no widget. Essa é a ideia, mas significa que o widget não pode mostrar um prato que não esteja nos dados do seu menu.
  • O script vai na página uma vez, mesmo que a página mostre vários widgets.
  • Mantenha algum texto seu na página. O widget carrega o menu com um script. Um parágrafo curto na própria página sobre a sua cozinha, a sua localização e o seu horário de funcionamento continua a ajudar os visitantes e os motores de busca a compreender a página de relance.

Quando o PDF ainda faz sentido

Há um local onde um PDF ainda é o formato certo: papel. Um menu impresso na mesa ou na montra precisa de um layout fixo. A abordagem sensata é gerar esse PDF a partir dos mesmos dados do menu, em vez de manter um ficheiro de design separado que se afasta lentamente da realidade. O Restaurant Hub faz exatamente isso com o seu menu imprimível.

No website, porém, o PDF já não tem qualquer vantagem. É mais lento de atualizar, mais difícil de ler no telemóvel, limitado a um idioma e não pode aceitar reservas.

Como começar

O Widget Creator é gratuito em todos os espaços de trabalho KIMISUITE. Os widgets de restaurante leem o seu conteúdo do Restaurant Hub, que pode adicionar ao mesmo espaço de trabalho com 14 dias gratuitos. Construa o seu primeiro widget de menu, cole duas linhas no seu website, e a próxima alteração de preço fica resolvida sozinha. Crie o seu espaço de trabalho gratuito.