header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: usar pop-ups

7 min
Neste artigo
  • Adicionar um pop-up
  • Personalizar um pop-up
  • Configurar gatilhos para um pop-up
  • Definir uma programação para um pop-up
  • Vincular elementos a um pop-up
  • Gerenciar um pop-up
Pop-ups são janelas que aparecem no site online que você pode personalizar como preferir. Personalize o design da janela, adicione os elementos desejados e, em seguida, escolha quando ela aparece para os visitantes do site.
Você também pode vincular elementos, como texto, botões ou imagens a um pop-up, para que ela abra quando eles forem clicados. Essa é uma ótima maneira de aumentar a exposição de informações com validade limitada, como ofertas e promoções.
Um exemplo de uma janela usada para ganhar mais assinantes para a newsletter do cliente

Adicionar um pop-up

Adicione um pop-up ao site do seu cliente para começar a configurar anúncios para seus visitantes e clientes.

Para adicionar um pop-up:

  1. Vá para o seu editor.
  2. Clique em Elementos no lado esquerdo do editor.
  3. Clique em Ferramentas de layout.
  4. Clique em Pop-ups.
  5. Selecione o pop-up que deseja adicionar.
A aba pop-ups foi aberta no painel Elementos. O cursor está selecionando um pop-up.

Personalizar um pop-up

Personalize o pop-up para que ele combine com o resto do site. Adicione os elementos que precisar, em seguida, altere a cor do background e decida sua opacidade.

Para personalizar um pop-up:

  1. Vá para o seu editor.
  2. Clique em Páginas  no lado esquerdo do editor.
  3. Selecione o pop-up relevante em Pop-ups.
  4. Clique no pop-up na tela.
  5. Escolha como personalizar o pop-up:
5. Quando estiver tudo pronto, clique em OK na parte inferior para sair do modo de edição. 
O painel inspetor está aberto para um pop-up. O cursor está clicando na caixa de cores do background.
Qual é o próximo passo?
Visualize o site para ver o pop-up em ação.

Configurar gatilhos para um pop-up

Escolha como e quando o pop-up aparece. Você pode configurá-lo para aparecer automaticamente em páginas específicas do site ou vinculá-lo a um elemento (por exemplo: texto, imagem). Você também pode decidir como os visitantes fecham o pop-up depois de visualizá-lo.
Observação:
O pop-up é exibido uma vez por visitante, na primeira página relevante que ele vê (caso ele esteja definido para aparecer em várias páginas).

Para configurar gatilhos:

  1. Vá para o seu editor.
  2. Clique em Páginas  no lado esquerdo do editor.
  3. Selecione o pop-up relevante em Pop-ups.
  4. Clique no pop-up na tela.
  5. Clique em Definir gatilhos.
  6. Selecione a opção relevante em Exibir automaticamente o pop-up nas páginas:
    • Sim: o pop-up aparece automaticamente quando os visitantes entram nas páginas relevantes.
      1. Clique em Na página para selecionar as páginas relevantes.
      2. Arraste o slider Atraso para definir quanto tempo (em segundos) leva para o pop-up aparecer depois que a página for carregada.
    • Não: o pop-up não aparece quando os visitantes entram em uma página. Em vez disso, ele é acionado por um botão ou link que você escolhe.
  7. Ative as alavancas relevantes em Como o pop-up é fechado?.
    Observação: se você desativar o ícone "X" e o botão "Fechar", os visitantes podem clicar fora do pop-up para fechá-lo.
  8. Quando estiver tudo pronto, clique em OK para sair do modo de edição.
O painel de configurações do pop-up está aberto. O cursor está desativando a opção de exibição automática.
Observação:
No momento, não é possível mostrar mais de 1 pop-up por página. Se você tentar selecionar uma página que já tem um pop-up, a opção estará desativada. Vote para ter vários pop-ups por página.

Definir uma programação para um pop-up

Escolha quando os visitantes do site veem o pop-up. Se você estiver promovendo uma oferta por tempo limitado, por exemplo, isso garante que o pop-up apareça apenas no período de tempo relevante.
Importante:
Essa opção só está disponível se você definir o pop-up para ser exibido automaticamente nas páginas.

Para definir a programação do pop-up:

  1. Vá para o seu editor.
  2. Clique em Páginas  no lado esquerdo do editor.
  3. Selecione o pop-up relevante em Pop-ups.
  4. Clique no pop-up na tela.
  5. Clique em Definir gatilhos.
  6. Role para baixo até Agendamento do pop-up e clique em + Definir programação.
  7. Defina a data e horário de início e a data e horário de término.
    Dica: certifique-se de que o fuso horário correto esteja definido. Se não, você pode alterá-lo.
O painel de configurações do pop-up está aberto. O cursor está clicando no dropdown do fuso horário.

Vincular elementos a um pop-up

Vincule elementos no site para abrir um pop-up, para que os visitantes nunca percam um anúncio. Você pode vincular elementos como texto, imagens, vídeos e botões.

Para vincular um elemento a um pop-up:

  1. Clique no elemento relevante no seu editor.
  2. Clique no ícone Link  .
  3. Selecione Pop-up à esquerda.
  4. Clique no dropdown Qual pop-up? e selecione o pop-up relevante.
  5. Clique em OK.
O painel de link está aberto para um botão. O pop-up de notificações de vendas foi selecionado como o destino do link.

Gerenciar um pop-up

Gerencie os pop-ups do site para mantê-los organizados no editor. Você pode renomeá-los para que sejam fáceis de encontrar, duplicá-los para economizar tempo e excluir pop-ups desatualizados.

Para gerenciar um pop-up:

  1. Clique em Páginas  no lado esquerdo do editor.
  2. Clique no ícone Mais ações ao lado do pop-up relevante.
  3. Escolha o que fazer a seguir:
O cursor clicou em um pop-up no painel páginas do site, exibindo as opções para gerenciá-lo.