Como Criar um Tapete de Boas-Vindas para o Seu Site WordPress (+ Exemplos)

Um tapete de boas-vindas é uma sobreposição dinâmica de tela cheia que pode ajudar você a obter mais assinantes de newsletter, downloads de e-books, vendas de produtos e muito mais.

No WPBeginner e em outras marcas, usamos consistentemente tapetes de boas-vindas para construir nossa lista de e-mails e promover diferentes produtos. Esta é uma ótima maneira de aumentar as conversões em seu site e incentivar as pessoas a retornar.

Neste artigo, compartilharemos como criar um tapete de boas-vindas para o seu site WordPress, juntamente com alguns ótimos exemplos de tapetes de boas-vindas para aprender.

Por que um Tapete de Boas-Vindas Pode Aumentar Suas Conversões

Mais de 70% dos visitantes que saem do seu site WordPress nunca retornarão, a menos que você os converta em assinantes de e-mail ou clientes.

Um tapete de boas-vindas é um interstitial grande de tela cheia que bloqueia a visão do restante do conteúdo do seu site para capturar a atenção do usuário.

Isso pode parecer uma má ideia, mas é uma ótima maneira de colocar sua mensagem na frente dos visitantes imediatamente.

Se os visitantes não quiserem o que você está oferecendo, eles podem simplesmente fechar o tapete de boas-vindas.

Claro, você vai querer dar às pessoas um bom motivo para se inscrever se estiver exibindo um tapete de boas-vindas em vez de um popup de intenção de saída, como um código de desconto ou até mesmo um brinde.

Por exemplo, você pode ter visto lojas de comércio eletrônico populares oferecendo um desconto especial usando um tapete de boas-vindas de tela cheia com gamificação.

Em outros casos, você pode ter visto blogueiros populares usando um tapete de boas-vindas em tela cheia para crescer sua lista de e-mail.

Por exemplo, você pode oferecer um guia gratuito ou arquivo PDF em troca do endereço de e-mail de um usuário.

Dito isso, vamos dar uma olhada em como adicionar facilmente um tapete de boas-vindas ao seu site.

Como Criar um Tapete de Boas-Vindas para o Seu Site

A maneira mais fácil de criar um tapete de boas-vindas no WordPress é usando OptinMonster. É o melhor software de geração de leads do mundo e permite que você crie facilmente formulários de opt-in, incluindo tapetes de boas-vindas.

Você pode ler nossa análise completa do OptinMonster para mais detalhes.

Primeiro, você precisará visitar o site do OptinMonster e se inscrever para uma conta. Você precisará de pelo menos o plano Basic para criar overlays em tela cheia.

Em seguida, você precisará instalar e ativar o plugin OptinMonster para WordPress. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

O plugin conecta o aplicativo OptinMonster ao seu site. Assim que você ativar o plugin, verá o assistente de configuração no seu painel do WordPress. Clique no botão 'Conectar Sua Conta Existente'.

Em seguida, uma nova janela será aberta.

Simplesmente clique no botão 'Conectar ao WordPress'.

Agora, você está pronto para criar seu tapete de boas-vindas.

Criando um Tapete de Boas-Vindas para o Seu Site

Você pode ir para OptinMonster » Campanhas para criar uma nova campanha.

Clique em ‘Criar Sua Primeira Campanha’ para começar a criar seu tapete de boas-vindas.

Uma nova janela será aberta onde você poderá selecionar modelos pré-construídos ou escolher campanhas prontas para usar e lead magnets, inspirados em marcas de sucesso. O OptinMonster também oferece a opção de contratar um especialista para personalizar suas campanhas.

Para este tutorial, usaremos a opção ‘Modelos’.

Isso o levará ao construtor de campanhas do OptinMonster.

Em seguida, escolha ‘Tela Cheia’ para o tipo de sua campanha.

Você precisará escolher um modelo para sua campanha. Usaremos o modelo ‘Entrada’, mas você pode escolher outro se desejar.

Assim que você selecionar um modelo, prossiga e insira um nome para sua campanha e clique no botão ‘Começar a Construir’.

Em seguida, você pode personalizar sua campanha usando o construtor de arrastar e soltar. Você pode alterar o que quiser aqui.

Existem diferentes blocos que podem ser adicionados à campanha, como imagens, texto, botões e muito mais. Você também vai querer editar o texto para corresponder à sua oferta.

Basta clicar em qualquer elemento e você verá que pode editá-lo no painel esquerdo.

Por exemplo, vamos alterar o título do tapete de boas-vindas em tela cheia para nossa campanha de demonstração.

O próximo passo é deixar seu tapete de boas-vindas deslizar. Você pode fazer isso clicando no ícone de engrenagem de Configurações no canto inferior esquerdo.

A partir daqui, você precisa ativar a opção 'Exibir um Slide de Página?' para habilitá-la.

Isso significa que seu tapete de boas-vindas deslizará de cima da tela em vez de aparecer gradualmente.

Em seguida, você precisa mudar para a visualização 'Sucesso' do seu tapete de boas-vindas. É isso que seus usuários verão depois de realizar a ação desejada. Se desejar, você pode personalizar a visualização de sucesso ou usar o modelo padrão.

Assim que estiver satisfeito com seu tapete de boas-vindas, você pode configurar como ele será exibido em seu site.

Exibindo o Tapete de Boas-Vindas em Seu Site WordPress

Você pode definir como exibir o popup do seu tapete de boas-vindas mudando para a aba 'Regras de Exibição' no OptinMonster.

