É de conhecimento dos desenvolvedores web que muitos sites precisam de um sistema de newsletter para compor sua estratégia de divulgação e fidelização de visitantes. Um bom sistema de newsletter, por vezes, pode ser fator fundamental para o sucesso de um site, seja ele temporário, ou não.

Um dos grandes “apelos” da comunidade WordPress é sobre um bom plugin gratuito para newsletter. Quando se procura por “plugins de newsletter para WordPress” nos buscadores, resultados é o que não falta, mas, infelizmente, nem todos são satisfatórios e atendem realmente ao que prometem: propiciar um gratuito, prático e fácil sistema de newsletter para WordPress.

Bateria de testes

A necessidade surgiu devido a um projeto em que estava envolvido. Na idealização do layout, havia neste um espaço reservado para newsletters. Já há algum tempo tenho usado WordPress para fazer 95% dos trabalhos web e, pensando na simplicidade e facilidades que a plataforma oferece e tendo em vista que sempre que precisei utilizar WordPress como CMS tudo correu tranquilamente, parti em busca de uma boa extensão para newsletter no WordPress.

Testei vários plugins nesse meu “apanhado” para testes. Alguns prometeram “mundos e fundos” mas, infelizmente, não cumpriram o que ofertavam. Outros que se apresentaram mais “modestos” e, aparentemente, com cara de “simples” e “fácil”, tornaram-se verdadeiros contratempos e foram de encontro à filosofia do WordPress no que diz respeito a praticidade, simplicidade e rapidez.

