Volta e meia precisamos criar modais em nosso layout, seja para anunciar algo, criar formulários de inscrições, ou até colocar  aqueles widgets das redes sociais para que seus leitores se inscrevam em seu site ou blog.

Recentemente, uma cliente me pediu um modal que aparecesse após determinado tempo, com um formulário de inscrição por e-mail, onde o usuário digita seu e-mail e recebe tudo o que ela postar diretamente na sua caixa de entrada.

Resolvi criar um plugin do WordPress para resolver seu problema. Então, surgiu o Tutsup Simple Modal, um plugin de WordPress que pode receber qualquer HTML e CSS que você quiser. Além disso, você também pode configurar a largura e altura do mesmo.

Tutsup Modal tem duas opções para apresentar o conteúdo ao usuário:

  1. quando o mesmo tira o mouse para fora do seu site;
  2. após N segundos (onde N é o número de segundos);

Basta escolher.

Como instalar o Tutsup Modal?

Não existe muito segredo para instalar o Tutsup Modal, é como você faria com outros plugins.

Ou você pode baixar o arquivo .zip diretamente do site do WordPress, e então:

  1. Adicionar o arquivo na pasta wp-content/plugins;
  2. Ativar o plugin;

Ou você pode acessar a opção Plugins > Adicionar novo e pesquisar por “Tutsup Modal“.

Tutsup Modal

Tutsup Modal no diretório de plugins do WordPress.

Como utilizar o Tutsup Modal

Acesse as opções do Tutsup Modal e escreva o HTML e CSS que desejar.

HTML e CSS no Tutsup Modal

HTML e CSS no Tutsup Modal

O trecho acima gera o nosso modal (que é apresentado quando o usuário tira o mouse do corpo do seu blog ou site).

Se você quiser modificar essa opção, basta adicionar a quantidade de segundos para o modal ser apresentado.

Concluindo

Tutsup Modal é um plugin extremamente simples, porém, faz o que precisamos. Se quiser novas funcionalidades ou dar dicas sobre melhorias, basta publicar nos comentários.