VIVEZ LE
FOOTBALL !

Posez votre question Signaler

Comment envoyer un email en format html

petit_apprenti 17Messages postés 11 mai 2008Date d'inscription - Dernière réponse le 28 sept. 2011 à 17:56
Bonjour,
comment envoyer un email HTML, je veux dire que celui qui l'ouvre recoit une page html comme les newsletter mais en plus simple pour commencer, comment faire ca? et est ce que c'est faisable sans avoir un site ou un espace free
merci d'avance
Lire la suite 

Comment envoyer un email en format html »

44 réponses
Réponse
+8
moins plus
A priori, le mieux est d'envoyer le message en html, mais de bien préciser en haut du message un lien pour pouvoir voir aussi la page en ligne, du style, "si vous ne visualisez pas bien ce message, cliquez ici". "ici" étant la même page html en ligne (si vous avez un espace d'hébergement).

pour envoyer de façon simple la page en html :
- avec outlook express, prendre la page html (créée avec dreamwaever, compozer, frontpage ou ce que vous voulez), et l'indiquer comme papier à lettre
- autre méthode, avec internet explorer : afficher votre page html dans IE, puis fichier > envoyer > page par courrier électronique, ca va ouvrir le logiciel de messagerie indiqué par défaut.
Ca fonctionne bien avec outlook et conserve bien les caractéristiques de la page.
Je ne sais pas à partir de quelle version d'IE c'est possible.

Bon, le rendu dépendra toujours de ce qu'utilise celui qui reçoit le mail, c'est encore plus imprévisible qu'avec les pages web je crois.
Topine - 21 mai 2009 à 11:56
Bonjour et merci Soso ! grace à toi, je viens de réussir à m'envoyer une page html parfaite et la tester sur toutes mes adresses...

Pour ceux qui cherchait comme moi l'info depuis un moment, j'ai crée ma page sur Dreamweaver, ensuite j'ai ouvert Outlook 2003 (ou 2000) et j'ai créé un nouveau papier-entête auquel j'ai associé le fichier html.

Ensuite, j'ai ouvert un message vide (il contenait bien ma news) et je l'ai envoyé à mes différentes adresses test. Tout fonctionnait, même sur mon PC équipé d'Outlook 2007.

Merciiiiiiiiiiiiiiiiiiiiii !
Bien cordialement, Topine
isa - 4 juin 2009 à 15:00
Ca m'interesse aussi votre question mais je ne comprends pas votre explication...
pour envoyer une page web vous avez deux ficher non? Celui du code xhtml et celui du code css alors comment on fait pour encoyer le tout par mail et que le destinataire voit une vrai "newsletter" par example
Soso - 5 juin 2009 à 14:36
c'est vrai que ça mérite d'etre précisé : pas de feuille de style css dans le cas d'un envoi par mail.
il faut insérer les styles dans la page html, dans le <head>, voire meme pour plus de sécurité accolé à la balise sur lesquels ils s'appliquent.
ex : <p style="font-family:Arial; font-weight:bold; color: etc">
(rappel : il y a 3 manières d'incorporer des styles : le + courant, dans une feuille à part donc valable pour plusieurs pages, ou entre le <head> et le </head> valable pour la page seulement, ou enfin accolé à une balise, valable uniquement pour la balise en question. Il y a plein d'article sur le sujet sur le net)

Il faut savoir aussi que seuls certains styles sont pris en compte par les webmails ou les logiciels de messagerie. Détail ici de ce qui est pris en compte selon les navigateurs (en anglais) :
http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/
Ajouter un commentaire
Réponse
+7
moins plus
SOLUCE EFFICACE
moi aussi j'ai chercher une soluce et grâçe à MYWEN ça marche et on peux faire encore mieux.

logiciel: Windows live mail, firefox, photoshop CS3

1_ Créer votre image sous photoshop CS3, avec une tranche
2_ faire "fichier" "Sauvegarder pour le web"
3_ tout en bas de la fenêtre "sauvegarder pour le web" on peux choisir un navigateur pour admirer le résultat, choisir firefox si ce n'est déjà fait et cliquer dessus.
4_ l'image et du code apparaissent dans une page firefox, sélectionner l'image et copiez la dans votre email
5_ on peut ainsi mettre en forme un email avec plein d'image interactives.
6_ une fois votre mail terminé, faite ALT dans la fenêtre du mail pour faire apparaitre les actions de bases "fichier, édition, affichage etc..." et faites "enregistrer sous" pour l'enregistrer au format .eml, ce qui va créer une petite enveloppe blanche là ou vous aller choisir d'enregistrer.

