X

Como Criar um Portal de Boas-Vindas no WordPress (Passo a Passo)

Como Criar um Welcome Gate no WordPress

Você quer criar um portão de boas-vindas no seu site?

Portões de boas-vindas tradicionais redirecionam os usuários para uma nova página, o que é ruim para SEO e experiência do usuário.

Mostraremos como criar um mat de tela cheia diretamente no seu site com o qual os visitantes podem interagir ou simplesmente sair. Essas campanhas podem ajudar a aumentar sua lista de e-mails, impulsionar vendas e melhorar o engajamento no seu site.

Neste tutorial, você aprenderá a criar um portão de boas-vindas de tela cheia para o seu site em menos de 10 minutos.

Adicionar um Portão de Boas-Vindas ao Seu Site Ficou Fácil

Se você quer se destacar da multidão, vai querer criar um portão de boas-vindas que seja absolutamente deslumbrante. Você também vai querer poder personalizá-lo e escolher como exibir a campanha no seu site.

Neste tutorial, vamos mostrar como criar uma campanha bonita como esta em menos de 10 minutos:

modelo mat em tela cheia

Por trás deste belo design estão regras de segmentação que mostram a campanha apenas para novos visitantes. Se uma pessoa já viu ou interagiu com a campanha, ela nunca mais a verá. Mostraremos até como exibi-la apenas em datas, horários e locais específicos.

Para criar um portão de boas-vindas poderoso como este, usaremos OptinMonster.

OptinMonster

Usamos o OptinMonster para executar nossas próprias campanhas e é muito fácil de usar. Existem belos modelos para escolher e um editor visual para fazer todas as alterações que você precisa. Você nunca precisa usar nenhum código, e mesmo que seja um iniciante, você aprenderá a usá-lo em pouco tempo.

Além disso, o OptinMonster vem com poderosas regras de segmentação para mostrar sua campanha apenas para novos visitantes ou visitantes recorrentes. Você pode até escolher exibir seu tapete de boas-vindas por localização, dispositivo, data/hora e muito mais.

Isso permite que você crie campanhas sazonais, ofertas localizadas e muito mais.

O que amamos são os elementos otimizados para conversão dentro do construtor do OptinMonster, como um cronômetro, formulários inline, bloqueadores de conteúdo e muito mais.

Saiba mais sobre o OptinMonster aqui. Se você está procurando criar uma Splash Page em vez disso, talvez queira ver este tutorial sobre Como Criar uma Splash Page Deslumbrante para o Seu Site WordPress.

Agora vamos começar com nosso tutorial aqui. Aqui estão os passos que seguiremos:

  1. Conecte o OptinMonster ao Seu Site
  2. Crie um Welcome Gate em Tela Cheia
  3. Personalize sua Campanha de Welcome Gate
  4. Segmente Seu Público
  5. Conecte Seu Serviço de E-mail
  6. Publique o Welcome Gate

Passo 1: Conecte o OptinMonster ao Seu Site

Primeiro, inscreva-se no OptinMonster e depois instale o plugin OptinMonster no seu painel do WordPress.

Assim que você ativar o plugin, ele iniciará o assistente de configuração. Siga as instruções na tela para conectar o plugin à sua conta OptinMonster.

Você também pode conectar sua conta na aba OptinMonster » Configurações.

conectar uma conta existente no optinmonster

Isso abrirá um pop-up para conectar o OptinMonster ao WordPress.

conectar optinmonster ao wordpress

Se você estiver conectado à sua conta OptinMonster em outra aba, o plugin detectará automaticamente sua conta e a conectará. Nada mais é necessário. Você verá uma mensagem de que sua conta está conectada.

optinmonster license account connected

Agora você está pronto para criar sua campanha de tela cheia.

Etapa 2: Crie um Portão de Boas-Vindas em Tela Cheia

Você pode criar campanhas na sua conta OptinMonster ou diretamente no seu painel do WordPress. Mostraremos como começar a partir da sua conta OptinMonster, pois isso permitirá que você crie quantas campanhas precisar e as conecte a diferentes sites.

Na sua conta, selecione o botão ‘Criar Nova Campanha’.

criar nova campanha no optinmonster

Isso abrirá um pop-up que permite escolher entre playbooks, modelos ou tela em branco para começar do zero. Vamos criar uma campanha usando um modelo.

começar a criar sua campanha no optinmonster

Ao selecionar ‘Modelos’, uma biblioteca de modelos será aberta. Você verá opções para criar diferentes tipos de campanhas, como pop-ups, barras flutuantes, tela cheia, inline, slide-in e rodas gamificadas.

Escolha Tela Cheia e, em seguida, navegue pelos modelos abaixo.

escolher modelo em tela cheia no optinmonster

Para este tutorial, vamos escolher o modelo de Feriado. Ao escolher um modelo, você precisa preencher um nome para sua campanha. Você também pode escolher para qual site deseja esta campanha.

começar a construir tapete de boas-vindas no optinmonster

É isso, agora você pode começar a construir a campanha.

Etapa 3: Personalize sua Campanha de Portão de Boas-Vindas

Agora você deve estar dentro do construtor de campanhas OptinMonster. Você verá uma prévia da sua campanha e uma barra de tarefas à esquerda.

Para fazer alterações, você pode trabalhar diretamente na prévia. Por exemplo, você pode selecionar o texto na prévia e alterá-lo ali mesmo, assim:

editar tapete em tela cheia do optinmonster

