Ir para o conteúdo principal

As características de um pop-up eficaz para WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

No passado, os sites tinham muitas coisas inúteis, como páginas cheias de esquemas de cores chamativos e feios, muito texto preso em espaços pequenos e pop-ups que aparecem e incomodam os visitantes.

Mas os designers não sabiam mais na época ou, pelo contrário, simplesmente trabalhavam com as únicas tendências de design e melhores práticas que conheciam.

Os tempos mudaram muito desde então.

web designers e desenvolvedores já não estão limitados pela tecnologia ou técnica, o que significa que não há desculpas para o projeto pobre. Isso se aplica a todos os itens encontrados em um site WordPress, a imagem do cabeçalho da página inicial entrar em contato com formas e tipografia de pop-ups. Tudo conta agora ao projetar para a experiência do usuário.

Hoje, quero me concentrar no que faz um popup efetivo, algo que considero uma parte essencial do processo de conversão. Especificamente, gostaria de examinar a anatomia de um pop-up efetivo do WordPress e como esse elemento interessante pode aumentar sua taxa de conversão.

O argumento para usar pop-ups no WordPress

Pop-ups são um elemento de design interessante. Embora eles temporariamente interrompam a experiência do usuário (o que geralmente não é apreciado), aqueles que são bem feitos oferecem algo tão atraente ou excitante quanto os visitantes não se importam em perder um minuto para prestar atenção.

Naturalmente, neste caso, estamos falando de pop-ups que geram conversões que são usadas para coletar assinantes do boletim informativo ou para levar os visitantes a fazer compras. No entanto, as janelas pop-up podem ser usadas para diversas finalidades. Por exemplo, você pode compartilhar seus cookies ou sua política de privacidade, recomendar itens relacionados depois que os visitantes adicionarem algo ao carrinho de compras ou até mesmo pedir que respondam a uma pesquisa rápida.

Pop-up Anatomy - Pop-up of Target Recommendations

Na maior parte, se você usa uma janela pop-up, provavelmente quer que os visitantes ajam. Afinal, por que interromper sua experiência se a interrupção não é um uso útil de seu tempo? De acordo com um estudo de quase dois bilhões de pop-ups, eles descobriram que a taxa de conversão média para esses tipos de pop-ups era 3,09%.

Isso agora levanta a questão: os pop-ups ainda são relevantes e eficazes? Se o mercado é tão saturado com pop-ups de saída, barras de hello, overlays de página inteira e mais, é uma ferramenta de geração de conversão que vale a pena usar em seu site WordPress?

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer. [Grátis]

Claro !!!

Os pop-ups levam em consideração muitas boas práticas de design de sites. Por exemplo:

  • Os pop-ups removem a confusão desnecessária das páginas do seu site.
  • Eles geralmente são compostos de visuais limpos e texto mínimo.
  • As chamadas à ação são bem projetadas e simplesmente propostas em termos de redação.
  • Há uma pequena curva de aprendizado para seus visitantes porque a maioria das pessoas está familiarizada com pop-ups e sabe como interagir com elas.
  • Os pop-ups oferecem uma oportunidade divertida de inserir em seu site animações, vídeos ou evidências sociais.
  • Você pode facilmente criá-los com plugins WordPress de alta qualidade como Hustle ou OptinMonster.

Pop-up de anatomia - prova social HubSpot

Em geral, um pop-up bem projetado é ótimo para chamar a atenção dos visitantes quando você mais precisa. Você pode usá-los para enviar notificações ou solicitações em tempo hábil. Você também pode usar dados de visitantes para incentivá-los a fazer uma compra.

A anatomia de um pop-up efetivo no WordPress

Obviamente, o sucesso dos pop-ups do seu site WordPress depende daqueles que são perfeitamente projetados e têm ofertas tão atraentes que os visitantes não podem deixar de interagir. Vamos ver como é uma fórmula vencedora para um pop-up eficaz.

1. estilo

Os diferentes tipos de pop-ups tendem a ser mais eficientes na conversão de visitantes em assinantes:

Você está procurando os melhores temas e plugins para WordPress?

Baixe os melhores plugins e temas do WordPress no Envato e crie facilmente seu site. Já são mais de 49.720.000 downloads. [EXCLUSIVO]

  • Os pop-ups de inscrição de e-mail têm uma taxa de conversão de 2,9%.
  • Bem-vindo pop-ups (aqueles que ocupam a página inteira ao entrar) converter para 2,6%.
  • Scroll pop-ups convertem 1,9%.
  • Os pop-ups inteligentes ou Olá exibem uma conversão de 0,5%.

