mailchimp : créer des lettres d'information (newsletters) alimentées automatiquement par des...

76
Serge Courrier – Décembre 2014 MailChimp [tutoriel] Concevoir plusieurs lettres d’information automatisées à partir de fils RSS (et proposer une interface d’abonnement unique) ATTENTION. Ne pas utiliser cette méthode avec un lecteur de fil RSS générant des fils RSS « sortants » (InoReader, FeedSpot, Tiny Tiny RSS) pour relayer des articles sélectionnés. En effet, MailChimp prend en compte la date de publication de chaque item et pas la date de sélection. Ainsi, un article publié quelques jours avant sa sélection dans le lecteur de fils RSS ne sera pas inclus dans la lettre d’information du jour.

Upload: serge-courrier

Post on 21-Jun-2015

16.000 views

Category:

Internet


1 download

DESCRIPTION

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.

TRANSCRIPT

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

Serge Courrier – Décembre 2014

MailChimp [tutoriel] Concevoir plusieurs lettres d’information

automatisées à partir de fils RSS

(et proposer une interface d’abonnement unique)

ATTENTION. Ne pas utiliser cette méthode avec un lecteur de fil RSS

générant des fils RSS « sortants » (InoReader, FeedSpot, Tiny Tiny RSS) pour relayer des articles sélectionnés. En effet, MailChimp prend en compte la date de publication de chaque item et pas la date de sélection. Ainsi, un article publié quelques jours avant sa sélection dans le lecteur de fils RSS ne sera pas inclus dans la lettre d’information du jour.

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

RSS2Mail : MailChimp - Serge Courrier - Page 2 sur 76

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 ___________________________________________________________ 15 (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

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

RSS2Mail : MailChimp - Serge Courrier - Page 3 sur 76

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

Importer des abonnés via un fichier ______________________________________________________________________ 69 Formatage des données ____________________________________________________________________________________________ 69 Adresses _________________________________________________________________________________________________________ 70 Importer des valeurs vers des groupes _________________________________________________________________________________ 70 Importer de nouveaux abonnés ______________________________________________________________________________________ 71

Tags/Codes _________________________________________________________________________________________ 74 Tous les tags ______________________________________________________________________________________________________ 74 Codes HTML par défaut pour les RSS Driven Campaigns __________________________________________________________________ 74 Feed _____________________________________________________________________________________________________________ 74 Items ____________________________________________________________________________________________________________ 74 Footer ___________________________________________________________________________________________________________ 74

Tailles d’images ______________________________________________________________________________________ 75 Utilisation avec Google Analytics ________________________________________________________________________ 75

L’Auteur _____________________________________________________________________________________________ 76 Serge Courrier _______________________________________________________________________________________ 76

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

RSS2Mail : MailChimp - Serge Courrier - Page 4 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 5 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 6 sur 76

Une des lettres d’information reçues

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

RSS2Mail : MailChimp - Serge Courrier - Page 7 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 8 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 9 sur 76

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 ?

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

RSS2Mail : MailChimp - Serge Courrier - Page 10 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 11 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 12 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 13 sur 76

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)

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

RSS2Mail : MailChimp - Serge Courrier - Page 14 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 15 sur 76

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).

Néanmoins, si vous souhaitez importer cette liste depuis un fichier, respectez scrupuleusement le les conseils suivants. Nous vous conseillons de faire un export au format texte en choisissant dans Excel le format

« Texte (séparateur : tabulation) (.txt) » Faites en sorte que tous vos titres de colonne et vos données soient dépourvus de caractères

diacritiques (notamment les caractères accentués). Vérifiez (quitte à les modifier) que tous vos intitulés de groupes et que toutes les valeurs associées

sont dépourvus de caractères diacritiques.

(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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 16 sur 76

Réitérez l’opération pour une deuxième personne.

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

RSS2Mail : MailChimp - Serge Courrier - Page 17 sur 76

Visualisez vos abonnés Le menu « Manage subscribers » vous permet d’accéder à la liste de vos abonnés (View subscribers).

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

RSS2Mail : MailChimp - Serge Courrier - Page 18 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 19 sur 76

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).

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

RSS2Mail : MailChimp - Serge Courrier - Page 20 sur 76

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).

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

RSS2Mail : MailChimp - Serge Courrier - Page 21 sur 76

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/merge-tags/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/merge-tags/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…

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

RSS2Mail : MailChimp - Serge Courrier - Page 22 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 23 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 24 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 25 sur 76

Voici les éléments de design (permettant de personnaliser couleurs et caractères

Par exemple le design de la page

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

RSS2Mail : MailChimp - Serge Courrier - Page 26 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 27 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 28 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 29 sur 76

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).

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

RSS2Mail : MailChimp - Serge Courrier - Page 30 sur 76

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/merge-tags/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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 31 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 32 sur 76

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)

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

RSS2Mail : MailChimp - Serge Courrier - Page 33 sur 76

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…

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

RSS2Mail : MailChimp - Serge Courrier - Page 34 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 35 sur 76

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).

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

RSS2Mail : MailChimp - Serge Courrier - Page 36 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 37 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 38 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 39 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 40 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 41 sur 76

Confirmer les choix La page suivante vous rappelle les choix effectuez dans l’élaboration de cette lettre d’information .

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

RSS2Mail : MailChimp - Serge Courrier - Page 42 sur 76

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,

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

RSS2Mail : MailChimp - Serge Courrier - Page 43 sur 76