Vous pouvez maintenant en double cliquant simplement sur l'enveloppe ré-ouvrir le mail contenant toutes les images avec toutes les actions, et surtout continué à rajouter n'importe quoi en suivant la même procédure.

C'est vraiment le top pour faire des newsletters pleines d'images interactives avec des liens etc...

Voili voilou et encore merci à MYWEN.
Ajouter un commentaire
Réponse
+4
moins plus
ce que je veux dire par "comment l'utiliser pour arriver a mes fins" c'est :
par exemple j'ecris le code HTML du fameux exemple HelloWorld :) que voici:

<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

et j'envoye le message, le destinataire recoit le code HTML ci dessus et non page la page HMTL dont le code est ci dessus (la page HTML n'est pas interpreter par le navigateur)

sachant que j'utilise Windows live mail, comment utiliser ce dernier pour envoyer mon message de telle facon qu'a son ouverture par le destinataire, il verra la page HTML produire par le code et non pas le code lui meme
Ajouter un commentaire
Réponse
+2
moins plus
salut à tous,

je trouve ces explications bien compliquées.

Pour envoyer des mails en format HTML j'ai utilisé un logiciel, Mailpro, ce n'est pas gratuit (mais pas énormément cher) mais au moins je me suis pas fatiguée avec trop de considérations techniques.

Voilà j'espère avoir aidé :)

Bon courage
Topine - 27 juin 2010 à 16:44
Bonjour et merci à vous tous ! bien amicalement Tôpine

Buz, je vais tester le logiciel en question...
Ajouter un commentaire
Réponse
+1
moins plus
pour generer du html j'utilise le dreamweaver, mon probleme est comment utiliser le code genere de telle facon que le recepteur du message obtient une page html lors de l'ouverture du message. dreamweaver n'est pas un programme de messagerie, c'est ca ?
tu me conseilles quel programme de messagerie est comment l'utiliser pour arriver a mes fins, merci
ano nime - 19 mai 2008 à 12:05
"tu me conseilles quel programme de messagerie" n'importe lequel !!! Sur votre PC, si vous avez Windows vous avez Outlook Express ou Windows Live mail (son remplaçant) Essayez déjà ça.

"comment l'utiliser pour arriver a mes fins" ben la désolé, mais la question est bien trop vague pour que qui que se soit puisse vous donner la moindre indication. Commencez par essayez et demandez de l'aide sur un point précis et clairement identifié.
Ajouter un commentaire
Réponse
+1
moins plus
Voici une essai ded'envoi de mail
Ajouter un commentaire
Réponse
+1
moins plus
Voici là ou tu peu le faire facilemeny
http://www.mynetactu.net/index.php?module=membres&action=mail_html
J'ai déjà essayé et ça passe
Anne88 - 6 janv. 2011 à 13:43
Merci !!! à toi Webm et à vous tous...
Ajouter un commentaire
Réponse
+1
moins plus
Ajouter un commentaire
Réponse
+1
moins plus
dans hotmail quand vous faites nouveau cliquer ensuite sur texte enrichi situé en haut de votre page et sélectionnez tout simplement mode html une fois la chose faite, créez le code html que vous voulez
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

question mal posé car vous ne dites pas quel est votre programme de messagerie, a partir de la c'est difficile de vous dire comment faire cette manip...
petit_apprenti- 18 mai 2008 à 07:49
ce que je veux c'est pouvoir envoyer des emails a d'autre boites hotmail ou autres, mais lorsque celui qui recoit le message l'ouvre, il obtient directement une page html (je veux dire par exemple un formulaire a remplir, ou comme les newsletter). j'ai essaye d'envoyer le code html mais celui qui recoit le message recoit le code html et non page la page qui devrait s'afficher si le code html est interpreter par le navigateur. je pense que c'est plus claire comme question et encore merci de votre aide
ano nime - 19 mai 2008 à 00:22
ben voila... pour faire ce que vous voulez (newsletter ou formulaire), il FAUT un programme permettant de générer du html ou de l'incorporer. Donc, on on revient aux programme de messagerie, choisissez celui que vous voulez, il font tous (d'une manière ou d'une autre) du HTML, certain permettent d'éditer le code directement, d'autre peuvent l'importer.

