Comment créer une Newsletter avec Mailchimp et l’intégrer à son blog

Mailchimp

Lorsque l’on commence à bloguer et que l’on a très peu de visiteurs, investir dans un système de newsletter tel que Aweber (qui coûte une vingtaine d’euros par mois) semble être légèrement disproportionné, malgré les possibilités offertes par le service.

Heureusement, il existe des systèmes de newsletter assez complet et gratuit jusqu’à un certain nombre d’abonnés. Après de nombreux tests et essais, j’en conviens que le meilleur reste Mailchimp.


 

 Créez votre formulaire de Newsletter Mailchimp

Une fois vous être inscrit à MailChimp, rendez-vous dans l’onglet « lists » (en haut à droite) et cliquez sur « Create List« .

Create list mailchimp

Commencez par attribuer un nom à votre liste pour l’identifier et indiquez dans « Default From Name » le nom de votre blog pour que vous abonnez saches d’où vient le mail. Exemple: Newsletter – Le Journal du Blogueur.

Dans le champ « Default Reply-To Email« , entrez une adresse mail à laquelle vous abonnez pourront vous répondre.

Personnalisez le « Default Subject » de façon réfléchie, toujours pour que l’on sache d’où provient le mail, et remplissez le reste des champs requis.

Une fois l’ensemble sauvegardé, cliquer sur: « Design Signup Forms » sous « Create List » et sélectionnez votre liste.

Vous arrivez maintenant sur l’interface qui vont permettre de personnaliser votre newsletter.

 –

Dans  l’onglet « Build it« , vous aurez la possibilité d’ajouter des champs (requis ou non) tel que le nom, le prénom ou encore le site web.

Dans la partie « Design it » , vous pourrez personnaliser les couleurs de votre formulaire à votre guise, partie par partie ou en attribuant directement un thème prédéfini.

Comme son nom l’indique, « Translate it » vous permettra de traduire votre formulaire, faites-le avec soin et traduisez chaque élément.

L’onglet « Share it » permet de partager son formulaire sur les réseaux sociaux ou sur la page de votre choix. une fois votre formulaire prêt, cliquez sur: « Create Form Embed Code« , sélectionnez « Classic form« , réglez les options à votre guise et copiez le code situé en bas de la page, nous en aurons besoin pour intégrer le formulaire dans un widget.

 

Intégrer le formulaire sur votre blog.

 Nous allons voir ici comment ajouter une page « Newsletter » sur le blog, qui renvoie au formulaire d’inscription comme ceci:

Newsletter intégration blog mailchimp

Rendez-vous maintenant sur votre blog WordPress. Dans l’interface d’administration, cliquez sur « ajouter une page« .

Créez une page nommée « Newsletter » et assurez-vous bien que l’URL fasse: http://www.votreblog.fr/newsletter

Ajoutez maintenant votre page au menu situé en haut de votre blog (onglet Apparence/Menus)

Pour permettre aux visiteurs d’accéder directement à votre formulaire en cliquant sur le lien, il va vous falloir faire une redirection vers le module de newsletter. Pour cela, télécharger le plug-in « Page Link to » est installez-le.

Retournez sur la page que vous avez créée précédemment et chercher l’encart correspondant au plugin. cochez « an alternate URL » et indiquez l’URL de votre newsletter qui devrait avoir la forme suivante: « http://eepurl.com/?votrenewsletter?

Enregistrer la page et fait un test, si tout s’est bien passé vous devriez arriver sur votre formulaire en cliquant sur la page « Newsletter » située sur votre blog.

Intégrer le formulaire dans un widget

 Nous allons voir ici comment intégrer le formulaire dans un widget comme ceci:

Intégrez le formulaire dans un widget

Pour pouvoir intégrer le formulaire dans un widget, reprenez le code que vous aviez mis de côté tout à l’heure (sur le site de mailchimp) et copiez-le simplement dans un widget « Texte« 

Faites ensuite les modifications nécessaires dans le code pour traduire les boutons et rendre tout ça plus attrayant.

 

Vous pouvez aussi vous inscrire à ma Newsletter pour recevoir les derniers articles parus sur le blog !

N’hésitez pas à demander de l’aide dans les commentaires 😉