Você até verá um editor de texto aparecer para alterar fontes, alinhamento, cor do texto e muito mais.

Precisa de mais opções? Vamos alterar o botão de CTA. Simplesmente clique nele e as opções de edição aparecem à esquerda.

editar texto no optinmonster

Você pode personalizar o texto e qual ação ocorre quando o usuário clica nele. Há muitas outras opções de personalização para alterar a largura, alinhamento, cor e muito mais.

Se você quiser adicionar um campo de opt-in em vez de uma opção sim/não, você verá uma opção na barra de tarefas inferior. Se você clicar em Sim/Não, poderá desativar essa opção.

Se você quiser adicionar um novo elemento como uma imagem, basta arrastá-lo do menu esquerdo para o seu design. Tão fácil, né? Você pode editar seu design simplesmente arrastando e soltando elementos onde você quiser que eles fiquem.

editor de arrastar e soltar do optinmonster

Quando você adiciona um bloco de imagem, ele abrirá uma biblioteca de imagens. Você também pode acessar a biblioteca de imagens Unsplash aqui com milhões de imagens gratuitas de banco de imagens dentro.

Se você estiver realizando uma promoção por tempo limitado ou apenas quiser adicionar um senso de urgência à sua campanha, você pode adicionar um cronômetro ao design. Ao selecionar este campo, você pode selecionar sua data e hora para o cronômetro. Você também pode optar por reiniciar o cronômetro automaticamente assim que ele expirar.

contador de contagem regressiva no optinmonster

Quando terminar de personalizar o design, salve seu progresso clicando no botão Salvar no canto superior direito do construtor. Agora mostraremos como segmentar seu público.

Etapa 4: Segmente seu público

No construtor do OptinMonster, vá para a guia Regras de Exibição. Aqui, você verá que, por padrão, o OptinMonster exibe sua campanha depois que um usuário passa 5 segundos em seu site. Vamos mudar isso.

regras de exibição no optinmonster

Você pode escolher segmentar seus usuários de maneiras diferentes. Aqui estão algumas das regras que você pode usar:

  • Retargeting no Site® – interaja com usuários que interagiram com outra campanha
  • Novo Visitante – cumprimente pessoas que são novatas em seu site
  • Nível de Página – crie campanhas direcionadas para URLs específicas, como sua página inicial
  • Baseado em Localização – personalize a experiência de um visitante com base em sua área geográfica
  • Fonte de referência – exiba campanhas para visitantes vindos de um site específico ou plataforma de mídia social
  • Baseado em tempo – espere até que um visitante passe um certo tempo em uma página ou agende uma data e hora
  • MonsterLink™ – acione campanhas quando um usuário clicar em um botão ou link

Você simplesmente precisa clicar na regra para adicioná-la. Você terá até opções para personalizar as configurações. Nunca há necessidade de codificação ou conhecimento técnico.

No painel esquerdo, você verá opções de filtro que incluem Popular, Gatilho, Segmentação e mais. Você pode usar esses filtros para encontrar o que procura mais rapidamente.

Para o pop-up de boas-vindas, definiríamos as seguintes regras:

  • Tempo na página é imediato
  • Caminho da URL atual é a página inicial
  • Visitante é novo
Regras de exibição para o portão de boas-vindas

Depois de adicionar suas regras de segmentação, podemos passar para a próxima etapa.

Etapa 5: Conecte seu serviço de e-mail

O OptinMonster permite que você conecte sua campanha ao seu serviço de e-mail favorito como Constant Contact, Drip e Mailchimp. Na aba Integrações, escolha seu provedor e siga as instruções na tela para conectar sua conta.

aba de integração no optinmonster

Por exemplo, se você quiser se conectar ao Constant Contact, clique nele e você verá opções para adicionar o nome da sua conta e sincronizá-la.

conectar optinmonster ao constant contact

Com esta integração, você poderá enviar todos os novos leads diretamente para sua conta de e-mail. Eles podem ser marcados e segmentados. Isso ajudará você a adicioná-los à lista de e-mail correta, como newsletter ou atualizações de vendas.

Então, por exemplo, se você estiver usando o OptinMonster para criar um pop-up de opt-in para obter mais assinantes de newsletter, você pode escolher a qual lista deseja adicioná-los.

É isso. Certifique-se de salvar seu design e você estará pronto para publicar a campanha em seu site.

Etapa 6: Publique o Pop-up de Boas-vindas

Para publicar sua campanha, vá para a aba Publicar. Aqui, você pode alterar o status para Publicar.

publicar campanha optinmonster

Abaixo disso, você pode escolher em qual site deseja exibir este tapete de boas-vindas.

Como você está conectado ao WordPress, você vai querer ir para o seu painel do WordPress. Dentro da aba OptinMonster » Campanhas, certifique-se de que sua campanha também esteja definida como Publicada aqui.

publicar campanha optinmonster no wordpress

Vá para o seu site e você deverá ver a campanha aparecer. Recomendamos testar no modo anônimo ou através de um novo navegador com cookies e cache limpos para que você veja a campanha como um novo visitante.

Com isso, você aprendeu como criar um impressionante tapete de boas-vindas direcionado para o seu site. Você pode continuar a criar mais campanhas com o OptinMonster.

Precisa de mais tutoriais para seguir? Aqui estão aqueles que achamos que você achará úteis:

Estes guias ajudarão você a obter mais leads, segmentar públicos locais e monetizar seu conteúdo.

Comentários   Deixe uma Resposta

Adicionar um comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!