Depois de um tempo encontrei o que, para o projeto em questão e, certamente, para futuros projetos WordPress que necessitem da funcionalidade de newsletter, considero ser o ideal (pelo menos dentre os que eu experimentei: o plugin wp-ajax-newsletter.

Sobre o wp-ajax-newsletter

Conforme consta no site, o wp-ajax-newsletter

é um plugin WordPress que permite aos utilizadores subscreverem e receberem newsletters contendo os últimos posts do blog.

Simples assim! Do jeito que eu gosto (e que, acredito eu, é o conveniente para todos)!

Ainda segundo consta no site do plugin (e será visto mais à frente), é possível estabelecer a periodicidade de envio das newsletters, configurar os textos, ter acesso a base de cadastrados, utilizar constantes de sistema para personalizar os conteúdos, dentre outros.

Como é de se esperar, o plugin conta com sistema automático de validação de e-mails (um e-mail de confirmação é enviado e a pessoa tem que clicar em um link para confirmar).

Mexendo no wp-ajax-newsletter

Quando você instala o plugin (nessa altura do campeonato não precisa explicar isso, né?), automaticamente aparece em seu painel de controle uma nova opção no menu: Configurações > Newsletter. Acessando, todas as configurações cabíveis ao plugin de newsletter do WordPress estarão aí, divididas em 3 grandes grupos: Enviar Newsletter, Configurações e Assinantes. No front-end, a inserção do formulário AJAX para cadastro de e-mails é simplesmente um código de chamadas para uma função do plugin (veja o código de inserção do formulário para se cadastrar na newsletter).

Vou explicar o funcionamento no back-end, começando pelas Configurações.

Configurações (Configuration)

Nas Configurações é possível especificar a periodicidade que valerá para a divulgação das newsletters. Existem as opções:

• Manual. Enviar newsletters manualmente, sem uma periodicidade automática.
• Weekly. Enviar newsletter 1 vez a cada semana.
• Monthly. Enviar newsletter 1 vez a cada mês.
• Every “x” posts. Enviar newsletters a cada “x” artigos publicados – número este especificado por quem configura a extensão WordPress.

Continuando as configurações, estas estão dispostas e funcionando, respectivamente, assim:

• From. E-mail que será o “enviador” de todas as newsletters; é o e-mail que aparece no campo “De:” do envio de e-mails e o que aparecerá quando alguém clicar em “Responder”.
• Subject. É o assunto do e-mail. Acredito eu que não deva se estender muito e ser bem simples como “Newsletter do site X”.
• Header. Caso queira algum cabeçalho para sua newsletter, este é o espaço dedicado a o colocar. Use com sabedoria. Lembre-se: o que não é necessário, não precisa estar lá.
• Template. É aqui o “corpo” do conteúdo da newsletter. Este campo mostra o que as pessoas que receberem a newsletter vão visualizar em suas caixas de e-mail (incluindo excerpt, que é o resumo do artigo). O próprio plugin mostra quais as constantes de sistema podem ser usadas. Crie uma mensagem personalizada utilizando o que achar conveniente e que seja útil para quem está lendo.
• Footer. Texto para o rodapé de cada newsletter, se você achar que vale a pena.

Como consta no próprio texto explicativo do plugin, todas as mensagens são enviadas em texto puro – o que, penso eu, é o aconselhável de ser feito quanto se trata de envio de newsletters.

Enviar Newsletter (Send Newsletter)

Aqui são mostradas algumas esatísticas sobre o número de artigos de seu site WordPress e quantas pessoas já se subscreveram para receber as newsletters. Também é aqui o local onde você vai escolher quantos artigos (ou resumo de artigos, se preferir) serão enviados para as pessoas que se subscreveram.

Como puderam notar, o plugin envia newsletters cujos conteúdos são os próprios artigos publicados no site/blog WordPress. Ele foi idealizado para isso e funciona muito bem, cumprindo seu papel sem complicações. Entretanto, algumas pessoas podem precisar/julgar que os assinantes da newsletter devam receber conteúdos “exclusivos”, diferentes daqueles que constam como artigos do site. Se você é uma destas pessoas, preste atenção.

O pulo do gato para quem precisa enviar newsletters com conteúdos exclusivos está neste passo-a-passo:

1. Especifique que o plugin deve enviar somente o último artigo (preencha com o número 1 o campo “Send only the last ‘X’ posts)”;
2. Nas configurações, marque a periodicidade de envio como Manual;
3. Escreva o conteúdo que quer enviar somente para os assinantes de newsletters e publique;
4. Rapidamente vá em Configurações > Newsletter e envie o conteúdo do artigo que acabou de escrever;
5. Apague de seu site/blog o artigo que acabou de ser despachado em forma de newsletter.

Fazendo esta “mutreta” você garante que conteúdos exclusivos serão enviados para os que dedicaram um pouco de seu tempo cadastrando seu e-mail para o recebimento de newsletters de seu site.

Minha opinião pessoal é que este recurso não é necessário para a maioria dos projetos. Genericamente falando, não vejo razões para limitar o acesso a conteúdos do site/blog a determinado grupo de pessoas. Vejo as newsletter como um incremento às possibilidades disponíveis (e cabíveis) para recebimento de atualizações de conteúdos; não faz diferença se por feeds ou por newsletters, o importante é a pessoa manter-se atualizada e saber sobre novos conteúdos.

Assinantes (Subscribers)

Nesta parte é possível obter informações sobre os assinantes da newsletter. Na tabela aparecem as informações:

• E-mail. O e-mail que a pessoa usou e que vai receber as newsletters.
• Username. Caso o e-mail cadastrado for de alguém com acesso ao painel administrativo do WordPress, o login vai aparecer aqui; do contrário (o que vai acontecer na maioria dos casos), aparecerá “not registered“.
• Since. É o dia e a hora em que o e-mail consta no sistema como recebedor de newsletters.
• Action. Quando a pessoa tiver clicado no link para confirmação de recebimento de newsletter, aqui vai constar “Active”; quando tiver recebido o e-mail, mas ainda não tiver confirmado, será um link “Activate”, dando a opção de você ativar um e-mail mesmo sem a pessoa ter confirmado (opção desnecessária, a meu ver).
• Delete. Para apagar o e-mail da lista dos que recebem as newsletters do site.

Conclusões sobre o Ajax Newsletter Plugin para WordPress

Como foi possível perceber pelo artigo, a dinâmica e funcionamento do plugin são bastante tranquilos e tudo é feito de forma bastante rápida e simples.

Reforçando o que já disse, sou da opinião de que enviar conteúdos exclusivos, na grande maioria dos casos, não é uma boa prática, dado que se deve ofertar várias possibilidades de recebimento de atualizações no site e, juntamente com as atualizações através de feeds, as newsletters são uma ótima pedida!

Creio ser o wp-ajax-newsletter o mais fácil plugin (grátis) para newsletters do WordPress disponível atualmente. Depois de instalado e configutado, basta caprichar na customização das opções (e, aconselho eu, dedicar um pouco de seu tempo para traduzir as mensagens em inglês nativas, editando os arquivos originais do plugin para o caso de ser um job nacional) e, mais importante, fazer valer a pena a subscrição dos assinantes, provendo um conteúdo de excelente qualidade!  ;-)