Vous ne pourrez pas faire de nl ni de formulaire en passant par le site hotmail !
ano-nymeano nime - 4 mars 2009 à 02:49
t'es vraiment nul pour répondre sur un forum toi...
vraiment, pour la politesse on repassera, donc je ne me gène pas non plus !
Ajouter un commentaire
Réponse
+0
moins plus
interessante question !
pour le moment, j'utilise outlook express, il y a une petite flèche à côté du bouton créer > selectionner le fichier 'tonfichier.htm' comme papier à lettre.
Ensuite, dans le menu affichage > modifier source, onglet source, on voit le code html, onglet normal on voit le mail.

Mais cette méthode me satisfait moyennement (c'est pour envoyer une newsletter), si quelqu'un a une autre méthode merci d'avance !
Ajouter un commentaire
Réponse
+0
moins plus
vous êtes quand même assez bitch ...
t-bert - 7 avril 2009 à 15:18
moi, c'est un peu la même...

je suis coincé au même endroit, j'utilise Outlook et j'ai essayé les deux solutions (papier peint ou url page web)

le problème c'est je ne sais pas quelle est la meilleur solution. si quelqu'un en a un idée?

Merci
fla2parissodapop - 28 juin 2009 à 22:54
pour ton prblm, je me suis trouvé confronté au même soucis et voilà comment je m'en suis sortie (attention ceci est une soluce comme une autre, d'autre chose sont surement possible).
1 -
sur hotmail.fr, je me suis ouvert un compte, car son interface webmail permet la composition d'1 message au format HTML.

2 -
je me suis stocké toutes les images dont j'ai besoin pour la mise en page de ma newsletter (feuille de syle CSS également) sur un serveur.

3 -
j'ai composé ma newsletter sur dreamweaver en faisant bien attention que toutes mes urls soit sous la forme http://...
ne pas oublier d'ajouter sur ta div ou table qui contient l'ensemble de ton message le style : visibility
<div id="conteneur" style="visibility: visible;>
ceci de façon à ce que même le outllook de base puisse interpréter ton message.

autre conseil : ne pas utiliser le style "background" pour faire apparaitre tes images mais plutôt la balise <img> ; sinon tes images n'apparaissent pas.

au final tu copy/colle ton code de dream dans le corps de ton "nouveau message" de hotmail (en mode HTML bien évidemment).
tu peux repasser en mode "texte enrichi" pour contrôler que tout est en ordre.

t'as plus qu'à envoyer la purée et le tour et joué.

En espérant que ça te sera utiles, ou à d'autre.
didi - 19 févr. 2010 à 22:58
Super ça fonctionne...Un gros merci!
Ajouter un commentaire
Réponse
+0
moins plus
merci pour ces conseils SOSO,

Mais là, j'avoue, je crois que je vais faire appel à une solution payante (initialement je ne voulais pas car je n'ai qu'une trentaine de lettres d'information à envoyer et avec une fréquence semestrielle.

Mais bon, ça marche pas:

- j'ai fait une page html propre et légère
- elle s'intègre parfaitement dans mon message Outlook
- j'ai fait attention qu'elle soit lisible et agréable même si la boite de du destinataire ne prend pas en compte la 'mise en page et le design"
- j'en ai uploader une version en ligne pour le fameux "si vous n'arrivez pas à lire ce message"
- Enfin, lorsque je l'envoie, outlook me dit que le message est bien parti

ensuite plus rien.... rien sur le webmail de mon hébergeur et rien sur les boites destinataires

j'ai essayé plusieurs boite de destinataires (yahoo, gmail, free, compte hébergé chez ovh
J'ai aussi utilisé plusieurs logiciel de messagerie (outlook, outlook express et thunderbird)
J'ai essayé l'envoi à partir de plusieurs comptes (free et ovh)

J'imagine que c'est un problème de config, ou autre... je n'en sais plus rien

j'envoie ce poste au cas où un gentil contributeur aurait L'ILLUMINATION.

Kenavo

