Popups de restaurantes em Elementor: reservas, promoções e ofertas

Imagem em destaque para o guia pop-up do restaurante Master Addons, mostrando um pop-up Reserve a Table sobre um site de restaurante com gatilho de clique e etiquetas de carregamento de página

Um popup de restaurante é uma sobreposição que coloca uma coisa na frente de um visitante: um link de reserva, especiais de hoje, ou uma oferta datada Você pode construir ambos os que importam com Elementor gratuito e o Master Addons Popup Builder gratuito, e isso caminha através dele.

O que aciona o nível livre realmente dá a você a decisão do que você pode construir, de modo que isso vem primeiro, em vez de ser enterrado em uma nota de rodapé.

Ambos os pop-ups aqui são construídos gratuitamente Construtor de pop-ups Master Addons. Se você quiser ver a forma de um acabado antes de começar, o resumo de exemplos pop-up tem vinte e cinco deles.

O que um pop-up de restaurante deve fazer e quando ignorá-lo

Um popup ganha seu lugar quando faz um trabalho claramente: obter uma reserva, anunciar um especial real ou promover um evento datado Qualquer coisa que concorra com seu menu ou seu número de telefone para atenção falhou.

Pule-o em páginas onde as pessoas estão lendo ativamente, como o menu completo ou uma única página de prato Pule-o no celular se cobrir a tela antes que alguém tenha rolado E pule-o inteiramente se você já executar uma barra de reserva pegajosa, porque duas chamadas de ação concorrentes apenas dividem a atenção entre elas.

Diagrama de decisão: use um pop-up de carregamento de página para promoções e mensagens de boas-vindas, um gatilho de clique para reservas, uma contagem regressiva para ofertas datadas e nenhum pop-up nas páginas do menu ou se já existir uma barra adesiva
Combine o pop-up com o trabalho antes de construí-lo Dois desses três não precisam de atualização.

Precisa do Elementor Pro?

Não para um popup especial ou um botão de reserva O próprio Popup Builder da Elementor fica dentro do nível Avançado da Elementor Pro, um plano pago separado da licença Essential de entrada A Master Addons envia um Popup Builder gratuito que funciona com a Elementor normal e não precisa dessa atualização.

O nível livre tem um limite rígido, e vale a pena afirmar claramente porque a tela de configurações não o torna óbvio Qualquer que seja o gatilho automático que você escolher nas configurações de pop-up, o front-end executa-o como Page Load, e o pop-up mostra em todo o site profundidade de rolagem, intenção de saída, inatividade e segmentação específica da página são Master Addons Pro.

Configurações de pop-up de complementos mestres no Elementor com o gatilho aberto, listando Carga na página, Clique, Rolagem, Rolagem para elemento, Intenção de saída, Após inatividade e personalizado
O dropdown do gatilho lista todas as opções No nível livre, o front-end ainda o executa como carregamento de página, que é o limite que vale a pena conhecer antes de planejar em torno dele.

Abrir um pop-up de um botão é o gatilho On Click, e esse é o Pro também O gratuito Widget Popup Trigger é um botão de fechamento que você coloca dentro do pop-up, por isso não abre um. A Etapa 3 cobre a configuração de clique e uma alternativa gratuita.

Gol pop-up do restauranteGatilho necessárioFunciona de graça?
Especiais de hoje ou boas-vindas, na chegadaCarregamento de páginaSim
Reserve uma tabela em um livro Agora clique emEm CliqueNão, precisa do Pro
Um botão de fechamento “Maybe later” dentro do pop-upWidget Popup TriggerSim
Pegue uma lanchonete de despedida, última mesa esta noiteSair IntençãoNão, precisa do Pro
Recompense alguém que leu o menuRolar profundidadeNão, precisa do Pro
Mostrar apenas na página do menuVisando páginaNão, precisa do Pro
Construtor de Popups do próprio ElementorQualquerNão, precisa do Elementor Pro
Gráfico de Master Addons gatilhos pop-up por plano
O Page Load é o único gatilho gratuito. Clique, role, saia da intenção, inatividade e necessidade de segmentação de página Pro.