Isso não significa que você sempre deve usar um pop-up de inscrição de e-mail tradicional. Aqui está um exemplo no site da Neil Patel.

Pop-up Anatomy - Neil Patel's Bar Olá

Este é bem feito, porque é simplesmente projetado, não intrusivo, et usa uma animação divertida para atrair a atenção, caso sua pegada mínima não seja notada. Tenha em mente que escolher um estilo não é usar o que é mais popular ou mais conhecido por taxas de conversão mais altas. Trata-se de encontrar um estilo que funcione para o seu site, seus visitantes, e que seja projetado para complementar a experiência entre os dois.

2. cor

A cor, é claro, sempre terá um papel importante no design de websites. Compreendendo a psicologia por trás das cores escolhidas, você pode criar pop-ups mais eficazes que convertem. Claro, você não pode esquecer o esquema de cores estabelecido para a sua marca, por isso é uma questão de encontrar um equilíbrio entre o design de uma janela pop-up que fica bem no site, mas que também requer que os visitantes ajam.

3. composição

É importante dar um passo atrás e ver o pop-up como um todo. Embora o design de cada peça em movimento no pop-up importe, assim como a composição geral dele.

Sua janela pop-up deve:

  • seja simples e fácil de seguir.
  • Projetado com linhas limpas e ser bem equilibrado.
  • Inclua imagens relevantes e alta resolução; idealmente, uma única imagem que resume o objetivo da oferta.
  • Parece ser uma extensão do seu site e, obviamente, não é feita a partir de uma janela pop-up com opções de personalização limitadas.
  • Use uma tipografia grande e fácil de ler.

4. texto

Então nós temos a mensagem pop-up. Embora você não esteja desenvolvendo a linguagem usada nessas coisas, você deve sempre estar ciente de várias práticas quando se trata de preencher pop-ups com texto.

Tenha em mente o seguinte:

  • Sempre inclua um título, uma mensagem curta (uma frase servirá) e uma chamada à ação.
  • Use uma linguagem forte que apele às emoções dos visitantes.
  • Seja breve. Se você não puder escrevê-lo em menos de 30 palavras, esta mensagem não pertence a uma janela pop-up.
  • Use o mesmo tom e personalidade que você usa em seu site.
  • Ofereça algo valioso que seus visitantes não encontrarão em outro lugar no site.
  • Use a emergência, se possível. Se você não pode fazer isso com palavras, faça por cor.

Anatomia pop-up - sobreposição de tela Wishpond

5. CTA

Há uma estranha tendência crescente nos dias em que os sites oferecem aos visitantes duas opções de call to action. Eu entendo porque esta tendência está crescendo, mas eu tenho visto isso mal aplicado a tantos sites que eu espero que a tendência desapareça.

Você provavelmente já viu este aplicativo ruim:

  1. A opção positiva : Este aqui diz: "Oh, obrigada, obrigada! Eu sei que esta oferta está prestes a mudar minha vida para melhor! "
  2. A opção negativa : Este diz: "Eu gosto de fazer escolhas ruins de estilo de vida e eu aprecio você esfregando meu rosto. Deixe-me clicar nesta opção de auto-depreciação apenas para receber outra janela que me pergunta novamente se eu quiser tomar essa decisão terrível. "

Isso não significa que todos os pop-ups com duas opções de CTA sejam mal projetados ou se destinam a envergonhar o visitante. Tim Ferris tem um bom exemplo de um CTA de dupla finalidade bem feito:

Crie facilmente sua loja on-line

Faça o download gratuito do WooCommerce, os melhores plugins de comércio eletrônico para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Anatomia Pop-up - Tim Ferris Positivo Negativo

No geral, porém, eu diria que se você tentar ser sarcástico ou intimidar seus visitantes em sua decisão, saia do seu site e coloque-o no Twitter. Seu site não é um lugar para isso e o Twitter, esperamos, o engolirá completamente.

Além desta implicância, eu também sugiro manter a chamada à ação simples. Use uma linguagem simples que indique claramente o que os visitantes receberão em troca de inserir seus e-mails ou clicar no botão. Além disso, simplifique o trabalho para um mínimo: não mais do que dois campos para preencher (ou seja, e-mail e talvez um nome) e um botão para clicar.

Isso é tudo para este tutorial, espero que ajude você a criar seus botões de call to action.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Os campos obrigatórios são indicados com *

Este site usa o Akismet para reduzir o spam. Saiba mais sobre como seus dados de feedback são usados.

De volta ao topo
8 ações
ação4
chilrear2
Enregistrer2