Como criar pop-ups eficazes para sua loja online

Popups pode ser a coisa mais odiada em sites hoje, mas eles são imensamente eficazes quando se trata de direcionar o tráfego e obter subsciptions para o seu site. Aqui está outro problema: como alguns pop-ups são tão populares, eles são usados em demasia por proprietários de sites e comerciantes on-line, mas infelizmente raramente configurado corretamente.

Neste artigo, vamos dar uma olhada em como criar pop-ups de conversão para sites de WooCommerce usando Popups - WordPress Popup, um dos mais populares plugins de pop-up WordPress que permite que você direcione seus modais para eficiência máxima.

O que faz um pop-up efetivo?

Se você deseja criar pop-ups eficazes, a melhor coisa que você pode fazer é demiti-los no momento certo, então você não apenas evita aborrecer seu público, mas também pode fazê-los realmente dar uma olhada nele e considerar sua mensagem.

Isso só é possível se você configurar seus pop-ups com base na atividade no site de seus visitantes. Então, quando você está escolhendo um plugin pop-up para o seu site WordPress, certifique-se de encontrar um que lhe permite Modos de Fogo nas Páginas Selecionadas, e depois de um período pré-definido ter passado.

Por que seu popup não funciona

Quando um pop-up não é convertido, isso geralmente acontece porque os visitantes ficam irritados com ele. Isso faz com que eles não apenas evitem executar a ação que o popup os chama para executar, às vezes eles abandonam completamente o site.

Um pop-up é geralmente considerado chato quando:

O espectador não consegue encontrar nenhuma conexão entre o seu conteúdo e sua mentalidade momentânea
Está difícil de fechar
isto incêndios de uma só vez, antes que qualquer outro conteúdo fique visível

Você não precisa ser um especialista em Web para adivinhar o que seus usuários estão pensando. Apenas acompanhe as ações deles e entenda o que eles estão fazendo ou quais páginas eles estão realmente observando.

Instalando Popups - WordPress Popup

Para começar a criar seus pop-ups, primeiro vá para o Plugins> Adicionar novo menu admin no seu painel do WordPress. Procurar por Popups - WordPress Popup, clique em instalar e, em seguida, ative o plug-in.

O plugin registra e cria um novo tipo de postagem, e coloca um item de menu completamente novo em sua barra de administração chamada Popups. Assim como com postagens e páginas, clicar no item de menu de nível superior exibirá uma lista de seus pop-ups atualmente criados, ativos ou inativos.

Agora você pode adicionar facilmente novos pop-ups ao seu site, selecionando o Popups> Adicionar novo submenu no seu menu admin ou escolhendo Novo> Popups na sua barra de administração.

Opções de configuração

Ao adicionar um novo pop-up, você verá uma tela semelhante à que vê ao escrever novas postagens. Além disso, Popups - WordPress Popup também oferece opções de configuração detalhadas. Vamos dar uma olhada em alguns dos recursos básicos que tem.

1. Fazendo Edições com um Editor WYSIWYG

Este é o seu editor WYSIWYG usual para qualquer conteúdo WordPress, então provavelmente você já está familiarizado com isso. O editor de pop-up também adiciona seu Aparência pop-up opções (veja abaixo), para que você possa realmente ver como seu pop-up final se parecerá.

2. Exibir contas sociais usando códigos de acesso

Se você deseja exibir uma caixa de página do Facebook ou qualquer outra conta social vinculada em seu pop-up, este plug-in permite que você faça isso fornecendo alguns códigos de acesso.

Clicando no Ver opções link abaixo de cada shortcode, você verá como você pode personalizar esses modais. A melhor maneira de aprender usando esses códigos de acesso é experimentá-los.

Se eu quisesse incluir uma foto da página do Facebook do Hongkiat no meu pop-up padrão, eu escolheria o primeiro shortcode na lista e seguindo as diretrizes que eu preencheria os dados necessários. Aqui está o shortcode que acabarei com:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" name = "hongkiat.com" show_faces = "falso" hide_cover = "true" action = "como"]

Adicionando este shortcode ao final do meu popup, o resultado seria assim:

3. Personalize a aparência da caixa

No Aparência pop-up caixa de opção, você pode facilmente personalizar a aparência do seu pop-up final, definindo os valores apropriados.

Por exemplo, se eu quisesse ter um pop-up com borda vermelha com fundo branco liso, eu configuraria Cor de fundo e Cor da borda adequadamente.

4. Personalizar regras de exibição de pop-up