Nosso repartição gratuita versus profissional das condições de exibição cobre exatamente onde fica essa linha de segmentação.

Três pop-ups de restaurantes que valem a pena construir

A maioria dos sites de restaurantes precisa de três no máximo, e o Popup Builder gratuito cobre os dois primeiros.

  • Especiais de hoje ou seja bem-vindo. Carrega uma vez por visita, destaca um prato ou uma mudança de menu sazonal.
  • Reserve uma mesa. Abre apenas quando alguém clica em Reservar agora, por isso responde à intenção em vez de interromper uma primeira olhada.
  • Evento ou oferta limitada com contagem regressiva. Uma janela de happy hour, um prazo de reserva de férias, um menu de degustação de uma noite.

Para ideias de layout antes de construir, 25 exemplos de pop-up de elementadores mostra como são os pop-ups contidos e bem pontuados.

Passo 1: Ligue o Construtor de Popups

Instale e ative os Master Addons, depois abra suas configurações e habilite o módulo Popup Builder Que adiciona um tipo de postagem Popup ao seu painel, separado de suas páginas.

Crie um novo pop-up, nomeie-o como algo que você reconhecerá em três meses (Specials Popup, Reserve Table Popup) e abra-o no editor Elementor A partir daí ele se comporta como qualquer página do Elementor.

Painel WordPress com o menu Master Addons aberto e Popup Builder destacado
Complementos Master na barra lateral do WordPress O Popup Builder fica ao lado do Theme Builder e do Widget Builder.

O Construtor Popup é um dos muitos módulos gratuitos. O diretório de widgets e extensões tem a lista completa do que mais envia gratuitamente.

Passo 2: Construa um pop-up de especiais de hoje

Mantenha-o pequeno e específico: um título, dois ou três itens com preços e um botão no menu ou página de reserva.

Faça o botão fechar pelo menos 40 pixels de altura para que um polegar possa acertá-lo e use fotos de seus pratos reais. Fotografia de estoque da comida de outra pessoa é pior do que nenhuma foto.

Editor de elementor com o painel de widgets Master Addons aberto, projetando conteúdo pop-up na tela
O pop-up é uma tela Elementor normal Qualquer widget Master Addons cai diretamente. (Mostrado aqui com um layout de desconto em vez de um especial.)

De graça isso dispara no Page Load em todas as páginas, não apenas na página inicial Escreva a cópia para se adequar a isso: uma oferta geral de boas-vindas em vez de algo que só faz sentido em uma página Se a cópia começar com “Enquanto você está olhando para o nosso menu,” é a cópia errada para um pop-up em todo o site.

Passo 3: Adicione um pop-up de Reserva de uma Tabela com um clique de botão

Este é um mecanismo diferente do Passo 2, e é aquele com o qual a maioria dos sites de restaurantes deve liderar Em vez de um gatilho programado, o pop-up abre apenas quando alguém clica em um botão Em Master Addons este é o gatilho On Click, que precisa de Pro.

Crie um segundo pop-up segurando seu formulário de reserva ou um link para o seu sistema de reservas Em suas configurações, defina Open Popup para On Click e insira uma classe CSS, como .book-table, então adicione book-table no seu botão Reservar agora em Aulas CSS avançadas. Dentro do pop-up, adicione o grátis Gatilho Popup widget como um “Talvez mais tarde” botão de fechamento No plugin gratuito, vincular o botão Reservar agora para uma página de reservas em seu lugar.

Reserve um pop-up de mesa aberto a partir de um botão Reserve uma mesa no site de um restaurante, com data, hora, tamanho da festa e campos de contato
Um pop-up Reserve a Table aberto por um clique em vez de um temporizador Nada dispara até que alguém peça para reservar.

