Mailchimp : créer des lettres d'information (newsletters) alimentées automatiquement par des fils RSS [tutoriel]
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mailchimp : créer des lettres d'information (newsletters) alimentées automatiquement par des fils RSS [tutoriel]

le

  • 9,355 vues

Un pas à pas pour savoir comment créer des lettres d'information auto-alimentées par fils RSS. Le projet consiste à proposer une interface d'inscription permettant de choisir parmi plusieurs ...

Un pas à pas pour savoir comment créer des lettres d'information auto-alimentées par fils RSS. Le projet consiste à proposer une interface d'inscription permettant de choisir parmi plusieurs thématiques, plusieurs fréquences et plusieurs formats.

Statistiques

Vues

Total des vues
9,355
Vues sur SlideShare
3,876
Vues externes
5,479

Actions

J'aime
12
Téléchargements
109
Commentaires
0

11 Ajouts 5,479

http://www.scoop.it 5399
http://www.entreprise-marketing.fr 53
http://plus.url.google.com 8
http://webcache.googleusercontent.com 3
http://www.google.fr 3
http://getpocket.com 3
https://hootsuite.scoop.it 3
http://translate.googleusercontent.com 3
http://ltpjar.tumblr.com 2
http://jeremyboye.tumblr.com 1
http://flavors.me 1
Plus...

Accessibilité

Catégories

Détails de l'import

Uploaded via as Adobe PDF

Droits d'utilisation

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler
  • Full Name Full Name Comment goes here.
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire

Mailchimp : créer des lettres d'information (newsletters) alimentées automatiquement par des fils RSS [tutoriel] Document Transcript

  • 1. Ce document est réutilisable en respectant les règles de la licence Creative Commons choisie MailChimp [tutoriel] Concevoir plusieurs lettres d’information automatisées à partir de fils RSS (et proposer une interface d’abonnement unique) Mai 2014 - Serge Courrier
  • 2. RSS2Mail : MailChimp - Serge Courrier - Page 2 sur 71 SOMMAIRE Présentation de MailChimp ________________________________________________________________________________ 4 Le projet développé dans ce tutoriel _________________________________________________________________________ 5 Le formulaire d’inscription final_____________________________________________________________________________ 5 Une des lettres d’information reçues ________________________________________________________________________ 6 Avertissement __________________________________________________________________________________________ 7 Inscription _____________________________________________________________________________________________ 7 Initiez votre inscription ___________________________________________________________________________________ 7 Complétez votre inscription________________________________________________________________________________ 9 Créer une liste de destinataires ____________________________________________________________________________ 12 Préliminaires___________________________________________________________________________________________ 12 Création de la liste ______________________________________________________________________________________ 12 Ajout des abonnés à la liste : la fonction d’import _____________________________________________________________ 14 (Ajouter des abonnés à la liste : la méthode manuelle __________________________________________________________ 15 Visualisez vos abonnés___________________________________________________________________________________ 17 Créer une lettre d’information alimentée par un fil RSS__________________________________________________________ 18 Le mode de fonctionnement de MailChimp __________________________________________________________________ 18 Préparer ses fils RSS de test_______________________________________________________________________________ 18 Créer une campagne pilotée par RSS _______________________________________________________________________ 18 Choisir le fil RSS à relayer_________________________________________________________________________________ 19 Choisir les destinataires __________________________________________________________________________________ 20 Préciser les informations de base de la campagne _____________________________________________________________ 20 Choisir son modèle______________________________________________________________________________________ 23 Personnaliser le design __________________________________________________________________________________ 26 Bloc « En-tête » ________________________________________________________________________________________________ 26 Bloc « Image » _________________________________________________________________________________________________ 28 Bloc « RSS Header » (en-tête du fil) _________________________________________________________________________________ 29 Testez l’apparence de votre lettre d’information ______________________________________________________________________ 32 Bloc « RSS Items » (articles) _______________________________________________________________________________________ 34 Bloc « Footer » (pied de page) _____________________________________________________________________________________ 39 Confirmer les choix _____________________________________________________________________________________ 41 Tester la campagne _____________________________________________________________________________________ 42 Version Web et mobile___________________________________________________________________________________________ 42 Version mail ___________________________________________________________________________________________________ 42 Sauvegarder sa campagne sous forme de modèle ______________________________________________________________ 44 Bâtir plusieurs campagnes basées sur le modèle de la première ___________________________________________________ 45 Choisir un modèle préenregistré ___________________________________________________________________________ 45 Créer les autres campagnes_______________________________________________________________________________ 46 Répartir ses destinataires en groupes et segments _____________________________________________________________ 47 De la différence entre Groupes, Segments et Campagnes _______________________________________________________ 47 Créer deux groupes _____________________________________________________________________________________ 47 Segmenter la liste d’abonnés______________________________________________________________________________ 51 Créer un segment_______________________________________________________________________________________________ 51 Attribuer les campagnes aux bons segments __________________________________________________________________ 55 Créer le formulaire d’inscription ___________________________________________________________________________ 56 Choisir le type de formulaire ______________________________________________________________________________ 57 Personnaliser le formulaire _______________________________________________________________________________ 58 Visualiser le formulaire __________________________________________________________________________________ 60 Activer les campagnes (1ère tentative) _______________________________________________________________________ 61 Mettre à jour des préférences des abonnés fictifs ______________________________________________________________ 62 Tentative d’inscription ___________________________________________________________________________________ 62 Activer les campagnes (2e tentative) ________________________________________________________________________ 65
  • 3. RSS2Mail : MailChimp - Serge Courrier - Page 3 sur 71 Annexes______________________________________________________________________________________________ 66 Créer une campagne séparant un flux par catégorie ___________________________________________________________ 66 Créer une nouvelle campagne _____________________________________________________________________________________ 66 Insérer des champs spéciaux accueillant des éléments RSS ______________________________________________________________ 67 Personnaliser les champs des items RSS _____________________________________________________________________________ 67 En choisissant la catégorie________________________________________________________________________________________ 68 Tags/Codes____________________________________________________________________________________________ 69 Tous les tags___________________________________________________________________________________________________ 69 Codes HTML par défaut pour les RSS Driven Campaigns_________________________________________________________________ 69 Feed _________________________________________________________________________________________________________ 69 Items ________________________________________________________________________________________________________ 69 Footer________________________________________________________________________________________________________ 69 Tailles d’images ________________________________________________________________________________________ 70 Utilisation avec Google Analytics___________________________________________________________________________ 70 L’Auteur______________________________________________________________________________________________ 71 Serge Courrier _________________________________________________________________________________________ 71
  • 4. RSS2Mail : MailChimp - Serge Courrier - Page 4 sur 71 Présentation de MailChimp  MailChimp est un service américain permettant de concevoir, d’envoyer et plus généralement d’assurer la gestion de lettres d’information.  Ses forces : proposer des modèles éditables par simple glisser/déposer ; utiliser des éléments variables qui s’adaptent au contexte (par exemple, la date de publication apparait dans le champ objet de la lettre d’information) ; être capable de produire automatiquement des lettres d’informations à partir d’un ou plusieurs flux RSS.  A noter que… La majorité de l’interface est en anglais. En revanche, les messages échangés avec les abonnés sont disponibles en français (et personnalisables). MailChimp est gratuit jusqu’à 2000 abonnés… par compte (pas par lettre, attention !). MailChimp est gratuit jusqu’à 12000 lettres envoyées par mois… et par compte.
  • 5. RSS2Mail : MailChimp - Serge Courrier - Page 5 sur 71 Le projet développé dans ce tutoriel  Il s’agit ici de proposer, à partir d’une seule interface Web, deux lettres d’informations thématiques basées sur deux fils RSS (sachant que la procédure fonctionnera tout aussi bien pour un nombre supérieur de lettres d’information).  Le futur abonné pourra choisir entre une fréquence quotidienne ou hebdomadaire et choisir un format texte ou HTML.  Nous imaginerons que vous êtes un prestataire concevant ce service pour un de vos clients.  Les fils RSS pourraient être générés par votre propre lecteur de fils RSS à partir duquel vous effectuez votre veille. InoReader, Feedspot et Tiny Tiny RSS peuvent en effet générer des fils RSS associés aux tags que vous apposez aux articles jugés intéressants. Le formulaire d’inscription final
  • 6. RSS2Mail : MailChimp - Serge Courrier - Page 6 sur 71 Une des lettres d’information reçues
  • 7. RSS2Mail : MailChimp - Serge Courrier - Page 7 sur 71 Avertissement  Même si le projet est simple dans sa définition, la procédure pour l’obtenir est exigeante. Nous vous conseillons de suivre chaque étape avec attention. Inscription Initiez votre inscription  Connectez-vous sur www.mailchimp.com  Cliquer sur le bouton « Sign Up Free »
  • 8. RSS2Mail : MailChimp - Serge Courrier - Page 8 sur 71  Saisissez votre mail, un nom d’utilisateur et un mot de passe de votre choix, puis cliquez sur « Create My Account »  L’inscription est terminée !  Relevez votre mail. Vous avez reçu un mail de MailChimp. Cliquez sur « Activate Account »
  • 9. RSS2Mail : MailChimp - Serge Courrier - Page 9 sur 71  Prouvez ensuite que vous êtes bien un être humain (et non un robot) en recopiant le CAPTCHA. Puis cliquez sur « Confirm Signup »  Attention, vous devez recopier les DEUX éléments de texte, séparés par une espace ! Complétez votre inscription  Fournissez d’abord vos prénom et nom. Votre mail est déjà renseigné.  Remplissez ensuite la fiche d’information sur votre organisation qui permettra de préconfigurer votre future lettre d’information. Le nombre de personnes employées par votre organisation L’ancienneté de votre organisation Disposez-vous d’une liste d’emails de vos futurs abonnés Mettez-vous en place cette lettre d’information pour le compte d’un client ?
  • 10. RSS2Mail : MailChimp - Serge Courrier - Page 10 sur 71  Les informations suivantes vont permettre à MailChimp d’élaborer le bas de page de votre lettre d’information. Ce bas de page pourra être personnalisé ensuite. Votre raison sociale L’adresse de votre site Web  Si vous ne disposez pas d’un site Web, vous pouvez fournir l’adresse d’une de vos présences sociales : l’adresse de votre Twitter, Page Facebook, Linkedin, Pinterest, etc. Votre adresse postale  Précisez votre secteur d’activité et votre fuseau horaire
  • 11. RSS2Mail : MailChimp - Serge Courrier - Page 11 sur 71  Vous pouvez associer une image à votre profil. Elle doit mesurer au moins 300x300 pixels.  Vous pouvez enfin vous inscrire à une lettre d’information vous permettant, petit à petit, d’améliorer votre connaissance de MailChimp  Cliquez ensuite sur le bouton « Save And Get Started »
  • 12. RSS2Mail : MailChimp - Serge Courrier - Page 12 sur 71 Créer une liste de destinataires Préliminaires  Pour mener des tests convaincants, nous vous encourageons à disposer de trois adresses mail gérées par vous-mêmes. Si vous n’en n’avez pas autant, créez-en chez un fournisseur comme Gmail, Yahoo! Mail, Hotmail, etc.  Le nom de la liste est à choisir avec soin dans la mesure où son nom va apparaître dans certains échanges avec vos futurs abonnés. Nous la nommerons en utilisant le nom de note client fictif : Eztabliz. A vous de choisir le vôtre. Création de la liste  Dans la colonne de gauche, cliquez sur « Lists », puis en haut et à droite de la page sur « Create List »
  • 13. RSS2Mail : MailChimp - Serge Courrier - Page 13 sur 71  Le formulaire suivant vous permet de préciser les informations de base de la liste. Même s’il s’agit d’un exercice, prenez donc l’habitude de jouer la carte de la transparence auprès de vos futurs abonnés et remplissez toutes les cases. Le nom de la liste L’adresse de courrier électronique qui apparaitra comme émetteur des lettres d’information. Le nom qui apparaîtra comme émetteur des lettres d’information (choisissez ici une adresse existante). Rédigez ensuite un petit message qui rappellera à vos abonnés pourquoi ils reçoivent chacune de vos lettres d’information. Nom, adresse et téléphone de la société (ici, votre client fictif)
  • 14. RSS2Mail : MailChimp - Serge Courrier - Page 14 sur 71 Dernier élément : les notifications. Ici, nous choisissons d’être prévenus à chaque nouvel abonnement/désabonnement sous forme d’un résumé mensuel. Cliquez enfin sur le bouton « Save ». Ajout des abonnés à la liste : la fonction d’import  Pour ajouter des abonnés à votre liste vous auriez la possibilité d’en importer la liste à partir d’un fichier Excel, CSV, Texte ou depuis l’un des services partenaires de MailChimp. Mais dans le cadre de ce test, nous commencerons plus modestement par ajouter deux abonnés manuellement (deux de nos adresses). Nous verrons ultérieurement que ce choix nous posera un petit problème, mais facilement corrigeable.
  • 15. RSS2Mail : MailChimp - Serge Courrier - Page 15 sur 71 (Ajouter des abonnés à la liste : la méthode manuelle  En déroulant le menu « Add subscribers », cliquez sur « Add a sudcriber »  Remplissez le formulaire.  Cochez la case qui affirme que vous avez obtenu la permission de la personne pour cette inscription.  Cliquez sur le bouton « Subscribe ».
  • 16. RSS2Mail : MailChimp - Serge Courrier - Page 16 sur 71  Réitérez l’opération pour une deuxième personne.
  • 17. RSS2Mail : MailChimp - Serge Courrier - Page 17 sur 71 Visualisez vos abonnés  Le menu « Manage subscribers » vous permet d’accéder à la liste de vos abonnés (View subscribers).
  • 18. RSS2Mail : MailChimp - Serge Courrier - Page 18 sur 71 Créer une lettre d’information alimentée par un fil RSS Le mode de fonctionnement de MailChimp  Il faut percevoir MailChimp comme un outil au service du marketing ou de la publicité. Il utilise donc le lexique de ces secteurs. Notre lettre d’information est ainsi ramenée à la notion de « campagne » (au même titre qu’une « campagne publicitaire », par exemple).  Nous serons amenés à créer des « groupes » dans notre liste de contact : un groupe « Thématiques » avec comme choix « Economie » et « Sciences » ; un groupe « Fréquence », avec « Hebdomadaire » et « Quotidienne »),  Il faudra aussi créer des « segments » parmis nos abonnés en se basant sur leurs choix de groupes afin de leur proposer plusieurs lettres d’information à partir d’une même interface d’abonnement. Préparer ses fils RSS de test  Nous partirons de deux fils RSS du journal Le Monde dont nous savons qu’ils sont respectueux du format RSS et alimentés très régulièrement : Economie : http://www.lemonde.fr/economie/rss_full.xml Sciences : http://www.lemonde.fr/sciences/rss_full.xml Créer une campagne pilotée par RSS  Dans la colonne de gauche, cliquez d’abord sur « Campaigns », puis sur la petite flèche située à droite de Create Campaign, puis sur « RSS-Driven Campaign ».
  • 19. RSS2Mail : MailChimp - Serge Courrier - Page 19 sur 71 Choisir le fil RSS à relayer  Dans la page qui apparait, collez l’adresse de votre fil RSS (ici le fil Economie)  Décidez ensuite de la fréquence d’envoi de votre lettre d’information. Quotidienne ? Hebdomadaire ? Mensuelle ?  Notez que les anciens items présents actuellement dans le fil RSS ne seront pas envoyés dans votre première lettre d’information s’ils sont plus anciens que la fréquence choisie (24h, 7 jours, 1 mois)  Nous optons pour une lettre d’information quotidienne envoyée à 8h du matin.  Passez à l’étape suivante en cliquant sur le bouton « Next » (en bas et à droite de a page).
  • 20. RSS2Mail : MailChimp - Serge Courrier - Page 20 sur 71 Choisir les destinataires  Pour l’instant, nous allons faire comme si nous voulions envoyer cette lettre d’information à l’ensemble de notre liste de contacts (il faudra ultérieurement l’envoyer à un segment de nos contacts). Maintenez donc la sélection « Send to entire list » puis cliquez sur « Next ». Préciser les informations de base de la campagne  Le formulaire qui s’affiche vous permet de préciser les éléments de base de la campagne. Elle comprend des variables (par exemple *|FNAME|*), une notion capitale à comprendre pour bien utiliser MailChimp (voir ci-après).
  • 21. RSS2Mail : MailChimp - Serge Courrier - Page 21 sur 71 Les variables (Merge Tags) dans MailChimp Les variables sont des éléments qui seront automatiquement remplacés au moment de l’envoi de votre lettre d’information par des informations bien réelles. La liste des variables disponibles est située à l’adresse suivante : http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet - *|FNAME|* sera remplacé par le nom de votre destinataire - *|RSSFEED:TITLE|* par le nom du fil RSS utilisé - *|RSSFEED:DATE|* par la date d’envoi de la lettre d’information  La zone « Email subject » permet de déterminer ce qui apparaîtra dans le champ objet du mail reçu par vos destinataires. Elle comprend des éléments textuels que vous pouvez changer à loisir et des éléments variables que vous pouvez utiliser s’ils vous semblent utiles, paramétrer lorsque c’est prévu ou supprimer. Vous pouvez également utiliser d’autres éléments variables. Pour la zone « Email subject » les variables suivantes sont utilisables : http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet#Subject Nous supprimons |RSSFEED :TITLE|* qui afficherait le nom du fil RSS relayé ici. Nous ne souhaitons pas l’afficher. Pour plus de simplicité, nous ne garderons qu’une variable servant à afficher la date, mais en changeant *|RSSFEED:DATE|* pour *|DATE]* qui a l’avantage de pouvoir être paramétrée pour qu’elle adopte une présentation compatible avec des destinataires français : *|DATE:d/m/Y|* (pour obtenir des dates de type 03/12/2014)  Les autres formats de date disponibles sont présentés à l’adresse suivante : http://us3.php.net/manual/en/function.date.php Ici nous remplaçons donc la proposition de MailChimp par Establiz | Economie | Edition du *|DATE:d/m/Y|*  Notez ci-dessus que la longueur du champ objet a une longueur limitée. Ici, il ne nous resterait que 103 caractères (espaces compris)  La zone « To: » va rester inchangée pour préserver le nom du destinataire  La zone « Name your campaign » est à usage interne (pour vous uniquement). Trouvez-lui donc un titre explicite pour la différencier d’autres campagnes. Par exemple…
  • 22. RSS2Mail : MailChimp - Serge Courrier - Page 22 sur 71  Pour les autres paramètres de la page, nous ne touchons pratiquement à rien, sauf dans la dernière zone « More options » ou nous cochons « Auto-convert vidéo » pour que les vidéos éventuellement insérées dans un item du fil RSS soient visibles dans la lettre d’information.  Cliquez sur « Next » pour passer à l’étape suivante.
  • 23. RSS2Mail : MailChimp - Serge Courrier - Page 23 sur 71 Choisir son modèle  Plusieurs modèles vous sont proposés. Vous pourriez tout à fait choisir des modèles non optimisés pour les fils RSS en intégrant par la suite des variables spécifiques. Nous opterons dans cet exemple pour la solution de facilité en choisissant le modèle « Basic RSS ».
  • 24. RSS2Mail : MailChimp - Serge Courrier - Page 24 sur 71  Le modèle apparaît à gauche. A droite, vous voyez un répertoire d’éléments que vous pouvez placer dans le modèle par simple glisser/déposer. Vous voyez également un onglet « Design » qui vous permet de personnaliser les polices de caractères et les couleurs.  Voici les éléments de contenu disponibles.
  • 25. RSS2Mail : MailChimp - Serge Courrier - Page 25 sur 71  Voici les éléments de design (permettant de personnaliser couleurs et caractères  Par exemple le design de la page
  • 26. RSS2Mail : MailChimp - Serge Courrier - Page 26 sur 71 Personnaliser le design  Nous allons nous employer à éditer ce qui est éditable. Bloc « En-tête »  Survolez la première zone et cliquez sur le bouton « Edit Block »  Utilisez cette zone pour donner un rapide aperçu de votre lettre d’information.  Ici nous remplaçons… Use this area to offer a short preview of your email's content.  Par.. Toute l’actualité économique
  • 27. RSS2Mail : MailChimp - Serge Courrier - Page 27 sur 71  Pour la deuxième zone de cet en-tête, cliquez sur « Column 2 », vous voyez un lien hypertexte. Sélectionnez ce lien, puis ayez la curiosité de voir vers où il pointe en cliquant sur l’icône représentant une petite chaîne.  Le lien pointe donc vers *|ARCHIVE|* qui correspond à l’archive Web de votre lettre d’information hébergée par MailChimp.  Cliquez sur « Remove » (suppression du lien). Saisissez votre nouveau message, par exemple… Visualisez cette lettre d’information dans votre navigateur  Sélectionnez cette phrase, cliquez sur l’icône « Links » puis saisissez la destination avant de cliquer sur le bouton « Insert » *|ARCHIVE|*
  • 28. RSS2Mail : MailChimp - Serge Courrier - Page 28 sur 71 Bloc « Image »  Importez une image de votre choix. La taille prédéfinie est 566 x 182 pixels (mais vous pouvez proposer d’autres tailles.  Vous pouvez effectuer un glissé/déposé de l’image dans a zone ou cliquer sur « Browse ».  Cliquez ensuite sur « Browse for a file ».  Allez chercher l’image sur votre disque dur et cliquez sur « Upload ».
  • 29. RSS2Mail : MailChimp - Serge Courrier - Page 29 sur 71  Une fois importée, vous pouvez éditer cette image en cliquant dans la zone de gauche sur « Edit ». Bloc « RSS Header » (en-tête du fil)  Entrez dans le mode d’édition de l’en-tête.  Dans la colonne de droite, cliquez ensuite sur le menu déroulant ou apparaît « Advanced » et optez pour « Custom » (cela vous permet d’éditer le contenu du bloc).
  • 30. RSS2Mail : MailChimp - Serge Courrier - Page 30 sur 71  Vous obtenez le code ci-dessous, comportant plusieurs variables. Une partie du texte est déjà mis en forme en utilisant des feuilles de style (menu déroulant « Styles »). Vous pouvez tout modifier.  Voici le code mis à plat. Rappelons que la signification des variables se trouve sur la page : http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet Updates from *|RSSFEED:URL|* *|RSSFEED:TITLE|* *|RSSFEED:DESCRIPTION|* In the *|RSSFEED:DATE|* edition: *|MC:TOC|*  La première ligne afficherait l’adresse du fil RSS. Jugeant cette information inutile, nous la supprimons.  La deuxième ligne fournirait le nom du fil. Inintéressant pour notre projet. Nous remplaçons par… Esztabliz | Economie  Nous vérifions que la mise en forme est préservée. Si ce n’est pas le cas, sélectionnez ce texte et appliquez- lui un style « Heading 1 »  La ligne suivante, récupérerai la description du fil RSS (si elle existe). Ici, nous décidons de supprimer également cette information rarement renseignée dans les fils RSS.
  • 31. RSS2Mail : MailChimp - Serge Courrier - Page 31 sur 71  Dans la ligne suivante… In the *|RSSFEED:DATE|* edition:  …nous remplaçons la date de mise à jour du fil (*|RSSFEED:DATE|*) par *|DATE:d/m/Y|* (que nous avions déjà utilisé précédemment). Edition du *|DATE:d/m/Y|*  Nous maintenons (ou réattribuons) la mise en forme en gras  Nous maintenons la variable *|MC:TOC|* qui affichera la table des matières du fil (la liste des titres des articles).  Cliquons enfin sur « Save & Close »
  • 32. RSS2Mail : MailChimp - Serge Courrier - Page 32 sur 71 Testez l’apparence de votre lettre d’information  Cette étape franchie, regardons à quoi ressemble ce début de lettre d’information.  En haut et à droite de la page, cliquez sur « Preview and Test » et choisissez « Enter Preview Mode »  Voici l’apparence du mail (à gauche) et de son affichage dans un smartphone (à droite)
  • 33. RSS2Mail : MailChimp - Serge Courrier - Page 33 sur 71  Vous voulez savoir à quoi ressemble l’en-tête du mail ? Cliquez en haut et à droite sur « View header info ».   Les variables vous gênent ? Cliquez sur « View Live Merge Info ».  Pour refermer la prévisualisation, cliquez sur…
  • 34. RSS2Mail : MailChimp - Serge Courrier - Page 34 sur 71 Bloc « RSS Items » (articles)  De la même manière, le bloc dédié aux articles est personnalisable.  Pour pouvoir appliquer le même traitement à tous les articles, remarquez que certaines variables sont encadrées par *|RSSITEMS:|* et *|END:RSSITEMS|*
  • 35. RSS2Mail : MailChimp - Serge Courrier - Page 35 sur 71  Entre les limites de la boucle, nous préservons *|RSSITEM:TITLE|* qui va reprendre le titre de chaque article.  Vous remarquez que cette variable est également un lien hypertexte. Il pointe vers la variable *|RSSITEM:URL|*. Logique, en cliquant sur le titre de l’article, nous serons emmenés sur l’article d’origine.  Si vous êtes sûr que votre fil RSS relaie les noms des auteurs des articles (mais c’est rare), préservez *|RSSITEM:AUTHOR|* Par *|RSSITEM:AUTHOR|*  La date de l’article est toujours présente donc vous pouvez garder *|RSSITEM:DATE|* mais en la paramétrant de façon à rendre la date compréhensible par un français. Soit… Le *|RSSITEM:DATE:d/m/Y|*  La ligne suivante vise à afficher le texte de l’article *|RSSITEM:CONTENT_FULL|*  Mais vérifiez que le texte est correctement reproduit en effectuant un test (Preview and Test) comme nous avons fait précédemment. Il arrive en effet que le texte déborde de la limite de la colonne. Dans ce cas, il faudra préférer…. *|RSSITEM:CONTENT_FULL_TEXT|* … qui affiche le texte complet en format texte (sans mise en forme).
  • 36. RSS2Mail : MailChimp - Serge Courrier - Page 36 sur 71  D’autres formats sont disponibles. *|RSSITEM:CONTENT|* affiche un extrait du texte au format HTML *|RSSITEM:CONTENT_FULL|* affiche tous le contenu du texte au format HTML *|RSSITEM:CONTENT_TEXT|* affiche le début du texte en format texte  Nous supprimons la ligne suivante, redondante par rapport au lien attaché au titre de l’article. Read in browser »  La ligne suivante permet de faire apparaître des boutons de partage sur des réseaux sociaux. *|RSSITEM:TWITTER|* *|RSSITEM:LIKE|*  Nous préférons utiliser une autre variable, plus flexible. *|RSSITEM:SHARE:Twitter,Facebook,Linkedin|*  Les services disponibles sont : Twitter, Facebook, Digg, Delicious, Reddit, StumbleUpon, DZone, Google, LinkedIn, MisterWong, MySpace, Netvouz, NewsVine, Slashdot, Technorati, YahooMyWeb, BlinkList, Design Float, and Webnews.de
  • 37. RSS2Mail : MailChimp - Serge Courrier - Page 37 sur 71  Maintenez le retour à la ligne avant *|END:RSSITEMS|* : il permet de séparer chaque item du suivant ! Le code suivant… …provoque le résultat suivant :  Nous supprimons le code suivant qui aurait fait apparaître quelques-uns des titres parus dans la lettre d’information précédente. Recent Articles: *|RSS:RECENT|*
  • 38. RSS2Mail : MailChimp - Serge Courrier - Page 38 sur 71  Au final, nous obtenons le code…  Soit le texte suivant (que vous pouvez copier puis remettre en forme). *|RSSITEMS:|* *|RSSITEM:TITLE|* Le *|RSSITEM:DATE:d/m/Y|* *|RSSITEM:CONTENT_FULL|* *|RSSITEM:SHARE:Twitter,Facebook,Linkedin|* *|END:RSSITEMS|*
  • 39. RSS2Mail : MailChimp - Serge Courrier - Page 39 sur 71 Bloc « Footer » (pied de page)  Là, nous allons traduire en français les éléments « en clair » et laisserons les variables intactes.  Si vous voulez vous remémorer (et éventuellement éditer) les informations de contacts fournies précédemment, cliquez sur « Edit Contact Info ».  Le début du texte, une fois traduit va donner… Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, tous droits réservés.  La ligne… Our mailing address is: …sera remplacée par… Notre adresse postale :  Pour le lien « unsubscribe from this list », sachez qu’il pointe vers l’adresse Web : *|UNSUB|* Le texte sera remplacé par… Se désabonner de la lettre d’information  Le lien « update subscription preferences » pointe lui vers : *|UPDATE_PROFILE|* Le texte sera remplacé par Mettre à jour les préférences de votre abonnement
  • 40. RSS2Mail : MailChimp - Serge Courrier - Page 40 sur 71  Le bas de page se présente comme ci-dessous (remarquez que « Add us to your address book » ne peut être retiré).  Cliquez enfin sur « Next »
  • 41. RSS2Mail : MailChimp - Serge Courrier - Page 41 sur 71 Confirmer les choix  La page suivante vous rappelle les choix effectuez dans l’élaboration de cette lettre d’information.
  • 42. RSS2Mail : MailChimp - Serge Courrier - Page 42 sur 71 Tester la campagne Version Web et mobile  En haut et à droite de votre écran, cliquez sur « Preview and Test » et choisissez « Enter Preview Mode ». Version mail  Pour tester la version mail,
  • 43. RSS2Mail : MailChimp - Serge Courrier - Page 43 sur 71  Saisissez une adresse mail et cliquez sur « Send Test »  Votre messagerie affiche votre lettre d’information.
  • 44. RSS2Mail : MailChimp - Serge Courrier - Page 44 sur 71 Sauvegarder sa campagne sous forme de modèle  La structure de cette lettre d’information va nous servir pour les autres. Nous allons donc la sauvegarder sous forme de modèle.  Revenez sur la page principale de MailChimp, cliquez sur « Campaigns » puis sur votre campagne.  Cliquez ensuite sur « Save as Template ».  Nommez votre modèle et cliquez sur « Save ».  Cliquez sur « Return To Campaign ». Spécificités des modèles de campagne Attention, les modèles ne sont pas liés aux campagnes « filles » sur lesquelles elles seraient basées. Donc, modifier un élément du modèle n‘impactera pas les campagnes filles !
  • 45. RSS2Mail : MailChimp - Serge Courrier - Page 45 sur 71 Bâtir plusieurs campagnes basées sur le modèle de la première  L’objectif est, rappelons-le, de laisser le choix au potentiel abonné de choisir entre deux lettres d’informations thématiques (l’une et/ou l’autre) au moment de l’inscription.  Nous allons créer une deuxième lettre d’information basée sur la première.  Nous ne détaillerons que le moment où l’on appliquera le modèle personnalisé, sauvegardé ci-avant.  Nous allons donc simplement partir d’un nouveau fil RSS : http://www.lemonde.fr/sciences/rss_full.xml et adapter la procédure en fonction du nom de cette nouvelle campagne (ici, « Eztabliz | Sciences »).  Retournez donc (si besoin) à la section « Créer une lettre d’information alimentée par un fil RSS » ci-avant et arrêtez-vous au moment de choisir le modèle. Choisir un modèle préenregistré  Après la première phase de construction de la lettre d’information, au moment de choisir le modèle, cliquez sur l’onglet « Saved Template », puis sélectionnez le modèle sauvegardé.
  • 46. RSS2Mail : MailChimp - Serge Courrier - Page 46 sur 71  Adaptez ensuite le modèle à cette nouvelle campagne.  Ici, seul le titre sera à adapter (d’où l’intérêt d’avoir créé ce modèle !).  Terminez la définition de votre campagne comme la précédente ! Créer les autres campagnes  Nous avons besoin pour la suite de créer deux campagnes supplémentaires - hebdomadaires - pour chaque fil RSS. Suivons la même voie, jusqu’à avoir créé les quatre campagnes.
  • 47. RSS2Mail : MailChimp - Serge Courrier - Page 47 sur 71 Répartir ses destinataires en groupes et segments De la différence entre Groupes, Segments et Campagnes  Pour que nos abonnés puissent déterminer par eux-mêmes s’ils veulent s’abonner à l’une et/ou à l’autre de nos lettres d’information, il va falloir préparer le terrain en créant autant de groupes que de choix à leur proposer. Ici, un groupe « Thématique » et un groupe « Fréquence ».  Si l’on se représente notre liste d’abonnés par un tableau (une ligne par abonné), chaque groupe va représenter une colonne. Par exemple, une colonne « Thématique » (pouvant prendre ici les valeurs « Economie » et « Sciences ») et une colonne « Fréquence » (à laquelle on associerait la valeur « Hebdomadaire » ou « Quotidienne »).  Mais ce n’est pas fini. Une fois les groupes créés, il faudra découper notre liste de destinataires en « segments ». Chaque segment peut être associé à une ou plusieurs valeurs d’un ou plusieurs groupes. Un segment rassemblera par exemple les abonnés ayant fait le choix « Economie » et « Hebdomadaire ».  Chaque segment pourra enfin être associé à une campagne. Créer deux groupes  Nous allons créer deux groupes : l’un permettant de choisir « Economie » et/ou « Sciences » et l’autre entre « Quotidienne » et « Hebdomadaire »  Cliquez sur la section « Lists » puis sur « Manage subscribers » et enfin sur « Groups »
  • 48. RSS2Mail : MailChimp - Serge Courrier - Page 48 sur 71  A droite, cliquez sur « Create Groups ».  Au sein de la page qui apparaît, la zone « Group title » vous sert à saisir une phrase qui apparaîtra sur le formulaire d’inscription à votre mettre d’information. Rédigez-la de manière à guider votre usager. La zone « Group names » vous sert à choisir les différentes options qui s’offriront à vos abonnés.  Ici, nous opteront pour les indications suivantes. Comme nous n’avons besoin que de deux choix, nous supprimons un des champs en cliquant sur le bouton « - ».
  • 49. RSS2Mail : MailChimp - Serge Courrier - Page 49 sur 71  Nous choisissons parmi les modes de présentation des options. Ici, nous souhaitons que les futurs abonnés puissent choisir l’un et/ou l’autres des lettres d’information… donc nous gardons « As checkboxes (people can select more than one) ».  Cliquez sur « Save ».  Nous alimenterons les groupes ensuite, cliquez donc sur « Done For Now »
  • 50. RSS2Mail : MailChimp - Serge Courrier - Page 50 sur 71  Ajoutons ensuite un nouveau groupe en réitérant la même opération mais avec des options différentes.
  • 51. RSS2Mail : MailChimp - Serge Courrier - Page 51 sur 71 Segmenter la liste d’abonnés  Nous allons découper notre liste d’abonnés en 4 segments qui recouvriront les différentes possibilités de choix thématiques et de fréquence d’envoi.  Nous ferons en sorte également que ces segments soient « dynamiques », c’est-à-dire que la liste des abonnés puisse être mise à jour automatiquement en fonction des nouvelles réponses au formulaire d’inscription. Créer un segment  Cliquez sur « Manage subscribers » puis sur « Segments »  Cliquez sur « Create Segment ».
  • 52. RSS2Mail : MailChimp - Serge Courrier - Page 52 sur 71  Les quatre listes vont être créées en fonction de la réponse à certains critères. Une première liste va regrouper les abonnés qui ont répondu « Economie » ET « « Quotidienne ».  Une fois cette première « condition » remplie, nous en ajoutons une seconde.
  • 53. RSS2Mail : MailChimp - Serge Courrier - Page 53 sur 71  Nous précisions le choix dans le deuxième groupe.  Au final, cliquez sur « Preview segment ».  Aucun abonné actuel ne répond à ce segment. Cliquez sur « Save Segment ».
  • 54. RSS2Mail : MailChimp - Serge Courrier - Page 54 sur 71  Nommez votre segment de manière explicite et laissez cochée la case « Auto-Update » pour que la liste des abonnés du segment se mette à jour automatiquement en fonction des réponses fournies sur le formulaire d’inscription.  Cliquez enfin sur « Save ».  Effectuez la même opération pour les 3 autres segments.
  • 55. RSS2Mail : MailChimp - Serge Courrier - Page 55 sur 71 Attribuer les campagnes aux bons segments  Lors de la création des campagnes, nous ne les avions pas associées aux segments ad hoc. Pour y remédier, il nous faut simplement rouvrir chacune des campagnes et leur attribuer le segment correspondant dans la section.  Commençons par éditer la première campagne.  Accédons ensuite à l’édition « List »
  • 56. RSS2Mail : MailChimp - Serge Courrier - Page 56 sur 71  Choisir ensuite « Send to a saved segment ». Désignez le segment correspondant dans le menu déroulant avant de cliquer sur « Save and Exit »… et de passer à la campagne suivante. Créer le formulaire d’inscription  L’idée est désormais de construire un formulaire qui permette à chaque abonné potentiel de choisir le thème et la fréquence de distribution de sa (ses) lettre(s) d’information.  Cliquez sur « Lists », choisissez votre liste et cliquez sur « Signup forms ».
  • 57. RSS2Mail : MailChimp - Serge Courrier - Page 57 sur 71 Choisir le type de formulaire  MailChimp vous propose plusieurs types d’interface d’abonnement. Ici nous choisissons un simple formulaire en ligne.  Cliquez sur « General Forms » (remarquez néanmoins qu’il existe des formulaires à « enchâsser » dans vos pages Web, dans vos blogs WordPress, dans votre page Facebook, etc.).  Choisissez « Sign up form »  Mais remarquez les autres formulaires (générés automatiquement, mais éditables) qu’il faudra vérifier ultérieurement pour que l’écosystème de vos lettres d’informations soit complet.
  • 58. RSS2Mail : MailChimp - Serge Courrier - Page 58 sur 71 Personnaliser le formulaire  Tout d’abord, permettez à vos abonnez d’opter pour une lettre d’information en texte brut.  Ensuite, portez-vous directement sur l’onglet « Translate it ».  Dans le menu déroulant « set default language », choisissez « french ».  Si besoin, personnalisez les messages proposés par défaut.  Cliquez sur « Save Translations Settings ».
  • 59. RSS2Mail : MailChimp - Serge Courrier - Page 59 sur 71  Revenez sur l’onglet « Build it ».  Vous pourriez tout à fait ajouter un champ par glisser/déposer depuis la zone de droite (surmontée par « add a field »).  S’il s’agit juste de modifier le nom des champs, cliquez dans la zone de gauche sur le champ à modifier, puis modifiez dans la colonne de droite le titre, le contenu ou les propriétés du champ. Puis cliquez sur « Save Field » avant de passer au champ suivant.
  • 60. RSS2Mail : MailChimp - Serge Courrier - Page 60 sur 71 Visualiser le formulaire  Copiez l’adresse Web de votre formulaire et collez-la dans votre navigateur.  Votre formulaire est prêt à l’emploi.
  • 61. RSS2Mail : MailChimp - Serge Courrier - Page 61 sur 71  Rappelons que vous pouvez en parallèle créer un formulaire d’inscription à « enchâsser » (embed) dans vos une de vos pages Web. Activer les campagnes (1ère tentative)  Nos lettres d’information sont prêtes à l’emploi. Il nous faut encore les activer.  Mais le fait que nous ayons utilisé deux adresses mail de test avant de créer nos groupes d’envoi a perturbé MailChimp. Il faut mettre à jour les préférences de ces deux adresses.
  • 62. RSS2Mail : MailChimp - Serge Courrier - Page 62 sur 71 Mettre à jour des préférences des abonnés fictifs Tentative d’inscription  Pour chaque abonné-test, connectez-vous sur le formulaire d’inscription, remplissez-le et cliquez sur « Inscrivez-vous à la liste ».
  • 63. RSS2Mail : MailChimp - Serge Courrier - Page 63 sur 71  Ici nous avons utilisé un de nos mails de test. Donc MailChimp nous indique qu’il est déjà inscrit !  Nous cliquons donc sur « Cliquez ici pour mettre votre profil à jour ».  Le destinataire reçoit un mail et doit cliquer sur « Mettre à jour vos préférences ».
  • 64. RSS2Mail : MailChimp - Serge Courrier - Page 64 sur 71  Le formulaire réapparait. Il suffit de le compléter et de cliquer sur « Mise à jour du profil »  Une confirmation apparaît !  Effectuez la même opération pour l’autre abonné-test
  • 65. RSS2Mail : MailChimp - Serge Courrier - Page 65 sur 71 Activer les campagnes (2e tentative)  La séquence suivante est à répéter pour chacune de vos campagnes Entrez en mode édition. Accédez à la section « Confirm » Cliquez en bas et à droite de la page sur « Start RSS ». Puis sur « Start campaign »  Les premiers mails seront envoyés à la prochaine date et heure correspondant au rythme d’envoi de chaque lettre d’information.
  • 66. RSS2Mail : MailChimp - Serge Courrier - Page 66 sur 71 Annexes Créer une campagne séparant un flux par catégorie  Pour créer une lettre d’information relayant deux flux d’actualités issues d’un même fil, mais différenciées par les catégories/tags auxquelles elles sont été attribuées. Créer une nouvelle campagne  Depuis l’écran « Campaigns », créez une lettre d’information de type « RSS Driven Campaign » et choisissez u thème 2 columns  Après avoir placé l’image principale, nous allons supprimer les deux zones de contenu pour personnaliser l’ensemble.
  • 67. RSS2Mail : MailChimp - Serge Courrier - Page 67 sur 71 Insérer des champs spéciaux accueillant des éléments RSS  A l’aide du sélectionneur de contenu, déposez un « RSS header » dans la zone du haut et deux « RSS items » en bas. Personnaliser les champs des items RSS  Ouvrez la page qui contient tous les tags disponibles : All The merge tags  Positionnez-vous sur la rubrique « Merge Tags for « RSS Driven campaigns » et descendez jusqu’à « Merge tags for RSS items »  Revenez sur votre modèle et éditez la première zone destinée à recevoir votre première catégorie de fils. *|FEEDBLOCK:http://une-ou-deux-minutes.blogspot.com/feeds/posts/default?alt=rss|* *|FEED:http://une-ou-deux-minutes.blogspot.com/feeds/posts/default?alt=rss[$category=RD]|* *|END:FEEDBLOCK|* *|FEEDBLOCK:http://une-ou-deux-minutes.blogspot.com/feeds/posts/default?alt=rss|* *|FEED:http://une-ou-deux-minutes.blogspot.com/feeds/posts/default?alt=rss[$category=RD]|* *|END:FEEDBLOCK|*
  • 68. RSS2Mail : MailChimp - Serge Courrier - Page 68 sur 71 En choisissant la catégorie  Exemple 1 *|FEEDBLOCK:http://une-ou-deux-minutes.blogspot.com/feeds/posts/default?alt=rss|* *|FEEDITEMS:http://une-ou-deux- minutes.blogspot.com/feeds/posts/default?alt=rss[$category=Produits]|* *|FEEDITEM:TITLE|* *|FEEDITEM:CONTENT_TEXT|* *|END:FEEDITEMS|* *|END:FEEDBLOCK|*  Exemple 2 *|FEEDBLOCK:http://www.michel-edouard-leclerc.com/category/distribution/feed/|* *|FEEDITEMS:http://www.michel-edouard-leclerc.com/category/distribution/feed/|* *|FEEDITEM:TITLE|* *|FEEDITEM:CONTENT_TEXT|* *|SHARE:twitter,facebook,linkedin|* *|END:FEEDITEMS|* *|END:FEEDBLOCK|*
  • 69. RSS2Mail : MailChimp - Serge Courrier - Page 69 sur 71 Tags/Codes Tous les tags  All The Merge Tags : http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet Codes HTML par défaut pour les RSS Driven Campaigns Feed Updates from *|RSSFEED:URL|* <h1>*|RSSFEED:TITLE|*</h1> <strong>*|RSSFEED:DESCRIPTION|*</strong><br /> <br /> <strong>In the *|RSSFEED:DATE|* edition:</strong><br /> *|MC:TOC|*<br /> Items Excerpts: *|RSSITEMS:|* <h2 class="mc-toc-title"><a href="*|RSSITEM:URL|*" target="_blank">*|RSSITEM:TITLE|*</a></h2> *|RSSITEM:CONTENT|* <br /> <a href="*|RSSITEM:URL|*" target="_blank">Read on &raquo;</a><br /> <br /> *|END:RSSITEMS|* Footer Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, Tous droits réservés. *|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|* Notre adresse : *|HTML:LIST_ADDRESS_HTML|* *|END:IF|* se désabonner de la lettre d'information mettre à jour les préférences d'abonnement *|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
  • 70. RSS2Mail : MailChimp - Serge Courrier - Page 70 sur 71 Tailles d’images  Pre-header area: 560px  Body area for 1 column templates (no sidebar): 560px  Social bar and utility bar: 560px  Header: 600px  Body area (with sidebar): 350px  Sidebar: 160px  2 column: 260px  3 column: 160px  4 column: 110px  Footer left: 370px  Footer right: 170px Utilisation avec Google Analytics  http://kb.mailchimp.com/article/how-do-i-use-google-analytics-with-mailchimp
  • 71. RSS2Mail : MailChimp - Serge Courrier - Page 71 sur 71 L’Auteur Serge Courrier Mail : serge.courrier@pobox.com Twitter : http://twitter.com/secou Twitter (spécial RSS) : http://twitter.com/secou_rss Scoop.it : www.scoop.it/u/serge-courrier Facebook : www.facebook.com/serge.courrier Google+ : https://google.com/+SergeCourrier Linkedin : http://fr.linkedin.com/in/sergecourrier Viadeo : http://www.viadeo.com/fr/profile/serge.courrier Slideshare : http://www.slideshare.net/serge.courrier  Journaliste spécialisé, il traite depuis 1990 de sujets liés à Internet et à l’Intelligence économique pour des magazines spécialisés et grand public. Il a précédemment occupé les postes de rédacteur en chef adjoint de Génie Industriel, Science et Vie Micro (SVM) et Micro Hebdo.  Formateur, il enseigne depuis 1996 les stratégies de recherche et de veille via Internet. Professeur à l’École Européenne d’Intelligence Économique (EEIE), Intervenant à l’association des professionnels de l’information (ADBS), chargé de cours à l’Institut national des techniques documentaires (INTD), il assure également la formation des rédactions de France Télévisions.  Consultant, il intervient depuis 2005 auprès d’entreprises et d’organismes publics, pour développer leurs outils et stratégies de recherche et de veille, ainsi que leurs usages avancés d’Internet.  Auteur, il a publié un guide de 500 pages sur les outils, les usages et les méthodes de recherche via Internet (Internet pour les journalistes, Victoire Éditions, 2004), deux guides pratiques sur la syndication de contenu (Utiliser les fils RSS et Atom, février 2008, ADBS ; Produire des fils RSS et Atom, mars 2009, ADBS). A collaboré à Le Web 2.0 en bibliothèque. Quels services ? Quels usages ? (Le Cercle de la librairie, 2009)