Si vous souhaitez créer votre template graphique de A à Z et customiser votre email, une condition deviendra nécessaire : il va vous falloir maîtriser les langages du web spécifiques à l’emailing.

La formation « créer son template d’email » vous donnera les clés pour traduire en langage HTML et CSS le modèle graphique que vous aurez préparé sous Photoshop. Au menu également : l’adaptation du mail aux tablettes et smartphones, ainsi que les fonctions de tracking, et les logiciels ou extensions leaders du marché.

Les Objectifs
de la formation créer son template d’email

01Créer et préparer

ses éléments de design et de contenus images ;

02Savoir structurer

sa page en HTML avec les tables ;

03Utiliser les styles CSS3

pour mettre en forme ;

04Concevoir une newsletter responsive

avec les Media Queries (adaptable smartphones & tablettes) ;

05Paramétrer son emailing

Dans le logiciel et sur le serveur ;

06Tester et débugger

sa campagne ;

La Formation créer son template d’email 
en détails : contenus, dates et prix

Dernière actualisation le 16 septembre 2022

Public concerné

Toute personne souhaitant créer des emails personnalisés en recourant à Photoshop pour le template, puis à HTML pour l’intégration technique, compatible avec toutes les solutions actuelles d’emailing

Profils : webmasters, graphistes, webdesigners ou chargés de communication

Cette formation n’est ni certifiante, ni éligible au CPF, elle ne peut faire l’objet que d’une formation dite intra (prise en charge au titre du plan de formation entreprise – renseignements auprès de votre OPCO ou de votre conseil comptable)

Pré-requis
  • Avoir un bon niveau de pratique en informatique et avoir réalisé au préalable un zoning ou une maquette sous Photoshop ou Gimp.
Nombre de stagiaires par session
  • De 1 à 6 en intra
formation en intra-entreprise

Les apports professionnels de la formation template emailing

La formation template emailing a pour objectif de transformer votre maquette Photoshop en emailing très personnalisé. Elle se tient sur 3 jours non contigus afin d’apprendre le code en douceur. Elle nécessite que vous construisiez, puis fassiez valider votre maquette graphique avant le 1er jour.

Jour 1 : immersion technique dans les langages du web

Le 1er jour de formation rappelle les bases de l’emailing classique et en expose les limites techniques. Seul le recours à HTML et CSS permettra de nouvelles libertés créatives. Le formateur présente alors l’environnement technique et logiciel pour apprendre à créer ses emails et les déployer simplement.

La 2e partie de matinée s’intéresse à la sémantique du code HTML spécifique aux emails. Les stagiaires assimileront toutes les notions avec des exercices d’application justement dosés, sous environnement logiciel Dreamweaver.

Après avoir dressé un bref rappel des règles du design, l’après-midi se consacre plutôt à l’analyse de templates. Les stagiaires apprendront à « découper » leurs conceptions graphiques pour anticiper le montage de l’email : images, arrière-plans et polices en seront les briques élémentaires.

Une fois les « briques » obtenues, le formateur fait le point sur la structure de page web dédiée à l’emailing. Il s’agit d’insérer les contenus et de les hiérarchiser dans des tableaux, tout en pensant aux comportements dits responsives.

Contenu formation emailing html
Contenu formation Dreamweaver jour 1

Jour 2 : les CSS dédiés au template d’email

Au matin du 2e jour, les stagiaires sont toujours sur Dreamweaver. La 1re notion concerne l’hébergement de fichiers à distance via le protocole FTP. Puis les stagiaires s’initieront aux CSS en ligne pour commencer à mettre en page l’emailing et lui donner un aspect beaucoup plus graphique. Le formateur s’appuie sur son expérience pour conseiller les apprenants et leur éviter les pièges usuels du métier d’intégrateur.

L’après-midi est entièrement dédié à un « gros » morceau : l’apprentissage des média queries et l’affichage des informations selon la résolution d’écran. Le cours est ponctué de nombreux petits exercices permettant de monter petit à petit son email.

Jour 3 : configuration et envoi de l’email personnalisé

En début de journée, les participants entrent en formation avec le montage de leur email terminé. Une 1re plage horaire est dédiée aux retours d’expérience et à la levée des éventuelles difficultés rencontrées. Puis le cours se poursuit avec la publication de la page miroir, les tests navigateurs et l’insertion – absolument essentielle – d’un tracking pour le suivi statistique.

Au retour de la pause, les participants pourront utiliser un des outils pour envoyer leur emailing : Sarbacane, MailChimp, ou Sendblaster (à décider collégialement avant la formation). Ils configureront l’outil pour y importer leur template HTML et gérer les aspects légaux. La suite de la formation consiste à tester les envois et débugger les défauts d’affichage les plus courants.

En fin de journée, le formateur expose l’intérêt de faire de la « pub » pour son emailing, et indique comment insérer un formulaire d’inscription dans son site, sur Facebook etc.

Contenu formation emailing HTML