O desenvolvimento web às vezes é encarado como algo extremamente complexo, um verdadeiro “Bicho de Sete Cabeças”! Realmente não é a coisa mais simples do mundo; entretanto, pessoalmente creio que, por exemplo, operar uma pessoa ou planejar uma casa são coisas bem mais difíceis! Pode ser devido à minha afinidade com o desenvolvimento web, mas esta é minha opinião.

Na maioria das vezes fazer perguntas a si mesmo (depois de realizar um bom briefing para desenvolvimento de web sites, claro)  é a melhor forma de identificar/complementar as principais necessidades de um projeto; é o meio excelente de saber o que pode ser feito, o que não pode, o que deve, o que não deve, como fazer, qual tecnologia escolher e o que mais for preciso saber, pelo menos num segundo momento (o “primeiro momento” é o briefing do site) é a coisa acertada e mais sensata a se fazer.

Perguntar-se a si mesmo (ou, quando trata-se de uma equipe, fazer perguntas mútuas) algumas questões nada complexas a respeito do projeto em vista é uma boa maneira de saber como começar e como seguir com o desenvolvimento do projeto web; e isso com a preparação e precaução necessárias para evitar um monte de surpresas que inevitavelmente ocorrem em projetos desta natureza.

Para ajudar você a elaborar suas “auto-perguntas”, segue uma série de considerações a respeito do desenvolvimento web. Pergunte-se!  ;-)

Conteúdo

Sem sombra de dúvidas o conteúdo é o fator-chave de sucesso para os web sites e projetos online, em geral. Levando em consideração alguns pontos importantes, pode-se caminhar à consecução do objetivo de alcançar a qualidade deste e, consequentemente, a qualidade e satisfação para quem acessa.

• Textos. Em sites/blogs “normais” os textos podem ser considerados como conteúdo de maior relevância e procura. Deve-se ter cuidado com a maneira de escrever (mais formal, mais coloquial, em terceira pessoa, em primeira pessoa, etc), a extensão dos textos, o tamanho das fontes, o espaço entre as linhas, a distância entre os parágrafos, apresentação de títulos e subtítulos, cores. Se ainda não sabe, veja como usar qualquer fonte tipográfica em blogs Wordpress e sites, em geral.
• Imagens. As mensagens transmitidas através de imagens também são bastante relevantes e, igualmente, merecem atenção especial. Mais à frente a questão das imagens será abordada com mais detalhes.
• Áudio. Muitos sites utilizam áudio como forma de comunicação, o que é perfeitamente possível e conveniente se o bom-sendo for usado. Por exemplo, não é nada interessante colocar para tocar uma música em um site sem que o visitante tenha solicitado; o ideal é deixar um player à vista para que ele saiba que o recurso existe. Deve-se atentar também ao tamanho dos arquivos, em si, e ao tempo de duração, seja o áudio uma “música ambiente”, palavras de responsáveis pela empresa/produto/serviço, podcast, ou o que quer que seja.
• Vídeo. Excetuando-se os sites voltados especialmente aos vídeos, para os utilizar nos sites um “mix” deve ser feito e levados em consideração fatores como tamanho em pixels, tempo de duração, qualidade das imagens, controle (barra de tempo, botões pausar e continuar, volume, etc), adequação ao tema e, muito importante, decidir se os vídeos serão hospedados em sites de terceiros e anexados ao conteúdo ou se vão ficar diretamente no servidor do site e executados através de scripts de players.

