Como criar um pop-up promocional

Acione um novo formulário de assinantes, ofereça um desconto ou faça um anúncio aparecer quando um visitante carregar o seu site.

Ultima atualização 29 de Janeiro de 2025

Você pode criar um pop-up que aparece quando os visitantes chegam ao seu site. Este guia mostra como adicionar um pop-up promocional ao site, além das opções de quando e onde os pop-ups aparecem.

Os pop-ups promocionais são ótimos para:

Acessando o recurso

O pop-up promocional está disponível nos planos Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace. Para criar pop-ups promocionais, você precisa usar o computador. Não é possível adicionar no app do Squarespace.

Assista a este vídeo

Adicione pop-ups promocionais

Para adicionar um pop-up promocional:

  1. Abra o painel pop-up promocional.
  2. Escolha um layout pop-up promocional. 
  3. Personalize o texto, o tempo e a aparência do pop-up usando as configurações AçãoConteúdoExibição e TimingImagemEstilo . Consulte a tabela abaixo para obter mais detalhes.
  4. Ative a chave múltipla ao lado de Display pop-up, depois clique em Salvar

Para testar seu pop-up depois de criá-lo, visite seu site em uma janela incógnita.

Configurações pop-up

Clique na configuração no painel pop-up promocional para personalizar o pop-up. Use esta tabela como um guia.

Configuração Descrição
Mostrar pop-up

Ligue ou desligue a chave múltipla ao lado do Display pop-up para ativar ou desativar o pop-up, depois clique em Salvar.

O pop-up desativado mantém todas as configurações intactas até ser reativado.

Alterar layout

Escolha o tamanho do pop-up e se ele irá cobrir toda a página ou uma pequena parte dela. Você só pode adicionar imagens a modelos que as incluam. 

Passe o cursor sobre um layout e clique em Selecionar para visualizar, depois clique em Salvar para aplicar o layout. Note que layouts maiores podem afetar a SEO.

Ação

Escolha se a janela pop-up irá solicitar que os visitantes assinem a newsletter ou cliquem em um botão.

Siga estas etapas para aplicar as configurações.

Conteúdo

Acrescentar texto ao pop-up. Clique nos campos Título Corpo para adicionar texto, depois clique em Salvar.

Mantenha este texto curto. Textos em excesso podem causar problemas de exibição.

Exibição e frequência

Escolha quando, onde e com que frequência o pop-up será exibido.

Siga estes passos para aplicar as configurações.

Imagem

Adicione uma imagem ao pop-up, se o layout que você escolheu suportar um. 

Siga estas etapas para carregar uma imagem.

Estilo

Escolha o estilo do pop-up para combinar com a aparência do seu site. Clique em uma área do pop-up para exibir apenas os ajustes de estilo disponíveis para essa área e ocultar o restante. Clique em Mostrar tudo para ver todos os ajustes disponíveis. A mensagem pós-envio segue os ajustes de fonte e cor do corpo.

Configurações de ação

Use as configurações Ação no painel pop-up promocional para adicionar uma chamada para ação para seus visitantes.

Assine uma newsletter

Para convidar os visitantes a se inscreverem em sua lista de e-mail, escolha Inscreva-se para receber uma newsletter.

Botão

Clique no Botão para alterar o texto que aparece no pop-up da newsletter.

  • Texto de espaço reservado no campo de e-mail - Texto que aparece na caixa de endereço de e-mail. O texto padrão é Endereço de e-mail.
  • Etiqueta do botão "Enviar" - texto no botão que os visitantes clicam para enviar um endereço de e-mail. O texto padrão é Enviar, mas você pode alterar para algo como Participe ou Cadastre-se.
  • Disclaimer - Texto que aparece abaixo da caixa de endereço de e-mail.

Armazenamento

Para coletar as respostas dos visitantes, clique na guia Storage para conectar uma opção de armazenamento.

  • Clique em Campanhas do Squarespace ou em Vincular outros serviços para que o Mailchimp ou o Google Drive armazene os envios.
  • Não é possível vincular o envio das newsletters a um e-mail ou outro serviço externo.

Validação

Clique na aba Validação para ver as opções de validação do assinante. A opção padrão é Enviar e-mail de confirmação; porém, com o Google reCAPTCHA ativado, você pode desativar o e-mail de confirmação. É necessário pelo menos um método de validação nas listas de e-mail das campanhas por e-mail do Squarespace.

Pós-envio

Clique na aba Pós-envio para alterar o texto que aparece depois que um visitante se inscreve em sua lista de e-mails.

  • Mensagem pós-envio - O texto que aparece depois que um visitante envia um formulário, abaixo do cabeçalho, do corpo do texto e do termo de responsabilidade. 
  • HTML pós-envio - Se tiver conhecimentos de codificação, você pode adicionar código personalizado a esta caixa para exibir junto com a mensagem post-envio abaixo do cabeçalho, corpo de texto e isenção de responsabilidade. O HTML pós-envio não substitui a mensagem pós-envio.

Clique em um botão