Aller,
Soso - 5 juin 2009 à 14:47
alors là, aucune idée, c'est un autre problème indépendant, non ?
Ajouter un commentaire
Réponse
+0
moins plus
J'arrive pour ma part à envoyer mes newsletters, éventuellement animées et avec des zones réactives (quand on clique sur certaines parties de l'image on est renvoyé sur telle ou telle page web) avec le logiciel de messagerie Windows Live Mail :

- Je prépare ma page dans le logiciel Adobe Fireworks : une image de fond ou une animation sur laquelle je rajoute des zones réactives
- j'enregistre au format PNG
- puis je fais "fichier/visualiser dans le navigateur"
- ma page s'affiche alors dans votre navigateur par défaut (internet explorer, mozilla firefox, etc...)
- je sélectionne toute l'image (CTRL+A), puis copier, puis coller directement dans mon email. Attention : ne pas utiliser les raccourcis clavier pour copier, avec moi ça ne marche pas, il vaut mieux faire clic droit puis copier.
- j'envoie mon email et ça marche, les destinataires ne voient pas de pièces jointes attachées mais simplement l'image.
Ajouter un commentaire
Réponse
+0
moins plus
Moi ma solution consisterais à créer une page web avec son CSS associé, la scripts java et tout et tout.
Sauvegarder le tout sur votre serveur web,.
Et au moment d'envoyer le mail avec thundrebird : choisissez joindre fichier html. Indiquer l'adresse http.
Précisés le lien "si vous avez des difficultés à lire ce mail"

Voila, de cette façon, le destinataire recois un mail sans les images, et peut choisir de les télécharger s'il souhaite visualiser proprement le message.

Ceci à l'avantage d'utiliser les même feuilles de style que votre site web, en respectant ainsi votre charte graphique, les images ne sont pas jointe au mail (+ léger)

Meilleurs voeux.
Ajouter un commentaire
Réponse
+0
moins plus
Merci à Mywen et DJMX1 , j'ai utilisé leur solution et j'ai pu envoyer ainsi mes cartes de voeux faites maison.
Tous les utilisateurs d'internet ne sont pas des geeks et il est bien agréable de recevoir des réponses simples, claires et courtoises.
Ajouter un commentaire
Réponse
+0
moins plus
ulac ,ulac , ulac ,..............??????
Ajouter un commentaire
Réponse
+0
moins plus
comment reçevoir un format html
FARFA522 - 24 oct. 2010 à 14:47
BONJOUR COMMENT CA VA
JE VOUS ENVOIS EN PCS JOINTES LES PHOTOS DES MODELES DEMANDE'
Ajouter un commentaire
Réponse
+0
moins plus
msa lkhir moragab ki dayr
Ajouter un commentaire
Réponse
-1
moins plus
Le courriel est fait pour envoyer du courriel, non du html.
Même si ça n'est pas une règle listée dans la Netiquette, il est bon de savoir que tout le monde n'utilise pas un client sachant lire le html directement, ils recevront donc un courriel vide avec une pièce jointe en html qu'ils devront ouvrir dans un navigateur avant de pouvoir lire les données utiles. Cela doit d'ailleurs être prescrit dans la RFC qui documente le courriel.
De toute façons un courriel sert à transmettre de l'information donc du texte, pas des polices ou des couleurs, et il est bien plus intéressant de passer du temps à se relire que de changer la taille de la police.
De plus l'envoi de html démultiplie la taille d'un mail, qui est censé rester court.
cf.
http://fr.wikipedia.org/wiki/Netiquette

Les newsletters qui envoient du html (souvent sans avoir d'option texte brut) le font en violation de ce principe, et ne sont pas des exemples à reproduire.
j'aime les sourires - 28 sept. 2011 à 17:56
pffffffffffff comme emm...pêcheur de tourner en rond, tu te tiens là ! Aucune concession, hein... visiblement pas là pour donner un coup de main mais plutôt un coup de pied au cul. T'as pas le sentiment d'avoir l'esprit un peu étriqué des fois ??? Va courir un peu, ça fait du bien. Souris, et cesse d'agresser pour éliminer ton amertume... CHEEEEEEEEEEEEEESE !!!!
Ajouter un commentaire
Ce document intitulé « comment envoyer un email en format html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
comment envoyer un email en format html - page 2