Navegabilidade

A navegabilidade, sem dúvidas, é uma das coisas mais importantes de seu site. A facilidade que o visitante tem para navegar entre/nos conteúdos do site é fator determinante para o sucesso ou fracasso de seu espaço online. Perceba em conversas com amigos, colegas e mesmo observando seu próprio comportamento, que quando se entra em um site confuso, “embaraçado”, sem uma boa estrutura navegacional, que a atitude é logo de irritabilidade e a primeira frase que vem à cabeça é “Droga, que site confuso! Vou embora…”.

• Menus. Os menus do site devem estar bem claros e ser bem fácil de identificar o que é menu e o que não é. É através dos menus de navegação que os visitantes exploram a grande maioria dos sites e, se não está explícito em qual lugar o(s) menu(s) está(ão), como isso poderá ser feito?
• Links. O mesmo vale em relação aos links, quer dizer, se não está bem claro e evidente que determinada palavra ou frase é, na verdade, um link, é fácil não se surpreender caso ninguém clique. É muito importante que os links do site sejam evidentes e diferenciados do restante do “texto normal”. Igualmente importante é salientar, de alguma maneira, quando um link já foi visitado.
• Localização. O visitante precisa saber em qual ponto do site ele se encontra. A web é ampla, muito ampla, e as pessoas facilmente se perdem nos sites. Por isso, use e abuse de elementos que sirvam para identificar em qual lugar do site o visitante está atualmente como, para citar alguns, destaque nos menus e caminhos de pão (breadcrumbs).
• Busca. Especialmente sites a partir do porte médio, blogs e revistas eletrônicas necessitam de um campo de busca. O campo de busca é um dos elementos mais usados em site e, em alguns casos, é o primeiro a ser usado pelo visitante. É importante deixar o campo de busca em local de fácil acesso e que este seja bem claro e simples de ser utilizado.
• Elementos Auxiliares. Além dos já elementos, utilizar elementos auxiliares de navegação e “suporte” ao visitante eleva bastante a qualidade de um site, como um todo. Alguns exemplos são as páginas Ajuda, Perguntas Frequentes e Mapa do Site.

Web Design

Que “o conteúdo é o rei” todos os desenvolvedores sabem; o que muitos ainda não sabem é dar a devida importância ao web design. A forma como os elementos visuais estão dispostos e como se apresentam influi diretamente na maneira como as pessoas percebem e intuem (do verbo “intuir”) os web sites. Conhecer alguns princípios básicos de Gestalt aplicado ao web design e dar importância a determinados elementos é de suma importância.

• Identificação. Identificar qual é o site em questão é garantir que as pessoas não terão dúvidas e reforçar sua marca na mente dos visitantes. É essencial que o logotipo (com link para a página inicial) seja apresentado logo na parte superior e que não haja equívocos quanto a qual empresa o site pertence/faz parte.
• Identidade visual. Estritamente ligado à Identificação, É o conjunto de elementos que identifica determinada empresa, produto, uma instituição e similares. Vejam bem, é o conjunto de elementos! Para que uma identidade visual seja formada/mantida, é preciso critério para que a consistência e a constância estejam presentes. Respeitar e “repetir” os elementos visuais (e de outros tipos) a fim de fixar o que é preciso na mente das pessoas e garantir que nenhum equívoco acontecerá.
• Cores. A correta escolha de cores (de muita preferência levando em conta a Identidade Visual) deve ser feita com cuidado e seguindo critérios bem estudados/observados. É importante levar em consideração o público-alvo (idade, sexo, preferências, expectativas, e mais), o objetivo do projeto, a época em que ele é feito, dentre outros. As cores merecem estudos complementares à parte, devido à sua importância para qualquer projeto de natureza web.
• Fontes tipográficas. Partindo do princípio de que o conteúdo textual é o mais importante na maioria dos web sites, a utilização de fontes tipográficas adequadas ao projeto é imprescindível. A escolha correta da família de fontes, tamanho, cores, contraste, inter-relação entre tipos, posicionamento, e outros, devem ser feitos com cautela e tendo em vista o objetivo a que se propõe o projeto.
• Imagens. Dependendo de como é pensado/estruturado o site, o uso de imagens praticamente se faz desnecessário, haja vista o atual delicious. Para os casos mais “normais”, em relação às imagens deve-se levar em consideração a qualidade, o formato, o tamanho em pixels, tamanho em KB (conhecem o optiPNG?), alinhamento, a relação com os outros elementos, etc.