Você pode adicionar até dois botões com link para as páginas do seu site, um arquivo, outro site ou o que você quiser que os visitantes vejam. 

  1. Na configuração Ação , escolha Clique em um botão.
  2. Adicione uma etiqueta de botão à primeira caixa. Ela será o texto do botão.
  3. Adicione um link ao botão na caixa do URL; ou clique em "a para ver mais opções de link.
  4. Repita esses steps com o segundo botão. Para usar apenas um botão, deixe em branco a segunda etiqueta e a caixa do URL.

Configurações de Exibição e Timing

Use a tela Exibição e Timing configurações no Painel pop-up promocional para adicionar uma chamada para ação para seus visitantes.

Selecione as páginas para o pop-up.

Na seção Páginas, escolha as páginas em que o pop-up deve aparecer. Para mostrar o pop-up na primeira página que o visitante vê, selecione Qualquer primeira página no menu suspenso.

Selecione Apenas determinadas páginas para limitar onde a janela pop-up aparece. Isso pode ser útil para esconder o pop-up de uma página que já tem um formulário de newsletter, ou apenas mostrá-lo em sua página inicial. O pop-up aparecerá em qualquer uma de suas páginas escolhidas em que o visitante aterrisse primeiro. Após ter escolhido as páginas, clique fora do menu de páginas para fechá-lo.

Lembre-se:

  • Não é possível incluir pop-up nas páginas de um site para membros ou nas subpáginas do índice.
  • Se você selecionar várias páginas, as regras definidas abaixo serão aplicadas a essas páginas.
  • Mesmo que você selecione mais de uma página para o pop-up, ele só aparecerá na primeira página (com o pop-up) que o visitante acessar. 

Escolha quando o pop-up aparece (na rolagem ou em um temporizador)

Selecione se o pop-up deve aparecer em um cronômetro e/ou rolar na seção Timing . Após fazer sua seleção, use os outros menus suspensos para definir o tempo, a porcentagem de rolagem, ou ambos.

Se você definir um horário e uma posição de rolagem, o pop-up aparecerá quando a primeira ação acontecer. Por exemplo, se você definiu o horário para Depois de 10 segundos e a porcentagem de rolagem para 25%, existem duas maneiras de o pop-up aparecer:

  • O visitante chega ao site e imediatamente rola 25% da página.
  • O visitante não rola a página ao chegar, mas permanece lá por 10 segundos.

Se o seu visitante acessar uma página protegida por senha, o pop-up seguirá as regras de exibição e tempo definidas após inserirem a senha.

Escolha uma frequência

Defina com que frequência os visitantes que retornam devem ver o pop-up no menu suspenso Frequência. Se eles já viram o pop-up uma vez, você pode definir para não exibi-lo novamente na próxima visita. Se preferir uma experiência menos invasiva, defina para exibir o pop-up novamente depois de um determinado tempo ou para ocultá-lo dos visitantes que retornam.

Você pode escolher entre as seguintes opções de frequência:

  • No dia seguinte - os visitantes que retornam veem o pop-up novamente após 24 horas
  • Em 1 semana
  • Em 2 semanas
  • Em 30 dias
  • Nunca - os visitantes que retornam nunca veem o pop-up pela segunda vez

Usamos cookies para identificar visitantes novos e recorrentes. Se eles ainda tiverem nosso cookie no browser, o seu site contará como visitantes repetidos. Se eles limparem o cache ou visitarem o seu site usando um novo browser, contará como novos visitantes.

Não mostrar novamente após assinar a newsletter

No pop-up de newsletter, é possível ocultar o pop-up dos visitantes que já a assinaram; basta marcar Não mostrar novamente após assinar a newsletter.

Dica

somente assinaturas feitas pelo pop-up incluem essa regra. Quem assinar em outra área do site, como o Bloco de Newsletter ou na finalização de compra, o pop-up ainda poderá aparecer.

Mostrar ou ocultar no celular

Para o pop-up aparecer na versão móvel, marque Mostrar na versão móvel.

Para melhorar a exibição, o pop-up tem uma aparência diferente na versão móvel. Para personalizá-lo, use os ajustes de estilo na seção Versão móvel do painel Estilo. Para testar essa exibição, use a Prévia por aparelho.

Redefinição de visualizações

Para mostrar o pop-up novamente a todos os visitantes em sua próxima visita, mesmo que suas configurações indicam o contrário, clique no botão Redefinir.

Isso é útil se você alterou o pop-up e deseja que visitantes repetidos vejam um novo design na próxima visita. Após os visitantes verem o novo conteúdo uma vez, o pop-up voltará à regra de frequência definida.

Configurações de imagem

Em Configurações da imagem, clique na caixa de upload da imagem e depois em Carregar imagem. Você também pode reutilizar uma imagem já adicionada ao seu site ou usar uma imagem de acervo. Para utilizar uma cor de fundo sólida em vez de imagem, deixe o painel "Imagem" vazio e selecione uma cor de fundo no painel Estilo.