Existem muitas opções de personalização e segmentação, como a localização dos usuários, os itens que eles têm em seu carrinho de eCommerce, o que eles fizeram anteriormente em seu site, intenção de saída e muito mais.

Por padrão, as campanhas do OptinMonster são exibidas em todas as páginas do seu site após o visitante estar lá por 5 segundos.

Como este é um tapete de boas-vindas, você provavelmente vai querer que ele seja exibido imediatamente. Basta alterar este valor para 0 segundos.

Por padrão, o tapete de boas-vindas será exibido em todas as páginas do seu site. Você pode facilmente incluir ou excluir páginas específicas usando as regras de personalização do OptinMonster.

Você pode clicar no botão 'Concluído? Ir para Ações' quando terminar.

Em seguida, você verá mais opções para exibir sua campanha. Por exemplo, você pode adicionar um efeito ou reproduzir um som quando a campanha aparecer na tela de um usuário.

Para este tutorial, usaremos as configurações padrão.

Se você rolar para baixo, verá as Configurações de Cookie para sua campanha.

Por exemplo, você pode exibir sua campanha novamente se um usuário já converteu após um certo número de dias. Da mesma forma, também existem opções para exibir a campanha novamente para pessoas que fecharam o pop-up ou o viram, mas não converteram.

Na próxima tela, você verá um resumo das configurações de suas regras de exibição.

Você pode editar as configurações antes de publicar a campanha.

Quando estiver pronto para publicar seu tapete de boas-vindas, basta ir para a aba ‘Publicar’ no topo da tela.

Vá em frente e altere o Status de Publicação de ‘Rascunho’ para ‘Publicar’.

Não se esqueça de clicar em ‘Salvar’ para armazenar suas alterações e fechar o construtor de campanhas.

Em seguida, você verá as Configurações de Saída do WordPress para sua campanha. Certifique-se de que sua campanha está publicada.

Se não estiver, basta clicar no menu suspenso Status e selecionar a opção ‘Publicado’. Não se esqueça de clicar no botão ‘Salvar Alterações’ quando terminar.

Para conferir sua campanha, você pode visitar seu site em uma nova janela de navegador anônimo.

Você deverá ver seu tapete de boas-vindas deslizar suavemente do topo da sua tela.

Exemplos de Ótimos Tapetes de Boas-Vindas

Vamos dar uma olhada em alguns exemplos de tapetes de boas-vindas de diferentes setores. Para cada um, analisaremos o que eles estão fazendo bem, além de quaisquer pequenas alterações que possamos sugerir.

1. Singularity

Este tapete de boas-vindas da Singularity incentivou os usuários a se inscreverem e assistirem à transmissão ao vivo da Singularity University Global Summit. Foi um grande sucesso e capturou mais de 2.000 novas inscrições por e-mail em menos de 9 dias.

Gostamos particularmente do ótimo uso do logotipo, das fontes claras e do botão brilhante “Lembre-me!”.

2. Goins, Writer

Este tapete de boas-vindas da Goins, Writer oferece um guia gratuito. É uma oferta clara e simples, e o design minimalista está de acordo com o restante do site.

Achamos que os botões “Sim” e “Não, obrigado” são claros e fáceis de usar, e o uso de números no título torna a oferta atraente.

3. AVweb

Este tapete de boas-vindas tem uma imagem grande e clara de um pequeno avião. Chama a atenção instantaneamente.

Gostamos da ótima imagem e da clara chamada para ação “Inscreva-me!”. Uma pequena sugestão seria encurtar o slogan para evitar que ele cubra o topo da imagem.

4. Loaded Landscapes

Este tapete de boas-vindas da Loaded Landscapes é um pouco diferente dos outros exemplos. O fundo é ligeiramente transparente.

Gostamos da oferta clara e do entusiasmo do botão de chamada para ação vermelho. O fundo do site sob o tapete de boas-vindas poderia ser um pouco distrativo, então talvez valha a pena mudá-lo para ser totalmente opaco, no entanto.

5. OptimizeMyBnb

Este tapete de boas-vindas foi usado em uma página específica, que foi incluída como um link clicável dentro de um livro que o proprietário do site vendeu através de varejistas terceirizados. No entanto, esses varejistas não passaram os detalhes dos clientes. Usar um tapete de boas-vindas dessa forma ajudou a capturar os endereços de e-mail dos clientes.

Achamos que o título, subtítulo e texto da chamada para ação muito claros funcionaram bem e que o botão 'não, obrigado' é bem utilizado para dar ao usuário uma sensação de FOMO.

Existem dezenas de outros exemplos de welcome mat em tela cheia que você pode ver, mas não os adicionamos todos neste guia.

Se você está procurando mais inspiração, aqui estão algumas coisas que você pode fazer com um welcome mat em tela cheia:

• Apresente uma oferta ou cupom direcionado
• Mostre novos produtos e serviços
• Informe os visitantes sobre o que esperar do site
• Conquiste novos assinantes destacando o melhor conteúdo deles
• Direcione os visitantes para seus perfis de mídia social
• Colete assinantes de e-mail como parte de uma fase de pré-lançamento

Se você está falando sério em melhorar as conversões do seu site, então o welcome mat e até mesmo os interstitials em tela cheia de saída são alguns dos elementos com maior taxa de conversão que você pode adicionar ao seu site.

Esperamos que este artigo tenha ajudado você a aprender como criar um welcome mat para o seu site e que você tenha achado os exemplos inspiradores. Você também pode dar uma olhada em nosso guia sobre como criar um popup de cupom no WordPress e os melhores plugins de barra de notificação do WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.