Para fazer isso, voc\u00ea precisar\u00e1 de um novo plugin. Vamos come\u00e7ar este tutorial cobrindo quais plug-ins voc\u00ea pode usar para adicionar formul\u00e1rios pop-up ao seu site WordPress.<\/p>\n
Como acontece com a maioria das coisas do WordPress, h\u00e1 muitos plug-ins para escolher.<\/p>\n
Eu tenho uma cole\u00e7\u00e3o dos melhores plug<\/a> – ins de pop-up que<\/a> voc\u00ea pode conferir, mas meu favorito \u00e9 MailOptin<\/a>.<\/p>\n Visite o site<\/a><\/p>\n Este \u00e9 o plugin que uso para todos os formul\u00e1rios deste site, incluindo o formul\u00e1rio pop-up que voc\u00ea pode ter visto \ud83d\ude09<\/p>\n O que eu gosto no MailOptin \u00e9 que:<\/p>\n Melhor ainda, h\u00e1 testes A \/ B<\/a> integrados, para que voc\u00ea possa executar testes constantemente para melhorar suas taxas de ades\u00e3o. Afinal, \u00e9 bom ter um formul\u00e1rio pop-up bonito, mas \u00e9 ainda melhor ter um de alta convers\u00e3o.<\/p>\n E, por \u00faltimo, muitas solu\u00e7\u00f5es pop-up de e-mail que possuem recursos semelhantes ao MailOptin cobram uma assinatura mensal. MailOptin \u00e9 um pagamento \u00fanico e existe at\u00e9 uma vers\u00e3o “leve" dispon\u00edvel gratuitamente.<\/p>\n Agora que voc\u00ea tem a \u00fanica ferramenta necess\u00e1ria para criar pop-ups, vamos percorrer as etapas para adicionar o primeiro formul\u00e1rio pop-up ao seu site.<\/p>\n Antes de criar qualquer formul\u00e1rio, voc\u00ea precisa conectar o MailOptin ao seu servi\u00e7o de marketing por email.<\/p>\n Se voc\u00ea precisar de uma recomenda\u00e7\u00e3o, o ConvertKit<\/a> \u00e9 a terceira plataforma de e-mail que usei nos \u00faltimos seis anos executando o Compete Themes, e \u00e9 de longe a minha favorita.<\/p>\n Visite o site<\/a><\/p>\n Voc\u00ea pode ler minha an\u00e1lise detalhada do ConvertKit aqui<\/a>.<\/p>\n Agora, de volta \u00e0 configura\u00e7\u00e3o do MailOptin!<\/p>\n Depois de instalar o plug-in MailOptin, voc\u00ea ver\u00e1 um novo item de menu no painel de administra\u00e7\u00e3o do WP. Passe o mouse sobre o item de menu MailOptin e clique no link Integra\u00e7\u00f5es.<\/p>\n Nesta p\u00e1gina, voc\u00ea ver\u00e1 todas as integra\u00e7\u00f5es poss\u00edveis listadas no lado esquerdo da tela.<\/p>\n Como voc\u00ea pode ver, h\u00e1 muitos!<\/p>\n Para conectar o MailOptin ao seu servi\u00e7o de e-mail, role a p\u00e1gina para baixo at\u00e9 encontrar o seu servi\u00e7o de e-mail na barra lateral e clique nele. A p\u00e1gina ser\u00e1 atualizada instantaneamente com um \u00fanico campo de entrada onde voc\u00ea pode inserir sua chave API.<\/p>\n Independentemente de qual plataforma de e-mail voc\u00ea usa, voc\u00ea poder\u00e1 encontrar sua chave de API dispon\u00edvel em algum lugar no menu de configura\u00e7\u00f5es do aplicativo. Cada servi\u00e7o de e-mail fornece uma chave API<\/a> para este tipo de integra\u00e7\u00e3o.<\/p>\n Depois de obter a chave, cole-a na entrada e clique no bot\u00e3o Salvar altera\u00e7\u00f5es.<\/p>\n O que acontece a seguir (nos bastidores) \u00e9 que seu servi\u00e7o de e-mail vai autorizar o MailOptin como um aplicativo confi\u00e1vel para se comunicar. Agora, quando algu\u00e9m insere seu endere\u00e7o de e-mail em um de seus formul\u00e1rios, MailOptin pode enviar suas informa\u00e7\u00f5es para o servi\u00e7o de e-mail automaticamente.<\/p>\n Com tudo conectado, voc\u00ea est\u00e1 pronto para criar seu formul\u00e1rio pop-up.<\/p>\n Para criar o formul\u00e1rio, visite o menu Optin Campaigns e clique no bot\u00e3o Add New na parte superior.<\/p>\n Esta p\u00e1gina exibir\u00e1 todas as suas campanhas existentes e seu desempenho<\/p>\n Na pr\u00f3xima tela, voc\u00ea dar\u00e1 um t\u00edtulo \u00e0 sua campanha e selecionar\u00e1 um tema para o seu pop-up.<\/p>\n O tipo de formul\u00e1rio Lightbox j\u00e1 deve estar selecionado<\/p>\n Existem alguns temas para escolher. Como voc\u00ea ver\u00e1 em um momento, o texto, as imagens, as cores, os campos e as fontes s\u00e3o todos personaliz\u00e1veis, ent\u00e3o voc\u00ea deve simplesmente escolher o tema que mais se parece com sua vis\u00e3o para o seu pop-up.<\/p>\n Depois de selecionar um tema, o personalizador optin ser\u00e1 aberto.<\/p>\n Como voc\u00ea pode ver, \u00e9 uma vers\u00e3o especializada do Live Customizer usado por temas do WordPress.<\/p>\n N\u00e3o vou percorrer todas as configura\u00e7\u00f5es, pois \u00e9 bastante simples. Voc\u00ea pode alterar as cores, fontes e muito mais no painel do personalizador. Voc\u00ea tamb\u00e9m pode clicar em qualquer elemento do formul\u00e1rio para abrir sua se\u00e7\u00e3o na barra lateral.<\/p>\n Quando estiver satisfeito com a apar\u00eancia e a leitura do formul\u00e1rio, \u00e9 hora de conect\u00e1-lo a uma lista de e-mail.<\/p>\n \u00c9 onde as coisas come\u00e7am a ficar interessantes.<\/p>\n Voc\u00ea j\u00e1 conectou MailOptin ao seu servi\u00e7o de e-mail. Agora, ao clicar na se\u00e7\u00e3o Integra\u00e7\u00f5es no personalizador, voc\u00ea encontrar\u00e1 esta caixa onde poder\u00e1 escolher o servi\u00e7o de e-mail com o qual se integrou.<\/p>\n Ao clicar no menu suspenso Selecionar, voc\u00ea ver\u00e1 seu provedor de e-mail listado. Depois de escolher seu servi\u00e7o de e-mail, voc\u00ea ver\u00e1 outra lista suspensa listando todas as suas listas de e-mail.<\/p>\n Conectando um formul\u00e1rio a uma lista no ConvertKit<\/p>\n Isso significa que cada formul\u00e1rio que voc\u00ea cria com MailOptin pode ser conectado a uma lista de e-mail diferente que voc\u00ea criou em seu aplicativo de marketing por e-mail.<\/p>\n Melhor ainda, a maioria das plataformas de e-mail fornecer\u00e1 ao MailOptin op\u00e7\u00f5es de segmenta\u00e7\u00e3o. Por exemplo, voc\u00ea pode ver no exemplo acima que o ConvertKit permite adicionar tags espec\u00edficas para pessoas que se inscrevem por meio deste formul\u00e1rio.<\/p>\n No in\u00edcio, voc\u00ea pode ter apenas uma oferta para seus visitantes, mas com o tempo, voc\u00ea certamente criar\u00e1 v\u00e1rios formul\u00e1rios de optin que precisam enviar e-mails diferentes para os assinantes. MailOptin torna esta configura\u00e7\u00e3o complexa simples e poss\u00edvel.<\/p>\n Com o seu formul\u00e1rio popup do WordPress totalmente personalizado e conectado a uma lista, a etapa final \u00e9 decidir quando e onde exibi-lo em seu site.<\/p>\n Ainda dentro do personalizador, clique na se\u00e7\u00e3o Regras de exibi\u00e7\u00e3o e voc\u00ea ver\u00e1 todas essas op\u00e7\u00f5es gloriosas.<\/p>\n Neste ponto, voc\u00ea tem algumas escolhas a fazer.<\/p>\n Primeiro, voc\u00ea precisa decidir quem ver\u00e1 seu pop-up. Voc\u00ea tem v\u00e1rias op\u00e7\u00f5es para escolher. Algumas dessas op\u00e7\u00f5es incluem segmenta\u00e7\u00e3o:<\/p>\n Essas op\u00e7\u00f5es permitem uma segmenta\u00e7\u00e3o precisa, mas meu exemplo usar\u00e1 uma implementa\u00e7\u00e3o simples e popular.<\/p>\n Para meu exemplo, desejo exibir o pop-up para qualquer pessoa que esteja lendo uma postagem de blog. N\u00e3o quero que apare\u00e7a na minha p\u00e1gina inicial ou em qualquer outra p\u00e1gina (como Sobre ou Contato).<\/p>\n Para fazer isso, eu desativaria a op\u00e7\u00e3o de exibir o optin globalmente e, em seguida, escolheria “Postagens” como o \u00fanico tipo de postagem para exibir o formul\u00e1rio.<\/p>\n Existem mais configura\u00e7\u00f5es dispon\u00edveis abaixo tamb\u00e9m<\/p>\n Voc\u00ea pode mostrar seu formul\u00e1rio em postagens em categorias espec\u00edficas ou at\u00e9 mesmo escolher postagens e p\u00e1ginas individuais, se desejar. Voc\u00ea tamb\u00e9m pode adicionar outra regra para mostrar o pop-up apenas para visitantes recorrentes ou pessoas que usam dispositivos m\u00f3veis.<\/p>\n Para meu exemplo, essas configura\u00e7\u00f5es s\u00e3o boas o suficiente.<\/p>\n Agora que selecionei onde mostrar meu formul\u00e1rio e para quem mostr\u00e1-lo, a \u00faltima etapa \u00e9 decidir quando ele deve aparecer.<\/p>\n As op\u00e7\u00f5es s\u00e3o para exibir o formul\u00e1rio:<\/p>\n Os tr\u00eas primeiros s\u00e3o bastante \u00f3bvios. Por exemplo, exibir o formul\u00e1rio 30s depois que algu\u00e9m chega a uma postagem \u00e9 uma op\u00e7\u00e3o simples e f\u00e1cil de usar.<\/p>\n As pr\u00f3ximas duas op\u00e7\u00f5es s\u00e3o mais interessantes.<\/p>\n A op\u00e7\u00e3o Exit Intent rastrear\u00e1 o movimento do mouse do visitante e quando ele for para o menu do navegador, presumivelmente para fechar a janela ou apertar o bot\u00e3o “voltar”, \u00e9 quando o pop-up aparecer\u00e1.<\/p>\n A inten\u00e7\u00e3o de sa\u00edda \u00e9 uma boa solu\u00e7\u00e3o porque n\u00e3o atrapalhar\u00e1 seus visitantes enquanto eles est\u00e3o lendo e interagindo com seu site.<\/p>\n A outra op\u00e7\u00e3o, Clique em Iniciar, permite colocar um link em qualquer lugar do site no qual os visitantes possam clicar. Quando algu\u00e9m clica no link, o pop-up \u00e9 exibido. Esta \u00e9 uma op\u00e7\u00e3o realmente \u00fanica e pode levar a excelentes taxas de ades\u00e3o.<\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3757a123e.png\")
<\/a><\/p>\n\n
Conecte-se ao seu servi\u00e7o de e-mail<\/h2>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f375b0555b.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f375d8bc7a.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f37608b4b3.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376327ccb.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3766212cc.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3768c2f4b.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376b3b006.png\")
<\/a><\/p>\nConecte-se a uma lista de e-mail<\/h3>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376e1dd16.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f37710e4bc.png\")
<\/a><\/p>\n![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f377433b21.png\")
<\/a><\/p>\n\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3777a3f15.png\")
<\/a><\/p>\n\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f377ae6a7a.png\")
<\/a><\/p>\n