Esta é provavelmente a opção mais importante, onde você pode configurar call-to-actions bem-sucedidos. Nesta caixa, você pode definir as condições quando o plugin irá mostrar o seu pop-up. Quanto mais precisamente segmentados e relevantes os seus pop-ups, melhor eles serão convertidos!

A maneira mais fácil de entender as Regras de Exibição de Popup é tratar os três componentes (cada um marcado com sua barra de entrada separada, veja na imagem abaixo) das configurações como partes de uma sentença composta..

Você pode adicione quantas regras quiser clicando no e botão no final de sua regra, ou por adicionando um conjunto de regras completamente novo clicando no Adicionar grupo de regras botão na parte inferior da caixa.

Regras que você adiciona com o e botão permitirá que o seu pop-up apareça quando todas as condições dentro do grupo de regras determinado são atendidas. Novos grupos de regras são adicionados como uma instrução OR, portanto, quando você tiver mais de um grupo de regras, seu popup será acionado sempre qualquer um dos grupos de regras é válido.

Digamos que eu queira mostrar um pop-up apenas na minha página inicial para usuários que não usam smartphones e também quero mostrá-lo a qualquer pessoa que esteja visualizando meus produtos. Então, para este pop-up, usarei as seguintes condições:

Primeiro Grupo de Regras:

E se Tipo de Página (Opção 1) é igual a (opção 2) Primeira página (opção 3) AND
E se Celular (Opção 1) não é igual a (opção 2) Verdade (opção 3) OU

Segundo Grupo de Regras:

E se Tipo de postagem (Opção 1) é igual a (opção 2) produtos (opção 3)

5. Personalizar opções de exibição de pop-up

Quando o plug-in vê que as condições que você definiu Regras de exibição de pop-up são atendidos, olha para o Opções de exibição configurações para ver como mostrar seu modal.

A maioria dos popups aparece no meio da tela do usuário, mas se você quiser mudar isso, basta selecionar outra opção dentro do Posição da caixa lista suspensa. Seu pop-up pode aparecer ou deslizar, dependendo da sua escolha no Animação opção.

Se você precisar de alguma ação de seus visitantes no pop-up, você deve definir Fechar na conversão? para sim.

Para evitar os erros de pop-up mencionados acima, preste atenção ao seu Ação de gatilho opção. Você pode configurar um atraso, então seu pop-up mostrar depois de uma determinada quantidade de segundos ter passado após o carregamento da página, ou você pode disparar seu pop-up se o visitante tiver percorrido uma porcentagem do seu conteúdo.

Se eu quisesse que meu pop-up anterior aparecesse após 10 segundos em qualquer página do produto, eu selecionaria segundos após o carregamento da página ação e configurá-lo para 10.

E agora que você conhece suas opções e possibilidades do pop-up - plug-in pop-up do WordPress, vamos ver algumas ideias para criar pop-ups de apelo à ação realmente impressionantes e bem direcionados!

Como criar call-to-actions bem-sucedidos

1. Promo do produto

Usando um pouco de marketing de conteúdo - criando conteúdo valioso e relevante relacionado a um ou alguns dos seus produtos - você pode segmentar especificamente públicos de nicho sem parecer estar realmente vendendo.

A ideia por trás desse tipo de popup é que quando seus usuários já estão lendo um post em que você demonstra o uso ou a eficácia de um produto, pode-se supor que eles já estão interessados.

Então por que não inicializar um pop-up promo de produto que dispara quando seu leitor está quase no seu artigo sobre o mesmo produto ?! É muito fácil de configurar.

Conjunto Regras de exibição de pop-up para mostrar o popup quando Page ou Post é igual a qualquer que seja a sua página ou título do post, desta forma o modal carrega apenas no conteúdo selecionado
Conjunto Ação de gatilho em Opções de exibição para % da altura da página com cerca de 70-80% de valor, então o pop-up só será exibido quando os espectadores já tiverem se familiarizado com os benefícios.

Além disso, porque não tornar possível para os visitantes adicione imediatamente seu produto promovido ao carrinho?

Para fazer isso, você precisa descobrir o ID do produto específico da sua lista de produtos e inseri-lo no seguinte shortcode: [produtos]. Se você tiver o shortcode, basta inseri-lo no conteúdo do pop-up usando o editor de postagens WYSIWYG.

Se você não adicionar nada de especial a eles, você ainda terá algo assim (com um pouco de ajuda do The Marketing Gibberish Generator):

Você também pode usar este método para upsells, por exemplo. fornecendo acessórios para determinados produtos em um pop-up depois que o visitante passar algum tempo na página do seu produto (já que geralmente indica que eles estão lendo a descrição do produto).

