Voc\u00ea sabia que os pop-ups podem ajudar nas suas vendas? Sim, com pop-ups estrat\u00e9gicos, voc\u00ea pode:<\/p>\n\n\n\n
Essas s\u00e3o apenas algumas das vantagens de ter um pop-up de sa\u00edda configurado em seu site WordPress ou loja virtual WooCoomerce. Mas e a\u00ed, j\u00e1 sabe como criar e configurar um formul\u00e1rio com pop-up de sa\u00edda? A partir de agora, voc\u00ea vai entender o que \u00e9 um pop-up e ainda aprender que pode ser simples criar e customizar seu formul\u00e1rio utilizando o plugin Poptin.<\/p>\n\n\n\n
Um pop-up de sa\u00edda \u00e9 uma janela que aparece na tela do usu\u00e1rio quando ele est\u00e1 prestes a deixar seu site, geralmente quando o cursor do mouse se movimenta em dire\u00e7\u00e3o \u00e0 barra de navega\u00e7\u00e3o ou para fechar a p\u00e1gina. <\/p>\n\n\n\n
O Poptin \u00e9 um plugin gratuito para WordPress<\/a> que permite criar e personalizar facilmente pop-ups de sa\u00edda e outros tipos de pop-ups em seu site. Com o Poptin, voc\u00ea pode criar pop-ups com diferentes objetivos, como aumentar sua base de e-mails, gerar mais leads, oferecer cupons e descontos, melhorar a reten\u00e7\u00e3o de usu\u00e1rios e muito mais.<\/p>\n\n\n\n Para instalar o Poptin, basta acessar o diret\u00f3rio de plugins do WordPress e pesquisar pelo nome “Poptin”. Ap\u00f3s a instala\u00e7\u00e3o, voc\u00ea poder\u00e1 acessar o painel de controle do plugin diretamente do seu site WordPress.<\/p>\n\n\n\n Ap\u00f3s instalar e ativar o Poptin, voc\u00ea pode come\u00e7ar a criar seu primeiro pop-up de sa\u00edda. No painel de controle do plugin, clique em “New Popup” e escolha o modelo que mais se adequa ao seu objetivo.<\/p>\n\n\n\n Para este exemplo, vamos personalizar um pop-up simples com um cupom de desconto. Comece dando um nome ao seu pop-up e inserindo a URL do seu site onde ele ser\u00e1 exibido.<\/p>\n\n\n\n Na tela de personaliza\u00e7\u00e3o, voc\u00ea pode ajustar o tamanho do pop-up, adicionar um bot\u00e3o de fechamento, escolher a cor de fundo e a tipografia. Al\u00e9m disso, \u00e9 poss\u00edvel inserir o texto desejado, como uma oferta ou um cupom de desconto.<\/p>\n\n\n\n Para adicionar o cupom de desconto, basta arrastar e soltar o elemento “Cupom” na \u00e1rea de edi\u00e7\u00e3o do pop-up. Voc\u00ea pode ent\u00e3o personalizar o texto, a cor e o posicionamento do cupom.<\/p>\n\n\n\n Caso queira incluir um campo para o visitante inserir seu e-mail, voc\u00ea pode adicionar um “Campo de Texto” e configur\u00e1-lo como um campo de e-mail. Dessa forma, voc\u00ea poder\u00e1 capturar os endere\u00e7os eletr\u00f4nicos dos usu\u00e1rios que interagirem com o pop-up.<\/p>\n\n\n\n Ap\u00f3s finalizar a customiza\u00e7\u00e3o, voc\u00ea pode visualizar como o pop-up ficar\u00e1 tanto no desktop quanto no mobile, garantindo uma boa experi\u00eancia em todos os dispositivos.<\/p>\n\n\n\n Agora que seu pop-up est\u00e1 pronto, \u00e9 hora de configurar quando e onde ele ser\u00e1 exibido. No menu lateral do Poptin, v\u00e1 at\u00e9 a se\u00e7\u00e3o “Display Settings”.<\/p>\n\n\n\n A op\u00e7\u00e3o mais importante aqui \u00e9 a “Exit Intent”, que ativa o pop-up quando o usu\u00e1rio estiver prestes a sair do seu site. Voc\u00ea pode ajustar o tempo de delay antes do pop-up aparecer, por exemplo, 5 segundos ap\u00f3s o usu\u00e1rio entrar na p\u00e1gina.<\/p>\n\n\n\n Al\u00e9m disso, voc\u00ea pode definir em quais p\u00e1ginas o pop-up ser\u00e1 exibido, como na p\u00e1gina inicial ou em p\u00e1ginas espec\u00edficas do seu site.<\/p>\n\n\n\n Existem outras op\u00e7\u00f5es avan\u00e7adas de exibi\u00e7\u00e3o, como mostrar o pop-up apenas para novos visitantes, exibir em diferentes dispositivos ou ativar condi\u00e7\u00f5es espec\u00edficas. No entanto, as configura\u00e7\u00f5es b\u00e1sicas de “Exit Intent” e defini\u00e7\u00e3o de p\u00e1ginas j\u00e1 s\u00e3o suficientes para criar um pop-up de sa\u00edda eficaz.<\/p>\n\n\n\n Depois de salvar as configura\u00e7\u00f5es, \u00e9 hora de testar o pop-up em a\u00e7\u00e3o. Acesse seu site em modo de navega\u00e7\u00e3o privativa (ou limpe os cookies) para simular a experi\u00eancia de um novo visitante.<\/p>\n\n\n\n Ao se aproximar da barra de navega\u00e7\u00e3o ou tentar fechar a p\u00e1gina, o pop-up deve aparecer com sua oferta ou cupom de desconto. Verifique se a anima\u00e7\u00e3o, o posicionamento e o design est\u00e3o de acordo com o que voc\u00ea configurou.<\/p>\n\n\n\n Caso seja necess\u00e1rio, voc\u00ea pode voltar ao painel do Poptin e fazer ajustes adicionais no pop-up at\u00e9 obter o resultado desejado.<\/p>\n\n\n\n Se voc\u00ea precisar de ajuda para criar e configurar seu pop-up de sa\u00edda no WordPress, a equipe da Yogh est\u00e1 \u00e0 sua disposi\u00e7\u00e3o. Nossos especialistas em desenvolvimento e design podem auxili\u00e1-lo em todas as etapas, desde a instala\u00e7\u00e3o do plugin at\u00e9 a personaliza\u00e7\u00e3o completa do seu pop-up.<\/p>\n\n\n\n Al\u00e9m disso, a Yogh oferece servi\u00e7os completos de hospedagem, manuten\u00e7\u00e3o e suporte para sites e lojas virtuais constru\u00eddos em WordPress<\/a>. Entre em contato conosco e conte com a nossa expertise para tornar seu projeto online um verdadeiro sucesso.<\/p>\n<\/span>Customizando o formul\u00e1rio com pop-up de sa\u00edda <\/span><\/h2>\n\n\n\n
<\/span>Configura\u00e7\u00f5es de exibi\u00e7\u00e3o para o pop-up<\/span><\/h2>\n\n\n\n
<\/span>Testando a usabilidade do pop-up de sa\u00edda<\/span><\/h2>\n\n\n\n
<\/span>Conte com a Yogh para seus projetos virtuais<\/span><\/h2>\n\n\n\n