Comment envoyer un email en format html [Résolu/Fermé]

Signaler
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009
-
 azerty -
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

21 réponses

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.
16
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 58981 internautes nous ont dit merci ce mois-ci

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
> Topine
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
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) :
https://www.campaignmonitor.com/blog/email-marketing/2007/04/a-guide-to-css-support-in-emai-2/
Voici une essai ded'envoi de mail
comment vas tu
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.
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009
14
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
"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é.
Voici là ou tu peu le faire facilemeny
http://ww17.mynetactu.net/index.php?module=membres&action=mail_html
J'ai déjà essayé et ça passe
Merci !!! à toi Webm et à vous tous...
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
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009
14
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
Je n ai pas compris
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
Bonjour et merci à vous tous ! bien amicalement Tôpine

Buz, je vais tester le logiciel en question...
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...
>
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009

C'est bien ça un programme de messagerie.
Bon, vous utilisiez quoi, quel site pour écrire vos messages jusqu'à maintenant ?

Vous cherchez quoi exactement en disant "comment envoyer un email HTML" ? Généralement ils sont tous en HTML même si quelques uns ne génère que du texte brut, mais c'est rare.
> ano nime
Désolé mais tu ne pouras pas envoyer de mails au format html envers des boîtes de messagerie Hotmail, car ce dernier n'accepte pas le langage html.
En revanche, d'autres comptes peuvent l'accepter, utilise donc un logiciel tel que Big Poste par exemple.
> arsonus
Heum... si hotmail (ou plutot live mail) ne supportait pas le HTML ça serait... grave.
Et en quoi un autre logiciel comme "big poste" (à 199$) ferait-il pour que les bal hotmail supportent d'un seul coup de HTML ??? Balèse le programme... surtout au niveau du prix en fait ;-)
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009
14 > ano nime
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
>
Messages postés
17
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
28 décembre 2009

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 !
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 !
vous êtes quand même assez bitch ...
Hello all,

j'ai bien compris la question en tête... vous ne faite visiblement pas l'effort de comprendre...
Bref, j'ai exactement le même souci : je souhaite envoyer un email ou plutôt une jolie newsletter au format html (comme celles que vous recevez de chez LeroyMerlin, Ikea, Amazon ou autre, c'est à dire que la page reçue sera enrichie de mise en forme, de visuels, de fonds de couleurs, à l'image d'une page web tout simplement.
Perso, je met en forme ma page sous Dreamweaver mais d'autres programme de mise en page web peuvent très bien convenir, le blème est ailleurs... en effet, comment faire l'envoi une fois la dite page finie ? il faut la stocker sur un serveur, comme une page web et faire le lien ? Ou bien faut-il la lier au moment de l'envoi groupé avec sa messagerie préferée ?
Des questions où je ne trouve que des réponses "floues"........

Merci pour l'expert qui prendra 5 min pour me répondre (nous répondre) le plus clairement possible sans "rebondir" sur d'autres questions (sic !) ou mieux, nous faire un cours sur la taille des mails, le savoir vivre et les bonnes manières sur le net ;-)
> sodapop
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
> sodapop
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.
> fla2paris
Super ça fonctionne...Un gros merci!
Messages postés
1
Date d'inscription
mardi 7 avril 2009
Statut
Membre
Dernière intervention
8 avril 2009
1
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,
alors là, aucune idée, c'est un autre problème indépendant, non ?
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.
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.

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.
comment reçevoir un format html
Messages postés
2
Date d'inscription
mercredi 11 juillet 2012
Statut
Membre
Dernière intervention
11 juillet 2012
1
Bonjour à tous,

Pour faire simple:
1.quand vous allez sur nouveau message dans votre boite mail, vous allez trouvez une option pour créer un mail en HTML
ex: Yahoo=> nouveau mail=> adroite de la boite il y a: basculer entre texte plain et texte enrichi
plain text vs rich text en anglais.
2. pour créer une page HTML simple faut aller sur une page web et cliquer sur (ctrl+u) pour afficher le code source et il suffit de copier tout le code et le coller dans le nouveau message avec l'option rich text activée.


Je pense que parfois, il faut répondre à des questions simples avec des réponses simples et directes et d'éviter de remplir les forums par des commentaires au lieu de réponses car me concernant perso, à chaque fois que je cherche quelque chose sur un forum, il me faut lire des pages avant de trouver la bonne réponse; il y a trop de blabla peu utile. Et si nous adoptions une économie de posts peu utiles???? merci à tous
Rectification: je me corrige, en fait ce n'est pas le code source qu'il faut copier quand vous aller sur une page web mais bien la page elle même ex: vous aller sur une page web vous faites ctrl+A pour sélectionner toute la page vous faites copier et en suite vous coller dans vôtre message c'est la solution express et ça ça marche à tous les coups. vous pouvez faire une page ou une newsletter sur Word ou autres et vous copiez et collez.
Par contre, quand on copie le code sources il est vrai que parfois ça marche mais apparemment les site de messagerie bloque cette méthode et considère le fait de coller le code source comme le faites d'écrire un code comme du texte.
Donc pour résumer copiez et coller tout, et tjrs vérifier l'option texte enrichi
Dsl pour l'erreur car j'ai d'abord essayé avec du code source ça a marché donc je pensais que ça marchait à tous les coups
Messages postés
11220
Date d'inscription
jeudi 24 juillet 2008
Statut
Membre
Dernière intervention
17 mars 2015
1 346
...'2. pour créer une page HTML simple faut aller sur une page web et cliquer sur (ctrl+u) pour afficher le code source et il suffit de copier tout le code et le coller dans le nouveau message avec l'option rich text activée. '

Et c'est comme ça que tu as à la place d'image un carré blanc ...

Attention en copiant le code HTML, tu copies toutes les URL des sites boite Mail et images......

Comme tu le dis dans les foras "il y a trop de blabla peu utile"

@+
pasthou
Messages postés
2
Date d'inscription
mercredi 11 juillet 2012
Statut
Membre
Dernière intervention
11 juillet 2012
1
Copier un code source il s'agit d'un exemple quand vous créer une newsletter c'est vôtre news letter vôtre code source pas des pages web des autres avec certes des css et des javascript en "inclus" mais c'est quoi une newsletter à vôtre avis??? c'est du HTML et donc du code source tout simplement. pour vôtre news letter perso quand vous la créer si vous êtes connaisseurs d'HTML vous pouvez écrire le code ou alors utiliser un logiciels tel que dreamweaver et copier le code source et le coller dans le texte. DSL mais c'est pas du balaba monsieur
Certes ça marche pas à tous les coups mais c'est ça le principe du mail HTML
Voici un petit tuto pas mal fait pour creer un email html :

http://www.mkdesign.fr/creer-un-email-html/