Este nunca interrompe um visitante que não demonstrou interesse Ele abre quando alguém decide reservar, o que está mais próximo de como um bom anfitrião realmente se comporta A configuração geral é abordada em como adicionar um pop-up no Elementor gratuitamente.

Passo 4: Adicione uma contagem regressiva para ofertas limitadas

Para uma janela de happy hour ou um evento de uma noite, deixe cair o livre Widget de temporizador de contagem regressiva dentro do pop-up e defina o horário de término para quando a oferta realmente fechar.

Combine-o com uma linha de cópia que nomeia o prazo, como “Happy hour termina às 18:00”, e um botão para o pop-up de reserva da Etapa 3. não use uma contagem regressiva que seja reiniciada no aviso regular, e a confiança perdida custa mais do que a urgência adquirida.

Happy hour pop-up em um site de restaurante com uma contagem regressiva ao vivo mostrando horas, minutos e segundos até que a oferta termine
O widget Countdown Timer dentro de um pop-up happy hour Defina o horário de término para quando o serviço realmente muda, não uma data arbitrária.

Passo 5: Controle quando e onde ele aparece

Em livre, este passo tem o limite rígido de anterior: qualquer pop-up que depende do Popup Builder automático aciona incêndios em Page Load e tem como alvo todo o site, o que quer que as configurações dropdown mostra A rota de clique do Passo 3 não é afetada, porque ele abre no clique, em vez de em um temporizador.

Para mostrar um pop-up apenas na página do menu, somente durante o horário de atendimento, ou somente depois que alguém passa pela galeria, você precisa do Exibição Extensão das condições, que é Pro. Essa é a diferença entre um popup que mostra em todos os lugares e um que mostra onde faz sentido.

Master Addons Popup Builder condiciona modal perguntando onde exibir o pop-up, com regras Incluir e Excluir
As condições modais. Incluir e excluir regras como esta são onde vive a segmentação em nível de página.

Até então, projete pop-ups gratuitos como mensagens gerais em todo o site Um pop-up especial e um botão de reserva acionado por clique funcionam dentro dessa restrição, e é por isso que são os dois que este guia constrói.

Evitando que pop-ups irritem seus clientes

Um bom anfitrião não encontra alguém na porta com uma prancheta antes de olhar para a sala Um pop-up disparando no instante em que alguém pousa faz exatamente isso.

Dê a cada pop-up uma razão real para existir: um evento real, um desconto genuíno ou uma mudança de menu que vale a pena conhecer Uma oferta por pop-up, nunca duas na mesma página e prefira um gatilho de clique sempre que o objetivo for uma reserva em vez de um anúncio.

Assista ao case móvel especificamente Um pop-up que cobre a tela quando alguém chega de uma busca pelo seu horário de funcionamento é o padrão que a orientação intersticial intrusiva do Google descreve, e também é simplesmente inútil para uma pessoa que está do lado de fora decidir se deve entrar.

Se o seu verdadeiro objetivo é ajudar as pessoas a encontrar o menu, horários e reservas sem sobreposição, a restaurante mega menu geralmente resolve isso de forma mais limpa do que qualquer pop-up.

Se o pop-up estiver mostrando um conjunto rotativo de pratos em vez de uma oferta, um carrossel imagem dentro do pop-up geralmente lê melhor do que uma lista estática.

Perguntas frequentes

Como adiciono um pop-up ao site de um restaurante no WordPress?

Instale Master Addons, que adiciona um Construtor de Popup gratuito ao Elementor Construa o layout com widgets Elementor, salve-o como um pop-up e publique. gratuitamente, o pop-up dispara no carregamento da página em todo o site, portanto, escreva-o como uma mensagem especial ou de boas-vindas, em vez de uma oferta específica da página.

O construtor de popups do Elementor é gratuito, e posso criar um popup no Elementor gratuitamente?

