Crie um popup WordPress com Ad Inserter Pro

Adinserter Pro, apesar de ser um plugin, possivelmente o melhor, concebido para gerir anúncios publicitários, pode ser utilizado para outros fins.

Nesta ocasião veremos como criar uma janela pop-up na qual será exibido um formulário de subscrição, embora possa utilizá-lo para adicionar qualquer outro conteúdo, seja ele próprio ou publicidade externa, uma chamada à acção com uma imagem ou simplesmente um texto informativo como um aviso.

Esta opção não está disponível para a versão gratuita do Inseridor de Anúncios, tem de utilizar a sua versão Pro que lhe permite criar anúncios em posições fixas com animações de entrada e saída e botão de fechar.

Estas são as etapas:

1- Criar um novo bloco no Inseridor de anúncios e adicionar o HTML ou PHP do seu formulário. No meu caso é criado com GenerateBlocks e eu simplesmente copiei e colei o seu código.

2 - Seleccionar "Entradas" (ou onde quiser que seja exibido). Em "Listas" pode excluir as mensagens ou páginas onde não quer que seja afixado.

3 - Em "Inserir" seleccionar "Rodapé".

4 - Em "Alinhamento" marcamos "CSS Personalizado"

5-6- Seleccionar a localização horizontal e vertical.

7- Opcionalmente, pode adicionar mais CSS para fixar a posição em qualquer lugar, definir a opacidade da cor de fundo ou o que precisar.

O botão fechar também pode ser personalizado para utilizar o seu próprio desenho.

9- Neste ponto, temos algumas formas de configurar o número de vezes que será mostrado para não incomodar o visitante.

Neste caso, uma vez que o utilizador fecha a janela, esta só voltará a aparecer passados 5 dias. Se não quisermos que volte a aparecer, só precisamos de acrescentar um número elevado de dias. Aqui também se pode configurar o fecho automático após X segundos ou que só é mostrado em cada X vistas de página.

Finalmente, no separador "Limites", pode optar por limitar o número de impressões e/ou cliques por dia em geral ou individualmente.

Antes de guardar o bloco para começar a exibir o seu pop-up é aconselhável clicar em "Preview" (ver primeira imagem) o que nos permitirá ver a aparência final numa página de teste como esta:

Note-se que a aparência final irá variar porque a pré-visualização é apresentada sem formatação, no meu caso esta é a aparência final do rascunho com o CSS do modelo e GenerateBlocks

Como passo final, pode agora polir a disposição da sua janela e adicionar uma margem, sombra, ajustar as cores, centrar os textos, adicionar espaçamento, acolchoamento, margens, etc.

Algumas considerações

Janelas pop-up que se abrem automaticamente interrompem abruptamente a navegação natural, podem aparecer quando a página é carregada, após um período de tempo ou ao rolar, e são muito irritantes para a pessoa média.

Além disso, como têm sido historicamente utilizados para publicidade intrusiva, muitos navegadores já os bloqueiam por defeito e são também frequentemente penalizados pelos motores de busca, prejudicando o SEO do seu site.

Por conseguinte, é aconselhável não abusar deste tipo de janelas e mostrá-las apenas uma vez por visita e apenas por curtos períodos de tempo em campanhas específicas. É também boa prática configurá-los de modo a que deixem de aparecer durante um período de tempo razoavelmente longo, ou não voltem a aparecer, depois de o utilizador os ter fechado.

OInseridor de anúncios não é um plugin especificamente para criar janelas modais, por isso tem as suas limitações em termos da variedade de gatilhos com condições que outros plugins dedicados têm. Se preferir algo um pouco mais configurável e gratuito, pode usar este plugin, ou este.