18 modèles de newsletters et d’emailings gratuits

modeles emailings gratuits

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)

modèle newsletter gratuit 1

 

modèles newsletter

 

 modèles newsletters gratuits

 

 modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

modèles newsletters gratuits

 

modèles newsletters gratuits

modèles newsletters gratuits

 

 

Téléchargezle fichier Zip avec 18 modèles de newsletters en remplissant ce formulaire :

Vous en voulez plus ?

Pour seulement 12 € TTC , téléchargez 7 modèles de newsletters supplémentaires :

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

 

modèles newsletters gratuits

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.

modifier la newsletter

* Pour changer la couleur des liens HTML : Menu Format > Page Colors & Backgrounds, puis choisir les couleur en fonction de la couleur générale.

modifier la newsletter

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

modifier la newsletter

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

modifier la newsletter

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

modifier la newsletter

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

modifier la newsletter

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

modifier la newsletter

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

modifier la newsletter

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.

Pour aller plus loin :
Comment envoyer une Newsletter avec Swiftpage
– De nombreux tutoriaux thématiques pour The Gimp
Video de formation The Gimp

Faites passer le mot :Tweet about this on TwitterShare on FacebookShare on Google+Email this to someoneShare on LinkedIn

19 Comments

  1. collaborateur
    May 24, 2009 - 1 h 26 min

    En cas de problème pour le paiement des modèles de newsletter Premium, envoyez nous un email à fred@conseilsmarketing.fr

    Reply
  2. Christophe Lucot
    May 25, 2009 - 13 h 42 min

    Bravo,

    comme d’habitude du concret et du super pratique.
    il y a toujours des subtilités que l’on découvre.
    A+

    Reply
  3. May 25, 2009 - 18 h 04 min

    une idée sympa mais le mieux quand même c’est de vraiment personnalisés ses newsletters et ses mails !

    Reply
  4. May 25, 2009 - 19 h 22 min

    Il y a aussi l’offre d’essai de Vertical response : un mois d’essai gratuit avec, pour tester le service, droit à une campagne en direction de 100 prospects.
    http://www.verticalresponse.com
    (je précise que je n’ai aucun lien avec cette société, donc c’est de l’info désintéressée)

    Reply
  5. collaborateur
    May 25, 2009 - 22 h 36 min

    @ Luciole : les modèles peuvent être personnalisés à volonté, en effet avec le fichier HTML et le PSD vous avez toutes les clés pour personnaliser les modèles.

    Reply
  6. May 28, 2009 - 18 h 28 min

    D’apparence ça semble bien, mais dans les faits je me demande la pertinence d’envoyer une NL créé avec un outil comme Komposer, pleins de tableaux dans tout les sens, du code qui sert à rien, vu que la première difficulté d’une NL est de passer le filtre antispam + de s’afficher correctement sur les différents webmails, je suis pas sur que ce soit si bien d’utiliser ces template (si le code était propre j’aurais dit bravo et merci, mais là je me pose vraiment des questions, car faire un mailing ça coute de l’argent quand même !)

    PS : on peut pas s’abonner aux commentaires par email ?

    Reply
  7. luc deninotti
    Jan 13, 2015 - 15 h 24 min

    Merci! J’ai une question: est-ce que vous avez essayé des logiciels pour la création “drag & drop” de mises en page pour newsletters genre MailStyler? (www.newslettercreator.com). Qu’est-ce que vous en pensez?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *