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.
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:
- Convidar visitantes para a sua lista de e-mails
- Divulgar uma venda ou código de desconto
- Como anunciar a publicação mais recente no blog ou um novo produto
- Solicitar que os visitantes confirmem a idade antes de acessarem conteúdo com restrição etária
Os pop-ups promocionais são uma recurso premium disponível nos planos Business, Commerce, Professional e Premium. Para criar um, você precisa usar um computador. Não é possível adicionar pop-ups promocionais no app do Squarespace.
Assista a este vídeo
Adicione pop-ups promocionais
Para adicionar um pop-up promocional:
- Abra o painel pop-up promocional.
- Escolha um layout pop-up promocional.
- Personalize o texto, o tempo e a aparência do pop-up usando as configurações Ação, Conteúdo, Exibição e Timing, Imagem e Estilo . Consulte a tabela abaixo para obter mais detalhes.
- 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. |
Conteúdo |
Acrescentar texto ao pop-up. Clique nos campos Título e 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. |
Imagem |
Adicione uma imagem ao pop-up, se o layout que você escolheu suportar um. |
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.
- Na configuração Ação , escolha Clique em um botão.
- Adicione uma etiqueta de botão à primeira caixa. Ela será o texto do botão.
- Adicione um link ao botão na caixa do URL; ou clique em para ver mais opções de link.
- 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 de imagem, clique na caixa de upload de imagem, depois clique em Upload de imagem. Você também pode reutilizar uma imagem que você já tenha adicionado ao seu site ou usar uma imagem de acervo. Para usar uma cor de fundo sólida em vez de uma imagem, deixe o painel de imagem vazio e escolha 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.
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 |
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 |
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.
É especialmente importante garantir que os pop-ups não restrinjam o acesso ao seu conteúdo da web em dispositivos móveis. Caso contrário, o Google poderá não classificar bem o site nos resultados de pesquisa para dispositivos móveis. Para ajudá-lo a evitar esse problema, todos os pop-ups promocionais preenchem apenas metade da página no celular. Você pode também optar por desativar os pop-ups em dispositivos móveis completamente.
Observaçã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.