Outras considerações

Para finalizar, ficam considerações sobre elementos de caráter geral dos sites que, se levados em conta e bem planejados, certamente aumentam a qualidade do site.

• URLs. Pode parecer que não, mas o uso correto de URLs ajuda bastante a divulgação dos sites (principalmente falando sobre os mecanismos de busca). URLs amigáveis garantem que seu site será melhor indexado nos sistemas de pesquisa e, olhando o lado humano, facilita a memorização de páginas específicas. Escolher nomes fáceis e de tamanho reduzido são diferenciais.
• Idiomas. Dependendo do site é interessante que os conteúdos sejam apresentados em idiomas distintos. Existem sistemas de tradução automática que podem auxiliar um pouco, mas o ideal são traduções profissionais. Pense bem, um tradutor automático não traduz áudios e vídeos. Quando parte considerável do público-alvo for de outros países, é interessante haver, além de diferentes versões textuais do conteúdo, também diferentes versões para áudios (quando se tratar de falas, claro), vídeos (ou inserção de legandas) e, dependendo do caso, até disposição dos elementos, levando em conta o modo de leitura e costumas dos países.
• Tempo de carregamento. Algumas pesquisas alegam que se algum conteúdo não for apresentado e m 5 segundos, o visitante sai do site para buscar outro. Isso é relativo, claro, mas mostra a importância que há no tempo de carregamento das páginas do site. Fique atento ao tamanho de imagens, utilização de javascripts (que devem ser inseridos antes de “</body>” e podem ter tamanho reduzido através de um compactador de javascript) e extensão das páginas. Utilize o YSlow para Firefox como auxílio.

Tem mais algum ponto que você gostaria de citar? Tem alguma dica para complementar os tópicos do artigo? Comente!

Olá, pessoal! Como estão todos? Curtiram a última rodada de prêmios?  ;-)

Escrevo mais este “meta artigo” para falar sobre as novidades do blog, principalmente a novidade visual, que é o novo tema para o desenvolvimento para web. Como havia comentado, este ano haverá muitas surpresas e, um tema desenvolvido especialmente para o blog, 100% exclusivo, é uma delas!

Web design

Algo que fui ver recentemente é que a versão anterior do blog ficava tenebrosa em outros navegadores que não o Firefox! É como dizem por aí: “Casa de ferreiro, espeto de pau”. Mas agora já testei na maioria dos navegadores e creio que a renderização das páginas está bastante semelhante em todos eles!

Optei por priorizar o conteúdo, que é o mais importante, mesmo. Mantive e aperfeiçoei a linha clean do site para, novamente, dar ênfase aos textos, imagens e outros elementos de informação.

O campo de busca recebeu bastante destaque e, de certa forma, eu até ousei ao passá-lo para o lado esquerdo, “desrespeitando” algumas normas de usabilidade existentes. Fiz isso para diferenciar o blog dos demais, evidenciar a “presença” do campo de pesquisa e, de certa maneira, estimular os visitantes à utilizarem – levando em conta que o blog já está bom um conteúdo considerável. Ah, e nada de botão “Enviar”, ele seria “demais” nesse caso.