Admission à la formation créer son template d'email :

  • Entretien préalable avec le formateur, pour évaluer les besoins précis, ainsi que le niveau sur Photoshop ou Gimp
  • Test d’entrée sur Photoshop via questionnaire, et analyse des fichiers templates, à envoyer avant la formation
  • Disposer d’un logiciel d’emailing ou de messagerie, ainsi que de la licence Dreamweaver (le recours à Notepad ++ demandera une réadaptation du programme)
  • Nécessité d’amener son ordinateur portable pour les séquences pratiques
Un doute sur votre besoin de formation ?

Utilisez notre questionnaire pour faire le tour de vos acquis actuels et anticiper vos besoins de formation

Accéder au questionnaire
Formation HTML et CSS pour les débutants
Durée
  • 3 jours, soit 21h00.
  • 60% de théorie, 40% de pratique.
Date et horaires de la prochaine formation

Pas de date programmée pour le moment
Horaires : 9h-12h30 / 14h-17h30

Demander une nouvelle session
Délais d'accès

Formation inter déjà programmée :

  • 10 jours ouvrés avec un auto-financement ;
  • 4 semaines minimum avec un financement externe, selon délais d’instruction des dossiers de financement chez votre OPCO.

Formation intra :

  • 4 semaines minimum avec un auto-financement ;
  • 5 à 10 semaines en cas de financement avec votre OPCO.
Préinscription à la formation
  • Formation inter-entreprise : 3 jours 1890€HT
    6 places restantes
  • Formation intra-entreprise : 3 jours 3255€HT
Se préinscrire à la formation

Intégrez
votre design

Kawaii concepteur de sites web

La formation vous permet d’intégrer votre maquette de façon progressive, et de débusquer sous l’œil avisé du formateur toutes les difficultés en programmation front-end.

La mallette
pédagogique

Dessin d'un tableau pour réprésenter la formation en présentielle

Le support de cours projeté en formation est livré après chaque journée, puis complété à la fin des 3 jours par un cours rédigé, une liste de livres et la documentation officielle d’Adobe Dreamweaver.

Et Après ? On sera
toujours là !

Kawaii crayon

Temps de support de 1h30 offert dans le mois qui suit la formation (intra) ; à utiliser pour des relectures, des corrections dans le code ou jouer le rôle de béta testeur.

Le programme de formation
créer son template d’emailing

Actualisé le 12 octobre 2020

La formatrice
d’emailing avec HTML & CSS

Sabrina Échappé

Sabrina crée régulièrement des campagnes d’emailing pour les besoins de l’agence et de ses clients. Le plus souvent, elle lie l’emailing au site internet via des plugins, afin d’automatiser l’inscription et le respect de la réglementation.

Les plugins d’emailing comme les logiciels leader du marché proposent bien sûr des templates. Mais le graphisme est souvent impersonnel, et la structure éditoriale pas toujours adaptée. Le recours au HTML / CSS est alors essentiel si on veut sortir des templates d’email proposés par défaut : cette formation vous permet de transformer vos maquettes Photoshop en emailings personnalisés.

formateur compétences pédagogiques
Responsable pédagogique

Mémo et outils
pour créer son template d’emailing

  • Prévoir l’indispensable kit de prise de notes : papier, crayon.
  • Côté matériel : prévoir un ordinateur équipé de Dreamweaver et de Photoshop (ou Gimp si vous le connaissez déjà bien).
  • Souscrire un abonnement pour un petit hébergement web et disposer des accès FTP.
  • Penser à ses accès messagerie et site web : la création de compte sur les webservices d’emailing demanderont une confirmation par mail.
  • Pré-requis : votre projet de template déjà réalisé sur Photoshop, avant le 1er jour de formation.
Dessin d'un tableau pour réprésenter la formation en présentielle

Formation
présentielle

Dessin d'une tasse pour une formation sur-mesure

100%
sur-mesure

Dessin d'une horloge pour indiquer que les formations sont mise à jour à J-7 à J-1

Mise à jour
j-7 à J-1

Dessin ordinateur "Distanciel non réalisable""

Distanciel
non réalisable

Articles et Formations
pour créer son template d’email

Article Dreamweaver
Formation Dreamweaver

Créez votre propre site grâce à cette formation spécialisée dans la création de pages HTML et le développement en CSS et javascript.

Formation Dreamweaver

Apprendre les bases de Photoshop
Formation apprendre Photoshop

Cette formation PAO complète vous permettra d’apprendre les bases de Photoshop, de créer une affiche graphique ou un document visuel attractif, et de l’envoyer à l’imprimeur sans aucune retouche de sa part.

Formation apprendre Photoshop

Article l'emailling de prospection
L'emailing de prospection, la fausse bonne idée

L’emailing de prospection n’est pas une mauvaise pratique en soi. Mais il est des moments de l’année où il vaut mieux éviter d’en envoyer. Le pire serait de déguiser votre publicité en courriel de meilleurs voeux…

Voeux et prospection : mauvaise idée