Saisissez une adresse mail et cliquez sur « Send Test »

Votre messagerie affiche votre lettre d’information.

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

RSS2Mail : MailChimp - Serge Courrier - Page 44 sur 76

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 !

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

RSS2Mail : MailChimp - Serge Courrier - Page 45 sur 76

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é.

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

RSS2Mail : MailChimp - Serge Courrier - Page 46 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 47 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 48 sur 76

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.

Attention : tous vos intitulés de groupes et toutes les valeurs associées doivent être dépourvus de caractères diacritiques (contrairement à ce qui est indiqué dans quelques copies d’écran ci-dessous. Cela poserai problème dans de futures opérations d’import de destinataires.

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 « - ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 49 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 50 sur 76

Ajoutons ensuite un nouveau groupe en réitérant la même opération mais avec des options différentes.

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

RSS2Mail : MailChimp - Serge Courrier - Page 51 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 52 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 53 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 54 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 55 sur 76

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 »

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

RSS2Mail : MailChimp - Serge Courrier - Page 56 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 57 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 58 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 59 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 60 sur 76

Visualiser le formulaire Copiez l’adresse Web de votre formulaire et collez-la dans votre navigateur.

Votre formulaire est prêt à l’emploi.

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

RSS2Mail : MailChimp - Serge Courrier - Page 61 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 62 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 63 sur 76

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 ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 64 sur 76

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

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

RSS2Mail : MailChimp - Serge Courrier - Page 65 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 66 sur 76

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.

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

RSS2Mail : MailChimp - Serge Courrier - Page 67 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 68 sur 76

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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 69 sur 76

Importer des abonnés via un fichier

Formatage des données Il est possible d’importer une liste de destinataires depuis un fichier CSV (« Comma Separated

Value », en français « valeurs séparées par des virgules » ou TXT (format « texte »). Nous vous conseillons de faire un export au format texte en choisissant dans Excel le format

« Texte (séparateur : tabulation) (.txt) »

Attention : faites en sorte que tous vos titres de colonne et vos données soient dépourvus de caractères diacritiques (notamment les caractères accentués).

Attention : vérifiez (quitte à les modifier) que tous vos intitulés de groupes et que toutes les valeurs associées sont dépourvus de caractères diacritiques.

Chaque champ « texte » importé ne doit pas dépasser 255 caractères. Si vous importez un fichier contenant des adresses de site, celles-ci doivent toutes comprendre le

préfixe « http:// ». Les champs de code postal ne peuvent que 5 chiffres.

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

RSS2Mail : MailChimp - Serge Courrier - Page 70 sur 76

Adresses MailChimp conseille que les adresses se trouvent dans la première colonne. Faites attention à ce que vos champs adresses ne contiennent pas d’espace. Tous les adresses mail présentes en de multiples exemplaires seront réduites à une entrée.

Importer des valeurs vers des groupes http://kb.mailchimp.com/lists/growth/import-subscribers-to-a-list

http://kb.mailchimp.com/lists/growth/format-list-fields

http://kb.mailchimp.com/lists/growth/troubleshooting-a-list-import

Vous avez créé des groupes dans Mailchimp ? Vous pouvez faire correspondre des colonnes de votre fichier d’abonnés avec ces groupes.

Chaque colonne correspondra donc à un groupe. L’idéal est que le nom du groupe corresponde précisément à l’intitulé de la première ligne de votre

fichier d’abonnés : attention donc aux majuscules/minuscules, espace, accents, ponctuations. Si une cellule comporte plusieurs valeurs, celles-ci doivent être séparées par une virgule. Dans ses

présentations, MailChimp laisse systématiquement une espace après la virgule. Chat, Chien, Souris

Si une valeur contient une virgule, il faut faire comprendre à MailChimp que la virgule ne doit pas être

traitée comme une séparation entre deux valeurs en faisant précéder la virgule d’un antislash « \ » (à

ne pas confondre avec le « slash » : « / ». Beurre\, œuf et fromages, Vins, Epices

Les valeurs des groupes sont sensibles à la casse (majuscules/minuscules).

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

RSS2Mail : MailChimp - Serge Courrier - Page 71 sur 76

Importer de nouveaux abonnés Dans votre liste, cliquez sur « Add subscribers » puis « Import Subscribers »

Cliquez sur « Import from CSV or TXT file ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 72 sur 76

Cliquez sur « Browse » pour aller récupérer votre fichier sur votre ordinateur.

Cochez la case « Auto-update my existing list (Slows the Import process) » pour permettre à MailChimp de vérifier l’absence de doublon par rapport à votre liste actuelle.

Cliquez enfin sur « Upload list ».

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

RSS2Mail : MailChimp - Serge Courrier - Page 73 sur 76

Dans la fenêtre suivante, mettez en correspondance les colonnes de votre fichier avec celles de votre liste.

A chaque étape, cliquez sur « Save » pour passer à l’étape suivante.

Cliquez enfin sur « Complete Import »

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

RSS2Mail : MailChimp - Serge Courrier - Page 74 sur 76

Tags/Codes

Tous les tags All The Merge Tags : http://kb.mailchimp.com/merge-tags/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|*

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

RSS2Mail : MailChimp - Serge Courrier - Page 75 sur 76

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/integrations/other-integrations/integrate-google-analytics-with-mailchimp

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

RSS2Mail : MailChimp - Serge Courrier - Page 76 sur 76

L’Auteur

Serge Courrier

Mail : [email protected]

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)