Como criar um tapete de boas-vindas com fome de conversão para o seu site WordPress

O que é isso? Você está preocupado que seu site WordPress não esteja convertendo bem o suficiente?

Você acha que as pessoas não entendem completamente do que se trata o seu site quando chegam à página inicial ou a qualquer outra página?

Nesse caso, você precisa de um tapete de boas-vindas.

Eu sei eu sei. Parece outro plugin que vai bagunçar seu site, mas acredite, essa é uma parte essencial para lançar sua presença online em novos níveis. E é grátis.

Qual é a grande ideia de ter um tapete de boas-vindas no seu site WordPress?

Para começar esta conversa, é bom ver alguns exemplos de tapetes de boas-vindas de indivíduos e organizações que os utilizam. Escolhemos alguns sites bastante populares para mostrar que os blogueiros mais bem-sucedidos, lojas online e outras empresas sabem que as conversões são mais propensas a ocorrer ao usar um tapete de boas-vindas.

Para começar, temos a página inicial do QuickSprout, que apresenta um tapete de boas-vindas solicitando URLs de usuários. Esta é uma visão única do tapete de boas-vindas porque está tentando levar as pessoas a um funil de vendas onde o QuickSprout acessa dados de análise de usuários para ajudá-los no futuro.

O próximo tapete de boas-vindas está no site de Jeff Goins, onde ele explica sobre o que é o site, enquanto também pede um endereço de e-mail.

Michael Hyatt tem um tapete de boas-vindas semelhante, mas ele lista suas realizações (construindo credibilidade), enquanto também fornece um botão para as pessoas baixarem um guia gratuito para economizar tempo de uma semana de trabalho.

Por fim, a empresa SumoMe (criadora do plugin Welcome Mat que vamos usar) solicita uma URL do site para analisar como os usuários podem melhorar o tráfego do site.

Você notará algumas áreas semelhantes em cada um dos tapetes de boas-vindas:

• Todos eles têm uma quantidade mínima de texto.
• Todos eles fornecem elementos visuais.
• Cada um deles ocupa toda a tela inicial.
• Cada tapete de boas-vindas está tentando realizar algo (seja adquirir endereços de e-mail, URLs, etc.)
• O texto da chamada para ação é incluído com cabeçalhos em negrito e descrições curtas.

Então, qual é a grande ideia dos tapetes de boas-vindas? Qual é o ponto de tê-los em seu site?

Em primeiro lugar, eles comprovadamente aumentam suas conversões, sejam elas quais forem. No entanto, eles também incentivam você, como webmaster, a ter um objetivo com sua página inicial. Se você está simplesmente executando um blog sem um propósito, não pode esperar obter muito sucesso.

Portanto, é essencial descobrir se você deseja que as pessoas compartilhem sua página nas mídias sociais, entreguem seus endereços de e-mail, baixem um item gratuito ou comprem um produto.

O tapete de boas-vindas serve como uma forma de retratar imediatamente o que os usuários podem esperar do seu site, além de acumular informações das partes interessadas.

Um dos argumentos mais comuns contra ter um tapete de boas-vindas é que parece incomodar os usuários. Claro, esse pode ser o caso, mas é um preço pequeno a pagar pela quantidade de conversões que ele acumula para você.

Como um tapete de boas-vindas pode melhorar suas conversões?

O tapete de boas-vindas é simplesmente outro termo para uma tela inicial em tela cheia, módulo pop-up ou até mesmo uma página de destino mais simplificada.

Embora os visitantes do site relatem que preferem não ter que sair de um tapete de boas-vindas ou tela inicial, os sites geralmente relatam uma duplicação ou triplicação de conversões após a implementação de uma.

Esta é uma grande melhoria, e se alguém estiver tão desanimado com um tapete de boas-vindas que nunca mais voltará ao seu site, provavelmente não se tornará um de seus VIPs em primeiro lugar.

Como criar um tapete de boas-vindas para o seu próprio site WordPress

Você encontrará algumas opções para tapetes de boas-vindas, pop-ups de formulário de inscrição por e-mail e outros plugins semelhantes, mas vamos usar a solução SumoMe Welcome Mat para este tutorial.

Por quê? Por alguns motivos:

• É totalmente gratuito. (Com uma versão premium opcional)
• Pode dobrar ou triplicar sua taxa de conversão.
• O design é totalmente personalizável.
• O teste A/B é uma opção.
• O suporte móvel também é fornecido.