17 Comments

  1. Jérémi
    Jérémi12-09-2012

    Salut Loïc,

    J'utilise Aweber (20 dollars par moi en fait, environ 15 euros) même si je n'ai pour l'instant qu'un petit blog (moins d'un an d'existence et environ 200 inscrits).

    Comme c'est sans doute disproportionné dans l'immédiat, sais-tu s'il y a moyen de migrer la liste des inscrits d'Aweber vers Mailchimp ?
    Jérémi Articles récentsEmbarquez pour un tour d’horizon du monde végétal : les 2 classifications (partie 1)

    • Loic
      Loic12-10-2012

      Salut Jérémie,

      200 inscrits, c'est déjà pas mal du tout, je suis loin du compte !

      J'ai entendu parler d'un moyen pour Transférer ses inscrits, je vais essayer de retrouver ça.

  2. LOICTAP
    LOICTAP12-15-2012

    Bonjour,

    Je pense que si on souhaite démarrer un business sur internet, on doit faire certains investissements pour anticiper et ne pas rencontrer de problèmes comme toi Jérémie, qui est la migration d'un compte à un autre…

    J'utilise Aweber et j'en suis très satisfait !
    LOICTAP Articles récents14 Etapes pour analyser un blog concurrent et lancer votre blog ?

  3. Adnane LeGeek
    Adnane LeGeek02-02-2013

    Salut, Merci pour ton article, je me demandais si c’était possible de programmer un auto répondeur ou envoyer des Podcasts avec Mailchimp ?
    Adnane LeGeek Articles récentsQuel CMS choisir [Formation partie 3]

    • Loic
      Loic02-02-2013

      Salut,

      Oui, c’est possible comme avec Aweber, mais à partir du moment où tu passe à l’auto répondeur, tu doit payer un forfait, logique d’un coté.

      A bientôt

  4. Pelmaaa
    Pelmaaa01-19-2014

    Hello,

    J’aimerais savoir si avec ce système, on peut ensuite envoyer des emails à nos inscrits?

    Merci pour ce tuto

  5. romain
    romain05-29-2014

    Bonjour,
    super article! merci
    Juste une chose : alors que le formulaire fonctionne très bien depuis la page Newsletter; le widget, en revanche, dans lequel j’ai recopié le code depuis mailchimp rencontre un problème : le formulaire apparait normalement sur le coté du site en page d’accueil, sauf qu’une fois l’adresse mail et le nom indiqués, il ne se passe absolument rien quand on clique sur le bouton « s’inscrire » pour finaliser son inscription! comme si le bouton était désactivé! Bien embêtant ça!

    • Charlotte
      Charlotte01-28-2015

      Bonjour Romain,
      J’ai le même problème,
      as-tu trouvé une solution ?
      Merci
      Charlotte

    • Loic
      Loic02-01-2015

      Bonjour,

      C’est un problème d’intégration, essayez de régénérer un nouveau code ou utilisez le plugin Mailchimp 😉 !

  6. Charlotte
    Charlotte01-28-2015

    Bonjour,

    Quand vous dites « Faites ensuite les modifications nécessaires dans le code pour traduire les boutons  »
    Que faut-il faire ?
    Merci,
    Charlotte

    • Loic
      Loic02-01-2015

      Dans le code que vous copiez dans votre widget « texte », vous trouverez les mots en anglais, remplacez-les simplement par l’équivalent en français.

  7. Anne-Claire
    Anne-Claire02-09-2015

    Bonjour,

    Savez-vous s’il possible d’intégrer un formulaire d’inscription à une liste Mailchimp directement dans le corps d’un mail ? J’ai essayé de coller le code des différentes options de formulaire disponibles mais les questions fermés (avec cases à cocher) ne s’activent pas.
    Merci beaucoup.

    Anne-Claire

    • Loic
      Loic03-01-2015

      Bonjour,

      Il doit exister une option « HTML » ou quelque chose qui passerais dans les e-mails, c’est certain.

  8. Ayoub Agouzil
    Ayoub Agouzil09-29-2015

    Merci pour ce tutoriel, j’ai une petite question, est-ce que c’est pareil pour Blogger??

    • Loic
      Loic09-29-2015

      Bonjour,

      Je ne pense pas, il faudrait essayer !

  9. Claire
    Claire02-23-2016

    Bonjour Loic,

    J’ai créé mon infolettre sur Mailchimp, intégré le bouton et tout et tout sur mon site, ça fonctionne très bien ! Merci 🙂
    J’aimerais savoir comment archiver les infolettres sur une page de mon site, pour que les nouveaux arrivants puissent y avoir accès s’ils le souhaitent. La seule URL que je trouve sur Mailchimp ne fonctionne que si l’utilisateur possède un compte Mailchimp…
    As-tu une autre solution ?
    Merci !
    Claire

Laisser un commentaire

Cochez cette case et partagez vos articles !