2. Inscrição para um presente

Em muitos casos, você quer ter certeza de que pode alcançar seus clientes anteriores mais tarde quando você tem uma venda, alguns novos produtos ou algo parecido. Uma boa maneira de fazer isso (sem um boletim informativo) é faça com que eles se registrem para o seu site.

Provavelmente, o melhor lugar para fazer isso é o carrinho ou a tela de checkout que olham para a direita antes de terminarem a compra.

Conjunto Regras de exibição de pop-up de modo que seus shows modais:

se Page é igual a Checkout (ou o que você nomeou) E
se o usuário não estiver logado

Como configurar: Usuário está logado | não é igual a | Verdade

Conjunto Ação de gatilho em Opções de exibição para alguns segundos, para que o seu pop-up não fique imediatamente visível.

Como configurar: segundos após o carregamento da página | 3

A maneira mais fácil de criar um popup de registro é apresentar aos usuários um link ou botão que aponte para a tela de registro. Você pode encontrar seu link de registro na parte inferior da sua página de login do WordPress.

Se você não puder ver o link Register em sua tela de login, você provavelmente não permitiu o registro de visitantes. Você precisa entrar no seu Configurações> Geral menu admin e verifique o Qualquer pessoa pode registrar opção.

Quando você terminar seu pop-up motivador de registro, provavelmente terminará com algo assim:

Você provavelmente conhece melhor os hábitos de compra de seus clientes, mas na maioria dos casos um cupom por uma pequena quantia ou frete grátis torna muito mais fácil persuadir os visitantes a se registrarem.

Configure-os via WooCommerce Gerente de Cupons (encontrado sob a WooCommerce> Cupons menu) e envie os cupons no e-mail de confirmação.

3. Cupons para devolver clientes

É sempre bom ver uma loja online que realmente valoriza seus clientes retornando oferecendo-lhes um desconto menor ou brindes para o seu negócio de retorno.

Por padrão, seus clientes registrados obtêm Cliente papel do usuário depois da primeira compra. Como essa é uma função de usuário diferente das outras funções editoriais do WordPress, é muito fácil segmentar essas pessoas com um pop-up no qual você pode fornecer esse código de cupom especial ou oferecer a eles um produto gratuito, não listado como presente.

Também pode ser bom segmentar especificamente seus clientes regulares, por exemplo, pessoas que compraram coisas mais de 3 vezes, com tal oferta. Para isso, você precisa definir uma função de usuário personalizada apenas para eles, o que é melhor feito através de códigos e funções personalizados, ou usando um plugin.

Por enquanto, defina seu Regras de exibição de pop-up para mostrar o pop-up quando o papel do usuário for igual ao seu conjunto de funções personalizado para os clientes mais fiéis. O melhor é deixar as condições apenas com base no papel do usuário e faça seu popup aparecer depois de algum tempo gasto em qualquer lugar do seu site.

Tenho certeza que seus clientes vão te amar por este pequeno aviso de atenção, especialmente se você tiver a opção para mostrar o nome deles no pop-up para torná-lo verdadeiramente personalizado (possivelmente usando algum plugin de shortcode incrível).

Palavras finais

Há uma infinidade de plugins pop-up do WordPress, gratuitos e premium, lá fora, e alguns são mais eficientes do que outros quando se trata de segmentar seus modais. Enquanto nós usamos Popups - WordPress Popup neste post, há muitos outros competidores fortes mesmo entre plugins gratuitos.

Sugiro que você primeiro configure alguns pop-ups usando nossos exemplos acima e veja como eles funcionam. Então, depois de um tempo, procure outras possibilidades no repositório do plugin WP e veja o que elas podem oferecer. Após experimentação cuidadosa, você poderá configurar perfeitamente seus popups para o seu site WooCommerce

Quanto a mim, eu sempre uso pelo menos esses 2 (e, às vezes, adiciono um plug-in light-options third ao grupo) para melhor direcionar meu público-alvo.

Embora seja crucial configurar e direcionar corretamente seus pop-ups, lembre-se sempre de medir o sucesso de cada um dos seus pop-ups. Usar analytics, heatmaps do site, ou quaisquer outras ferramentas para ver se seus visitantes até mesmo lê-los.

Se você perceber que um pop-up bem direcionado tem um desempenho ruim, tente reformulá-lo ou reprojetá-lo. Você conhece seus clientes da melhor forma, em breve você terá a essência de criar os pop-ups perfeitos para eles!