18 modèles de newsletter gratuits pour VOUS !
Publié le 21 juin 2009 par Frederic Canevet @conseilsmkg
18 modèles de newsletters et d’emailings gratuits
25 mai - Communication, Promotion, Vente, e-marketing
ConseilsMarketing.fr a le plaisir de vous offrir 18 modèles de newsletters prêts à l’emploi pour vous aider dans vos actions de prospection et de fidélisation.
Ces modèles comportent :
- Le ficher HTML (répertoire HTML) et CSS (dans le répertoire Images) que vous pourrez modifier avec vos propres textes et votre mise en page. Pour modifier les fichiers HTML vous pourrez utiliser soit DreamWeaver (1000 € neuf ) ou Kompozer (Gratuit).
- Le fichier PSD (répertoire PSD) qui permet de modifier les images, le titre de la newsletter et d’ajouter votre propre logo. Pour modifier le fichier PSD vous devrez utiliser Adobe Photoshop (1000 € ou en version d’essai) ou The Gimp (Gratuit ).
- Des images illustratives utilisées à titre d’exemples (dans le répertoire Images) qui sont hébergées sur nos serveurs. Pour obtenir vos propres images vous pouvez acheter des images sur Fotolia.fr ou Dreamstime dans les sections payantes et gratuites.
18 modèles de newsletter gratuits
(cliquez pour agrandir)
Téléchargez le fichier Zip avec 18 modèles de newsletters en remplissant ce formulaire :
Pr�nom et Nom
Soci�t� (optionnel)
Email
Je souhaite recevoir la newsletter ConseilsMarketing.fr
OUI NON
Vous en voulez plus ?
Pour seulement 12 € TTC , téléchargez 7 modèles de newsletters supplémentaires :
Il suffit de régler via paypal en cliquant sur le bouton “Acheter” ci dessous, et vous recevrez dans les minutes qui suivent le lien pour télécharger les 7 modèles de newsletters Premium.
Comment personnaliser la newsletter à vos couleurs ?
Dans notre exemple nous utiliserons Kompozer (HTML) et The Gimp (PSD), deux logiciels gratuits.
Etape 1 : Comment modifier le texte de ma newsletter avec Kompozer ? * Utilisez l’onglet « Normal » pour modifier le texte comme dans un traitement de texte, et l’onglet « Source » pour modifier le code HTML et personnaliser la mise en forme.
* Pour changer la couleur des liens HTML : Menu Format > Page Colors & Backgrounds, puis choisir les couleur en fonction de la couleur générale.
* Pour changer les couleurs des fonds des newsletter (sauf quand ce sont des images), il suffit de coller une image de la newsletter actuelle dans The Gimp, puis d’utiliser la pipette pour trouver le numéro de la couleur.
Une fois la couleur dans la palette, il faut double cliquer sur la couleur et copier le code hexadécimal de la couleur (ex : d5bf00) :
Il ne reste plus qu’à ouvrir le fichier « newsletter.html » avec Kompozer puis rechercher dans le code source le N° (onglet Source) de N° de la couleur (ex : bgcolor=”#d5bf00″), et remplacer par la couleur désirée.
* Pour insérer une image cliquez sur le bouton « Image » dans la barre d’outils en haut de l’application, puis indiquez l’adresse UTL où se trouve votre image, remplissez le texte alernatif (il est préférable que votre image soit à la bonne taille, néanmoins si votre image est trop grande, dirigez vous dans l’onglet Dimensions et modifiez la taille).
* Pour insérer un lien vers votre site internet, sélectionnez un texte puis cliquez sur le bouton « Link » en faut de l’application, puis remplissez l’URL et choisissez de l’ouvrir « in a new Windows ». Vous pouvez faire de même sur les images afin de les rendre cliquables.
Pour aller plus loin voici quelques tutoriaux sur Kompozer et The Gimp : - Les fonctions basiques de Kompozer - Le guide de démarrage rapide de Kompozer
Etape 2 : Modifier les images pour ajouter votre logo et le nom de votre newsletter.
A noter : les fichiers sont nativement conçus sous Photoshop, leur manipulation est moins aisée avec the Gimp.
Ouvrez le fichier PSD du modèle de newsletter (répertoire PSD), puis ouvrez le groupe de calques « Header » (sous Photoshop uniquement) et modifiez les textes utilisés pour les titres et sous titre de la newsletter (faites de même pour ajouter votre logo).
Pour cela il suffit de sélectionner dans la liste des calques celui qui correspond à l’objet, puis à le modifier ou à le supprimer (cliquer sur l’œil pour masquer / afficher les calques).
Une fois vos modifications effectuées fusionnez les calques visibles (CTRL + M), et découpez la partie à extraire en Jpg/Gif en vous aidant des lignes de coupes (Guides) qui délimitent les différentes parties de la newsletter (logo, titre…).
Si vous avez des difficultés à repérer où couper dans les lignes de coupes, regardez le fichier HTML avec Kompozer ou ouvrez les fichiers .jpg et .gif dans le répertoires Images afin de voir la taille et la délimitation des différentes images.
Ensuite téléchargez le fichier sur votre serveur (ou dans d’importe quel site sur internet comme un blog, une page perso…) et copiez l’adresse HTML de cette image. Il ne reste plus qu’à copier cette adresse dans le code HTML de la newsletter.
Par défaut toutes les images sont stockés dans le chemin http://www.conseilsmarketing.fr/newsletters/XX/HTML/images/nom-image.jpg vous devrez donc remplacer ces adresses par celles que vous souhaitez changer.