O próprio Popup Builder da Elementor faz parte do nível Avançado da Elementor Pro, por isso não é gratuito A Master Addons adiciona um Popup Builder gratuito separado que funciona com o Elementor normal, para que você possa projetar e publicar um pop-up de restaurante sem atualizar o Elementor.

Posso acionar um pop-up somente quando alguém clicar em um botão, como Reservar uma mesa?

Sim, com Master Addons Pro. Defina o pop-up para o gatilho On Click e dê ao seu botão a classe CSS correspondente, e ele abre somente quando um visitante clica nesse botão No plugin gratuito, os pop-ups abrem no carregamento da página, então vincule o botão a uma página de reservas.

Quando um pop-up de restaurante deve realmente aparecer na página?

Para um pop-up especial ou de boas-vindas, o carregamento da página chega a cada visitante uma vez e tudo bem Para uma chamada de reserva à ação, um gatilho de clique se encaixa melhor porque responde à intenção em vez de interromper A intenção de saída e a profundidade de rolagem, que esperam por um sinal de que alguém está saindo ou leu o menu, precisam do Master Addons Pro.

Os pop-ups são ruins para sites de restaurantes?

Eles podem ser, se interromperem alguém antes de terem visto o menu ou encontrado o endereço Uma oferta clara, um motivo real para mostrá-lo e nenhum pop-up empilhado lutando entre si Um pop-up anunciando um evento genuíno supera um que apenas cumprimenta cada visitante, e no celular uma sobreposição de tela cheia na chegada é o padrão sobre o qual a orientação do Google alerta.

Como adiciono um pop-up gratuito ao site de um restaurante sem comprar o Elementor Pro?

Use Master Addons grátis Ele lhe dá o Construtor de Popup para um pop-up especial ou bem-vindo no carregamento da página, além do widget Popup Trigger para um botão de fechamento estilizado, e nenhum deles precisa Elementor Pro. Um pop-up que abre a partir de um clique de Reserva de Tabela, segmentação específica da página, intenção de saída e gatilhos de rolagem são Master Addons Pro.

O que construir primeiro

Construa o pop-up de reserva acionado por clique antes do especial. É aquele que ganha dinheiro, nunca interrompe ninguém e funciona totalmente no nível gratuito.

O mesmo Construtor de widgets que importa esses projetos é o que você usaria para construir um bloco de reserva que você reutiliza em sites O preço para esse nível está no página preços.

Adicione os especiais pop-up segundo, escrito como uma recepção em todo o site, e só alcance para Pro quando você realmente precisa de um pop-up escopo para uma página ou disparado na saída Muitos sites de restaurantes nunca precisam de qualquer um.

Foto de Roy Jemee
Roy Jemee
Sou Roy Jemee, Content Wrangler e Marketer da Pixar Labs, trabalhando em Master Addons para Elementor Escrevo os tutoriais, gravo os vídeos e mantenho a documentação atualizada, para que você sempre saiba como usar todos os recursos Eu também lido com suporte, então se você acertar um obstáculo, sou a pessoa que ajuda você a consertar respostas reais, de alguém que usa essas ferramentas todos os dias.

Deixe uma resposta

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados *

Setembro Venda

40% fora tudo

Cada plano Master Addons Pro, anual e vitalício Um código, oito dias.

00dias
00horas
00min
00seg

Termina segunda-feira, 14 de setembro, 23h59 horário do leste dos EUA

  • Pessoal1 site $ 129$ 77
  • Negócios5 sites $ 199US$ 119
  • DesenvolvedorSites ilimitadosMelhor para agências $ 599US$ 359

Pague uma vez. Nenhuma renovação, nunca.

Código cupom MALIFE40
Ganhe 40% de desconto agora
  • Mais de 30.000 instalações ativas
  • 4,5/5 de 212 avaliações
  • dinheiro de volta em 14 dias