Arquivo da tag: pop up

Como Criar um PopUp HTML para Captação de Email no Site!

Hoje vou mostrar como criar um PopUp HTML para Captação de Email através do FeedBurner, como o utilizado aqui no CriarSites.com. Um popup simples e eficaz para aumentar consideravelmente sua lista de email.

A ideia é criar algo simples e chamativo para atrair e fisgar a atenção dos seus visitantes.

O único Problema é que muitos métodos para inserir um popup no site são pagos, e isso dificulta muito para quem esta começando um novo site e não dispõe de muitos recursos financeiros para investir.

obs: Gostaria de deixar uma observação que esse código não foi produzido originalmente por mim, e não tive acesso a quem foi o criador, apenas consegui boa parte do código na internet e fiz algumas adaptações como mostro abaixo. Caso alguém conheça o criador, por favor, deixe nos comentário para dar os créditos a quem mereça por esse fabuloso script.

Para iniciar, clique aqui (clique com o botão direito e em “Salvar destino como“) e realize o download do código java script popup html.

Após realizar o download, verá um arquivo em html, basta clicar com o botão direito no arquivo e selecionar as opções “Abrir Com..”, e “Bloco de Notas”.

Repare que esse é o exato modelo usado aqui no CriarSites.com e diante disso, vou deixar algumas mudanças para realizar no código e personalizar de acordo com seu site.

Ao abrir o arquivo com o bloco de notas, não é necessário mexer em nada no inicio do código, basta ir ate o trecho final e localizar os pontos a serem personalizados de acordo com seu site (nos pontos como mostra a figura acima, destacados pelo comentário “ISSO E UM COMENTARIO PERSONALIZE ESSA LINHA ABAIXO com …”).

Também lembre-se de publicar em seu site/blog as imagens “closeicon.gif” e “rss-feed-gif.gif” e anote o endereço de cada um deles. Depois cadastre-os endereços no código do popup.

Nos locais onde se encontra “CriarSites“, você deve alterar com o nome que aparece no endereço de seu blog no FeedBurner.

Realizadas estas estas alterações, basta inserir todo o trecho do código antes da tag </body> no seu site, ou se estiver usando um blog WordPress, basta criar um widget Texto/HTML e inserir o código já personalizado (por completo).

Pronto, seus problemas para captar e-mails e aumentar consideravelmente sua lista de e-mails está resolvido de uma vez por todas.

Se realmente gostou desta dica, além de deixar seu comentário, procure compartilhar esse artigo pelas redes sociais para ajudar mais webmasters de plantão!

Esse código realmente é um “salva vidas”, assim como o CriarSites.com, rs.

Postado por Rogerio Gomes/WRG

Fonte: CriarSite