Automatizando Seu Blog com Mailchimp: Um Guia Prático

 Não me dei por vencido na busca por eficiência e, após uma pesquisa detalhada, descobri o Mailchimp - a ferramenta que prometia automatizar integralmente o meu trabalho. Com o Mailchimp, não seria necessário gerenciar manualmente todo o processo de captura de e-mails, criação de modelos de e-mail atraentes e envio de newsletters para minha base de contatos. Percebi que a plataforma já oferecia nativamente todo o passo a passo necessário, e apesar de algumas limitações, parecia ser a solução ideal para começar.

O primeiro passo foi criar uma conta na plataforma. Com a conta ativa, desenvolvi um formulário de newsletter focado na coleta de e-mails e atribuí a ele uma tag chamada “newsletter”. Após baixar o código fornecido, procedi com a inserção no código do meu blog no Blogger.

Durante o processo, descobri que o Blogger interpreta o código como XML. Isso exigiu algumas correções, mas também me deu a oportunidade de personalizar e estilizar o formulário para melhor se adequar ao design do meu blog. O código foi inserido logo após o marcador <data:post.body/>, integrando-se perfeitamente ao final de cada postagem.

<!--*inicio da newsletter-->

<div id='mc_embed_shell'>

    <link href='https://cdn-images.mailchimp.com/embedcode/classic-061523.css' rel='stylesheet' type='text/css' />

    <style type='text/css'>

        #mc_embed_signup {

            background: #222;

            clear: left;

            font: 14px Helvetica, Arial, sans-serif;

            width: 600px;

            margin-left: auto;

            margin-right: auto;

            padding: 10px;

            color: #fff;

            border-radius: 10px;

        }

        /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.

        e recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

    </style>

    <div id='mc_embed_signup'>

        <form action='https://blogspot.us17.list-manage.com/subscribe/post?u=iddaconta&amp;id=iddoform' class='validate'

            id='mc-embedded-subscribe-form' method='post' name='mc-embedded-subscribe-form' novalidate=' '

            target='_blank'>

            <div id='mc_embed_signup_scroll'>

                <h2 style='color:#fff'>Receba nossas atualizações</h2>

                <div class='indicates-required'><span class='asterisk'>*</span> obrigatório</div>

                <div class='mc-field-group'>

                    <label for='mce-EMAIL'>Endereço de e-mail <span class='asterisk'>*</span></label>

                    <input class='required email' id='mce-EMAIL' name='EMAIL' required='required' type='email'

                        value='' />

                    <span id='mce-EMAIL-HELPERTEXT'>Seu melhor e-mail</span>

                </div>

                <div class='clear foot' id='mce-responses'>

                    <div class='response' id='mce-error-response' style='display: none;' />

                    <div class='response' id='mce-success-response' style='display: none;' />

                </div>

                <div aria-hidden='true' style='position: absolute; left: -5000px;'>

                    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->

                    <input name='b_iddaconta_iddoform' tabindex='-1' type='text' value='' />

                </div>

                <div class='optionalParent'>

                    <div class='clear foot'>

                        <input class='button' id='mc-embedded-subscribe' name='subscribe'

                            style='background:#fff;color:#222;' type='submit' value='Inscreva-se' />

                        <p style='margin: 0px auto; background:#fff;  border-radius:10px; padding:5px;'>

                            <a href='http://eepurl.com/iQJUBM'

                                title='Mailchimp - marketing por e-mail fácil e divertido'>

                                <span style='display: inline-block; background-color: transparent; border-radius: 4px;'>

                                    <img alt='Intuit Mailchimp' class='refferal_badge'

                                        src='https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg'

                                        style='width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;' />

                                </span>

                            </a>

                        </p>

                    </div>

                </div>

            </div>

        </form>

    </div>

</div>

<script src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js' type='text/javascript' />

<script type='text/javascript'>

    (function ($) {

        window.fnames = [&#39; EMAIL &#39;, &#39; FNAME &#39;, &#39; LNAME &#39;, &#39; ADDRESS &#39;, &#39; PHONE &#39;, &#39; BIRTHDAY &#39;];

        window.ftypes = [&#39; email &#39;, &#39; text &#39;, &#39; text &#39;, &#39; address &#39;, &#39; phone &#39;, &#39; birthday &#39;];

    }(jQuery));

    var $mcj = jQuery.noConflict(true);

</script>

<!--*fim da newsletter-->{codeBox}

Para quem deseja implementar uma solução semelhante, disponibilizo o código do formulário de newsletter. Lembre-se de substituir o elemento destacado em amarelo pelo seu próprio identificador.

A próxima etapa foi garantir que o conteúdo do RSS do meu blog estivesse configurado corretamente. O Blogger já possui um gerenciador de RSS embutido, então fiz a verificação e confirmei que estava tudo habilitado.

Retornando ao Mailchimp, encontrei uma página com um atalho para criar a automação de RSS para e-mail. O processo é simples: basta clicar no botão fornecido e seguir o passo a passo indicado.

Com a automação configurada, o próximo passo é manter o blog sempre atualizado. Agora, com tudo em funcionamento, é hora de celebrar o sucesso da automação e desfrutar dos benefícios de ter um blog eficiente e autônomo.

Receba nossas atualizações

* obrigatório

Endereço de e-mail * Seu melhor e-mail