Bônus: [thrive_2step id='878′] Clique aqui para baixar uma cópia impressa [/thrive_2step] deste guia passo a passo simples do tapete de boas-vindas do SumoMe e salve facilmente como PDF ou imprima para uso posterior.

Passo 1: Baixe o aplicativo SumoMe Welcome Mat e instale-o

Clique neste link para navegar até a página inicial do SumoMe Welcome Mat. Esta área explica muitos dos recursos e benefícios do Welcome Mat, portanto, sinta-se à vontade para navegar se desejar.

Selecione o botão grande e verde Experimente gratuitamente.

Isso abre um pop-up que solicita que você insira a URL do site, o endereço de e-mail e a nova senha. Certifique-se de usar um endereço de e-mail real e tornar sua senha forte para que as pessoas não possam acessá-la. A última coisa que você quer é que um hacker mude a mensagem que dá as boas-vindas às pessoas ao seu site.

Após preencher todos os seus dados, clique no botão Cadastrar-se.

A próxima tela pode surpreendê-lo, pois parece que você precisa pagar por um plano. Os três planos do SumoMe são bastante sólidos e você pode testar todos eles com o teste de 14 dias. No entanto, a maioria das ferramentas Welcome Mat são fornecidas com a versão gratuita, então clique no botão na parte inferior da página. Diz “Ou apenas continue com o SumoMe grátis”.

A etapa final da instalação exige que você copie e cole um pouco de código no <head> do HTML do seu site. Você também tem a capacidade de passar pela instalação do WordPress com um clique, que você pode ver logo abaixo do código.

Embora este tutorial aborde a instalação do WordPress, o SumoMe também possui instalações com um clique para as seguintes plataformas:

• Squarespace
• Gerenciador de tags do Google
• Shopify
• Weebly
• Tumblr
• Blogueiro

Como dito, copiar o código no <head> do seu HTML é uma opção, mas não faz sentido, considerando que você tem um caminho muito mais fácil com a instalação de um clique.

Portanto, clique no botão WordPress.

Selecione o botão Instalar SumoMe.

Nota lateral: Se você preferir instalar o plug-in SumoMe, sinta-se à vontade para baixá-lo aqui.

Depois de selecionar o botão Instalar SumoMe, você será redirecionado para o back-end do seu site WordPress. Você pode ter que fazer login no painel.

Selecione o botão Instalar agora e clique em Ativar plugin na próxima página.

Parabéns! Todo o plugin SumoMe agora está instalado e ativado em seu painel.

Passo 2: Registre sua conta SumoMe e instale o aplicativo certo

Se você olhar para o lado esquerdo do painel do WordPress, notará uma nova guia SumoMe na barra de tarefas. Clique neste.

Várias etapas são apresentadas para você percorrer, mas você não precisa segui-las. Vá para o lado direito da tela e role sobre a escrita azul que diz Clique aqui para configurar o SumoMe. Isso revela uma coroa azul que rola para fora do lado. Selecione essa coroa.

Como você já criou uma conta SumoMe no site deles, faça login na sua conta com seu endereço de e-mail e senha.

Pressione o botão Login depois disso.

Use o menu suspenso para localizar o site que deseja ativar. Em seguida, clique no botão Ativar agora.

Isso abre um módulo com algumas opções. Você pode alterar suas configurações, se quiser, mas o botão principal que você deseja pressionar agora é o Sumo Store. É aqui que você pode ativar alguns dos vários aplicativos SumoMe disponíveis.

Assim que entrar na Sumo Store, você verá a opção gratuita Welcome Mat no topo. Após este tutorial, você pode testar alguns dos outros aplicativos, como:

• Criador de listas
• Caixa de rolagem
• Barra Inteligente
• Email Profissional
• Mapas de calor
• Marcador
• Welcome Mat Pro (Se você está procurando mais recursos com o Welcome Mat)

No entanto, agora tudo o que você precisa fazer é clicar no ícone gratuito do Welcome Mat.

Selecione o botão azul Livre no lado direito da nova página.

Depois disso, deve aparecer uma pequena mensagem que indica que o Welcome Mat foi instalado em seu site.

Passo 3: Projete seu tapete de boas-vindas

Saia da página de instalação e volte para o módulo inicial do SumoMe. Clique no novo ícone Welcome Mat para prosseguir.

Outro pop-up pode se revelar para tentar fazer com que você pague por um dos planos. Ignore isso continuando com o tapete de boas-vindas gratuito. Agora você verá uma página com várias guias no lado esquerdo. O botão vermelho indica que o tapete de boas-vindas ainda não está ativo em seu site.

Vá para a guia Design. Selecione um dos modelos para o seu design. Tenha em mente que a maioria dos modelos são fornecidos apenas com a versão paga. No entanto, você pode fazer algumas personalizações sólidas para atender às suas necessidades de marca por meio da versão gratuita.

Embora alguns dos recursos mais avançados (como as imagens de plano de fundo personalizadas) sejam opções premium, você pode configurar as seguintes áreas para que o tapete de boas-vindas tenha a aparência desejada:

• Cor de fundo
• Imagem de fundo
• Cabeçalho
• Texto
• Fontes
• Cores
• Texto do campo de entrada
• Botão de ativação
• Botão de desativação
• Botão Fechar

Lembre-se: o sistema tem uma visualização móvel para você alternar. Teste isso antes de fazer seu tapete de boas-vindas ao vivo.

Finalmente, depois de modificar algo em cada uma dessas guias, certifique-se de clicar no botão Salvar no canto inferior direito do módulo pop-up. Caso contrário, nada será salvo quando você passar para a próxima guia.

Etapa 4: personalizar os campos

Esse é um recurso premium, mas vale a pena investigar se você planeja seguir esse caminho. A maioria dos webmasters simplesmente deseja obter um endereço de e-mail dos usuários quando eles chegam ao seu site. No entanto, você tem a opção de solicitar itens como nomes, números de telefone, URLs ou até mesmo endereços físicos.

Para fazer isso, selecione o botão Adicionar campo e especifique o tipo de campo que deseja criar. Você tem a opção de tornar o campo obrigatório, juntamente com as configurações do campo e dos nomes das variáveis.

Etapa 5: torne seu tapete de boas-vindas menos irritante

Como discutimos acima, alguns usuários podem achar um tapete de boas-vindas um pouco chato. Portanto, é bom não mostrar a mensagem do tapete de boas-vindas para pessoas que já a viram.

Selecione a guia Comportamento e escolha por quanto tempo você gostaria de NÃO mostrar o tapete de boas-vindas para um visitante que já o viu. Por exemplo, você pode removê-lo por um mês se um usuário decidir ignorá-lo uma vez. Após esse mês, ele aparece novamente na tentativa de pegar aquele endereço de e-mail valioso novamente.

Esta página também tem algumas ferramentas úteis para o seguinte:

• Mostrar ou não mostrar o tapete se alguém já estiver inscrito
• Removendo a capacidade de rolar para fora do tapete de boas-vindas (essencialmente transformando-o em uma página de destino permanente)
• Redirecionando para outro URL após uma assinatura
• Recebendo uma notificação quando alguém se inscreve na sua lista

Clique no botão Salvar depois de concluir esta etapa.

Etapa 6: Conecte-se com seu serviço de e-mail

Muitos outros recursos estão incluídos na solução SumoMe. Por exemplo, você pode gerenciar testes A/B, regras de exibição, código personalizado e pixels de rastreamento. No entanto, a guia essencial final é chamada de Serviços.

Como você deve ter um serviço de e-mail para coletar seus e-mails, recomendamos clicar em uma das opções. Eles têm serviços como MailChimp, AWeber e Constant Contact. Você precisa ter uma dessas contas já configuradas, pois é apenas um processo de um clique onde você digita suas credenciais de login.

Passo 7: Ative o tapete de boas-vindas

Depois de desenvolver o tapete de boas-vindas com aparência perfeita, navegue até o pequeno interruptor no canto superior esquerdo e clique nele. Isso o torna verde e mostra uma mensagem Ativa. Por fim, vá para o frontend do seu site para ver como ele é. Recomendamos testá-lo para ver se a ferramenta de coleta de e-mail funciona para você. Caso contrário, parabéns por fazer seu primeiro tapete de boas-vindas!

Bônus: [thrive_2step id='878′] Clique aqui para baixar uma cópia impressa [/thrive_2step] deste guia passo a passo simples do tapete de boas-vindas do SumoMe e salve facilmente como PDF ou imprima para uso posterior.

Quais são alguns outros aplicativos e plugins legais para um tapete de boas-vindas?

Embora nem todos sejam projetados especificamente como tapetes de boas-vindas, eles funcionam como pop-ups de assinatura de e-mail, chamadas para ações e páginas de compressão, permitindo as boas-vindas definitivas ao seu site.

• Prosperar leads

• OptinMonster

• LeadPages

Você tem alguma dúvida sobre tapetes de boas-vindas para WordPress?

Aprender a criar um tapete de boas-vindas para seu site WordPress tem muitas vantagens, incluindo a capacidade de apresentar o que as pessoas podem ganhar com seu site, além de melhorar suas conversões. A melhor parte é que você não precisa pagar com o SumoMe, a menos que realmente queira começar a melhorar suas opções de personalização. Mesmo assim, é bastante acessível.

Se você tiver alguma dúvida sobre como fazer seu próprio tapete de boas-vindas, sinta-se à vontade para nos deixar uma mensagem na seção de comentários abaixo. Caso contrário, deixe-nos saber o que você pensa sobre o SumoMe e a ferramenta de tapete de boas-vindas.