Aproveitando a oportunidade, “aglomerei” os 3 tipos de feeds do blog também no mesmo espaço. Justamente em função da quantidade de conteúdos e pensando no que está por vir, certamente apresentar de forma clara como as pessoas podem subscrever ao feed é bem vindo! E, para os que tiverem dúvidas, confiram o “?” ao lado dos ícones.

Conteúdo

O espaço dedicado ao conteúdo, que é o que deve ser de mais importante no blog, foi aumentado consideravelmente. Ao invés de 510px do tema anterior, agora temos 730px! Esse aumento foi para enfatizar que os conteúdos são realmente o que importam e agora, como não poderia deixar de ser, têm seu devido espaço.

Um dos principais pedidos no artigo sobre Sugestões para 2009 foi para eu começar a fazer screencasts para disponibilizar no blog. Realmente é uma ótima pedida e eu vou acatar aos pedidos! Como não mexia com criação/edição de vídeos antes, será um tempinho até eu pegar o jeito da coisa e produzir screencasts de qualidade; de qualquer maneira, aguardem um para em breve – dicas e sugestões são bem-vindos!

Uma outra coisa muito interessante que foi pedida é para eu fazer mais tutoriais “passo-a-passo” sobre os assuntos relacionados ao desenvolvimento web. Também é algo que considero muito oportuno e, certamente, também farei isso.

Algo que retirei e que, ao final das contas, não tinha tanta utilidade assim, foram as 3 colunas no rodapé, que continham, respectivamente, “Artigos Recentes”, “Últimos Comentários” e “Mais Comentados”. Virtualmente falando, não era muito acessado e, além de tudo, com a retira o tempo de carregamento geral do site diminui, dado que algumas  consultas ao banco de dados não são mais feitas.

Falando em tempo de carregamento, diversas extensões do WordPress desnecessárias foram sumariamente desativados e muitos outros excluídos da pasta de plugins. Eu tinha mais de 50 plugins (entre ativos e inativos) e isso já estava me deixando louco! Agora estou usando o estritamente necessário – embora esteja fazendo alguns testes de vez em quando. Portanto, mais rapidez e mais eficiência ao acessar o desenvolvimento para web!

Considerações últimas

Algo que me deixou bastante satisfeito foi o fato de a maioria dos visitantes utilizarem Firefox! Em relação ao Internet Explorer, a margem é ainda pequena (no momento da publicação deste artigo, 44,59% para FF e 42,93% para IE), mas só de ter ultrapassado o IEca já fico bastante feliz! Sinal de que as pessoas estão começando a perceber o que é melhor! Por falar nisso, aqueles que tentarem acessar o blog com IE6 terão uma surpresinha!  ;-D

Ainda há algumas coisas para serem ajustadas no novo tema, coisas estas que só poderiam ser feitas depois que ele estivesse em atividade (inclusive, conto com a ajuda de todos para evidenciar bugs e falhas no novo tema). Infelizmente ainda estou sem internet em casa (o que me faz lembrar do bordão “Isso é um absurdo!”, dos comerciais tão divulgados nesses últimos dias pela própria prestadora de serviços que está me prejudicando), o que explica o grande hiato das minhas aparições por aqui.

Minha taxa de visitação caiu, meus feeds, idem, a credibilidade do blog, nem se fala… Mesmo com todos os contratempos, peço que tenham um pouco mais de paciência que as coisas já estão se resolvendo! Continuem ligados no desenvolvimento para web e aguardem as próximas novidades, promoções e prêmios que estão por vir!

Aproveitando o ensejo, peço novamente para que os que ainda tiverem sugestões, que as apresentem! Minha intenção é fazer o blog crescer para que aqueles que o acessam também cresçam! Se você quiser ajudar, fique à vontade e, desde já, meu “Muito obrigado“!

PS: Será que uma comunidade do desenvolvimento para web no orkut daria certo? Quem participaria? Seria algo levado a sério? O que vocês pensam a respeito?