Lembre-se:

  • Somente arquivos .jpg, .png ou são aceitos.
  • Certifique-se de que você formatou corretamente suas imagens antes de carregá-las.
  • Revise melhores práticas de imagem de acervo se você estiver usando-as.
  • Ao carregar mais de uma imagem, cria-se um slideshow. No slideshow, não é possível adicionar controles de navegação nem fixar a velocidade da transição.
  • Para ter mais controle sobre as dimensões da imagem, ative os ajustes de Layout avançado de sobreposição em Design de sobreposição no painel Estilo.

Exemplos de pop-ups

Clique nas abas para rever possíveis configurações para pop-ups promocionais comuns. Você pode usar qualquer modelo e configurações de estilo para criar esses pop-ups, mas somente modelos que incluem imagens que suportam imagens. 

sale promotional popup.png
Configuração Exemplo 
Ação Botão
Texto do botão "Compre a venda"
Link do botão A categoria de venda
Conteúdo

Texto do título: "10% de desconto em todos os trajes de banho"

Texto do corpo: "Em pedidos acima de $50"

Exibição e frequência

Mostrar pop-up em: qualquer primeira página

Timing: Mostrar no cronômetro após 5 segundos

Freqüência: No dia seguinte

 

age restriction promotional popup.png
Configuração Exemplo
Ação Botão
Texto do botão "Sim"
Link do botão Sua página inicial
Conteúdo

Texto do título: "Você deve ter mais de 21 anos para visitar este site"

Corpo do texto: "Você tem mais de 21 anos?"

Exibição e frequência

Mostrar pop-up em: qualquer primeira página

Timing: Mostrar em um cronômetro e rolar, após 5 segundos e 25% para baixo

Freqüência: No dia seguinte

 

newsletter promotional popup.png
Configuração Exemplo
Ação

Cadastre-se na newsletter

Texto do espaço reservado no campo de e-mail: "Endereço de e-mail"

Enviar etiqueta de botão: "Cadastre-se"

Conteúdo

Texto do título: "Obtenha 10% de desconto"

Texto do corpo: "Cadastre-se para obter 10% de desconto em sua primeira compra de $50 ou mais"

Armazenamento Campanhas por e-mail do Squarespace
Pós-envio "Obrigado!"
Exibição e frequência

Compre o pop-up em: Qualquer primeira página

Timing: Mostrar no scroll, 25% abaixo

Freqüência: No dia seguinte

 

Acompanhe o envolvimento dos pop-ups promocionais

Use as conversões de formulário e de botão para ver como os visitantes interagem com os pop-ups promocionais. Você pode monitorar a taxa de conversão, que compara o número de visualizações que um pop-up recebeu com o número de envios ou cliques que ele obteve.

Pop-ups promocionais na versão móvel

Os pop-ups promocionais funcionam na versão móvel, mas aparecem de forma diferente em relação aos computadores:

  • O pop-up ocupa metade da tela
  • As imagens não aparecem
  • Nos layouts que centralizam o texto no computador, o texto será sempre alinhado à esquerda no celular para que o ícone X fique visível aos visitantes

Você pode especificar estilos específicos da versão móvel no painel Estilo; ou desativar pop-ups na versão móvel pelo painel Exibição e frequência.

Pop-ups e SEO

O uso de pop-ups promocionais pode afetar negativamente a classificação do seu site nos mecanismos de busca. Se você está preocupado com o SEO, recomendamos escolher um layout pop-up que cubra somente parte da tela do computador.

É muito importante que os pop-ups não restrinjam o acesso ao seu conteúdo na versão móvel. Caso contrário, o Google pode não classificar o seu site no topo dos resultados de busca nos aparelhos móveis. Para evitar esse problema, todos os pop-ups promocionais preenchem apenas metade da página no celular. Você também pode desativar completamente os pop-ups na versão móvel.

Anotação

a estratégia de SEO está fora do escopo do suporte ao Squarespace. Oferecemos recursos compatíveis com SEO e uma lista completa de verificação de SEO para otimizar o site para os sistemas de busca e os visitantes, mas não podemos fornecer orientação específica sobre a classificação do site.

Resolução de problemas

O pop-up continua aparecendo após ser ignorado

Se os visitantes veem o pop-up reaparecer durante a mesma sessão de navegação, eles podem estar visitando seu site em uma janela privada ou anônima. Janelas privadas não reconhecem visitas individuais, o que significa que o pop-up seguirá as regras de horário e frequência sempre que o visitante atualizar ou visitar uma nova página do seu site.

O pop-up exibe uma barra de rolagem 

Muito texto gera uma barra de rolagem e pode causar problemas de exibição no celular. Tente limitar a manchete a uma frase; e o corpo, a três.

O pop-up carrega lentamente

O upload de muitas imagens em alta resolução pode fazer com que o pop-up demore mais para carregar.

Limitações

  • Você só pode ativar um pop-up de cada vez. Para mostrar outra mensagem no site, adicione uma barra de notificações.
  • Os pop-ups não são compatíveis com código personalizado.
  • O pop-up promocional só aparece quando o visitante chega a uma página. Não é possível fazer o pop-up aparecer quando alguém sai do site.
  • Não é possível carregar arquivos de vídeo no pop-up. Para simular um vídeo, recomendamos usar um .gif animado.
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.