les infolettres

Download Les infolettres

Post on 01-Nov-2014

293 views

Category:

Design

3 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • 1. Infolettre 101 par Valrie Provost MIDI CONFRENCE2014 2 avril 2014
  • 2. Pas de hover (aucune couleur sauf bleu et le soulign par dfaut) Pas de @font-face (utiliser les polices standard systme : Arial, Verdana, Time New Roman, Comic Sans ) Pas de background image, opacity ou RGBA (background plain, aucune frivolit permise!) Pas de display, float, position et compagnies (vive les tableaux!) Pas de style dans le head, seulement inline Shadows, border-radius et first-child : Oubliez a! Source indispensable : http://www.campaignmonitor.com/css/ 2 avril 2014 2 Support (Outlook, Gmail et compagnies) Midi confrence 2014
  • 3. 47% des courriels sont ouverts sur mobile 80% des gens vont supprimer le courriel sil ne saffiche pas bien Les medias-query sont supports : IOS Mail Android Mail Windows Phone 7.5 Blackberry OS7 + Z10 Ne sont pas supports : iPhone Gmail, Mailbox et Yahoo Android Gmail et Yahoo BlackBerry OS5 Windows Mobile 6.1, Windows Phone 7 et 8 https://litmus.com/blog/the-how-to-guide-to-responsive-email-design-infographic 2 avril 2014 3 Support du Responsive Midi confrence 2014
  • 4. Les medias-query seront dclars dans le header entre des balises
  • 5. Obtenir le consentement du destinataire Consentement exprs Consentement implicite Consentement AVANT lenvoi du message Sidentifier Mcanisme dexclusion Sapplique aussi aux rseaux sociaux et messages textes http://www.espresso-media.com/blog/2014/03/19/tout-ce-que-vous-devez-savoir-sur-la-loi-anti-pourriel- c28/?utm_content=bufferbb168&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer http://combattrelepourriel.gc.ca/ http://www.adviso.ca/blog/2013/11/25/loi-c28-antispam/ 2 avril 2014 5 Nouvelle rglementation Midi confrence 2014
  • 6. Consentement exprs : Case cocher NON PRALABLEMENT COCHE indiquant le consentement de la personne recevoir des courriels commerciaux (ex.: lors dun achat) Consentement implicite (entre autres) : Aprs lachat dun produit ou service (2 ans aprs) Aprs une demande de renseignement (6 mois aprs) Si une relation daffaires est en cours 2 avril 2014 6 Consentement exprs et implicite Midi confrence 2014
  • 7. Double Opt-in Envoi dun courriel de confirmation pour sassurer du consentement de la personne. ma connaissance, cest la seule faon sre de prouver le consentement explicite. Segmentation Sassurer dun contenu pertinent et intressant pour le lecteur Formulaire le plus simple possible Personne naime remplir des formulaires et donner des informations prives sur Internet! Bon ratio images/ textes, et alt SUR TOUTES LES IMAGES http://cpconcept.ca/site/marketing-dinfolettres-5-bonnes-pratiques/ http://www.axialdev.com/2011/01/bonnes-pratiques-dans-les-infolettres/ http://www.adviso.ca/blog/2009/07/02/bonnes-pratiques-ergonomiques-pour-les-infolettres-2-de-2-12-bonnes-pratiques/ http://cpconcept.ca/site/marketing-dinfolettres-5-bonnes-pratiques/ 2 avril 2014 7 Bonnes pratiques Midi confrence 2014
  • 8. 2 avril 2014 8 Bonnes pratiques Midi confrence 2014
  • 9. Extension MailChimp de Gravity Form Installer Aller chercher lAPI Key dans MailChimp Si on a des champs spciaux quon veut dans notre MailChimp, on les cr dans les listes. On relie notre formulaire Gravity Form notre liste MailChimp. 2 avril 2014 9 Wordpress + Gravity Form + MailChimp Midi confrence 2014
  • 10. Custom post type dinfolettre On cr notre Custom post type, le client crera une nouvelle infolettre pour chaque envoi. On peut utiliser le champ relation pour aller chercher des articles, vnements ou promotions dj prsents dans le site. On cr notre template de page (ex.: single- infolettre.php), mais on utilise les normes pour les infolettres. Dans MailChimp on cr une nouvelle campagne > Regular OlCampaign. Dans longlet Design, on choisira Import > Import from URL, o on collera lurl de notre infolettre. 2 avril 2014 10 Wordpress + Gravity Form + MailChimp Midi confrence 2014
  • 11. Segmentation On cr notre liste Manage subscribers > Groups On cr nos groupes (as checkboxes, radio ou dropdown) Une fois les groupes crs dans les listes, on peut les relier nos cases cocher de notre formulaire Gravity Form, dans lextension MailChimp. 2 avril 2014 11 Wordpress + Gravity Form + MailChimp Midi confrence 2014
  • 12. Signup Forms Dans les listes > Signup Forms On peut personnaliser lgrement les courriels envoys lutilisateur, comme les courriels de bienvenues, de confirmation dinscription, etc. On peut, en gros, ajouter une image den-tte, changer les polices et les couleurs de fond. Si on ne veut/peut pas utiliser lextension de Gravity Form, on peut embeder le signup form directement dans le site. 2 avril 2014 12 Wordpress + Gravity Form + MailChimp Midi confrence 2014
  • 13. Nos coordonnes www.MEGAVOLT.ca www.facebook.com/MEGAVOLTdesign www.twitter.com/MEGAVOLTdesign 13 Sige social et production Saint-Jean-sur-Richelieu 184, rue Longueuil Saint-Jean-sur-Richelieu (Qubec) J3B 6P1 Demande de renseignements Tlphone : 450 347-8811 Sans frais : 1 877 447-8811 Tlcopieur : 450 347-5826 Courriel gnral : info@megavolt.ca Bureaux de services (sur rendez-vous seulement) Montral 4020, Saint-Ambroise, suite 495 Montral (Qubec) H4C 2C7 Rive-Nord | Mascouche 2694, Chemin Sainte-Marie, bureau 101 Mascouche (Qubec) J7K 1M9

Recommended

View more >