Logiciel pour envoi mail en html (e-mailing)

WRInaute impliqué
Bonjour,

Je recherche un logiciel simple d'utilisation pour envoyé des mails au format html. J'ai déjà en ma possession Max Bulk Mailer, mais le problème c'est que chez certains fournisseurs d'accès comme Free, Orange, Hotmail... les mails au format html ne passe du tout.

Curieusement je reçois tout de même des mail dans ce format sur une boite Free, mais je n'arrive pas à m'en envoyé moi même avec le logiciel cité ci-dessus, quelle est la technologie ou le logiciel qui outrepasse les interdiction de certaines boite aux lettre ??

Ma question est, connaissez vous le moyen de recevoir des mail dans ce format sur des boite qui habituellement n'acceptent pas ce format ? Est ce que c'est une question de logiciel ou de technologie que seul les professionnel de l'envoi d'E-mailing ont ?

Merci d'avance
 
WRInaute impliqué
Oui, ya pas plus simple comme code et tout est en tableaux.

Ci-joint le code :

<html>
<head>
<title>Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/menu_02_up.gif','images/menu_04_up.gif','images/menu_06_up.gif','images/menu_08_up.gif')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="20">

<tr>
<td align="center" valign="top"></td>
</tr>
</table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="20">
<tr>
<td align="center" valign="top"> Si vous ne visualisez pas correctement cet e-mail, <a href="#">cliquez ici.</a></td>
</tr>

</table> <table width="800" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="418"><img src="images/header_01.gif" width="418" height="100"></td>
<td width="245"><img src="images/accroche.gif" width="245" height="100"></td>
<td width="33"><img src="images/header_02.gif" width="33" height="100"></td>
<td width="104"><a href="http://www.url.com"><img src="images/header_logo.gif" width="104" height="100" border="0"></a></td>
</tr>
<tr valign="top">

<td height="19" colspan="4"><table width="800" height="19" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="17" height="18"><img src="images/menu_01.gif" width="17" height="19"></td>
<td width="92" height="18"><a href="http://url.com/services.php" onMouseOver="MM_swapImage('Image1','','images/menu_02_up.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_02.gif" name="Image1" width="92" height="19" border="0" id="Image1"></a></td>
<td width="5" height="18"><img src="images/menu_03.gif" width="5" height="19"></td>
<td width="113" height="18"><a href="http://url.com/engagements.php" onMouseOver="MM_swapImage('Image2','','images/menu_04_up.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_04.gif" name="Image2" width="113" height="19" border="0" id="Image2"></a></td>
<td width="6" height="18"><img src="images/menu_05.gif" width="6" height="19"></td>
<td width="77" height="18"><a href="http://url.com/collection.php" onMouseOver="MM_swapImage('Image3','','images/menu_06_up.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_06.gif" name="Image3" width="77" height="19" border="0" id="Image3"></a></td>
<td width="7" height="18"><img src="images/menu_07.gif" width="7" height="19"></td>

<td width="166" height="18"><a href="http://url.com/choix_sac.php" onMouseOver="MM_swapImage('Image4','','images/menu_08_up.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_08.gif" name="Image4" width="166" height="19" border="0" id="Image4"></a></td>
<td width="317" height="18"><img src="images/menu_09.gif" width="317" height="19"></td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td height="180" colspan="4"><img src="images/back_commerce_01.gif" width="800" height="180"></td>
</tr>
<tr valign="top">

<td height="180" colspan="4"><img src="images/back_commerce_02.gif" width="800" height="180"></td>
</tr>
<tr valign="top">
<td height="175" colspan="4"><img src="images/back_commerce_03.gif" width="800" height="175" border="0" usemap="#Map"></td>
</tr>
<tr valign="top">
<td colspan="4"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="250"><a href="http://www.url.com"><img src="images/footer_01.gif" width="250" height="31" border="0"></a></td>

<td width="550"><img src="images/footer_02.gif" width="550" height="31"></td>
</tr>
</table></td>
</tr>
</table>
<table width="800" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="bottom"> J'esp&egrave;re que ce mail ne vous a pas importun&eacute;(e), si vous souhaitez ne plus recevoir de mail de notre part, <a href="#">cliquez ici</a></td>

</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="602,25,742,160" href="http://www.url.com">
</map>
</body>
</html>


Merci, mais je comprendrai si cela ta gave...
 
WRInaute accro
tu m'étonnes que ce soit refusé par plein de FAI !
du js dans le contenu, les filtres antispam bloquent souvent. Des images inaccessibles, parce que images/menu_02_up.gif ça se trouve où ? sur mon webmail ? dans thunderbird ?
un mel au format html, ça n'est pas juste une page html dont on a fait un copier/coller.
Les images doivent se retrouver inline, dans le corps du mel, il faut aussi prévoir une version text pur, dans le corps du mel
 
WRInaute accro
1. Oublie le JS (fonctions dans le header et appels on-page).
2. Oublie les styles css, la plupart des webmails les virent à l'affichage
3. Oublie les feuilles de styles externes
4. En règle générale, préfère les attributs HTML de base aux classes et id css
5. Les url de tes images et de ets éléments on page doivent être absolues, et non relatives
6. Ton mail doit être envoyé en multipart (html et texte brut)

En éliminant l'ensemble de ces éléments, j'arrive à obtenir des mails html qui s'affichent pas trop mal sur Imp (Free), amis faut trancher dans le vif.
 
WRInaute accro
Un script developpé en interne, mais sinon tu peux utiliser Wanenewsletter par exemple, où si tu veux un truc plus "simple" tu as la classe Mail de Zend qui permet de faire les choses bien et simplement. Ou encore phpmailer.
 
WRInaute accro
Si c'est effectué (le teste) à partir de code source que tu as mis en haut c'est normal. Il faut déjà le nettoyer en prenant en compte ce qui t'as été dit plus haut. Là c'est sûr qu'entre le JS, les url relative et le CSS, ça risque pas vraiment de marcher.
 
WRInaute impliqué
Mon teste a été fait avec cela :

<html>
<head>
<title>Voeux 2009 - Philouseb Graphiste Webdesigner Freelance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<base href="http://dev.graphiste-libre.com/e-mailing/voeux_2009/">
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
body {
margin-left: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #000099;
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0" align="center" height="20">
<tr>
<td align="center" valign="top"> Si vous ne visualisez pas correctement cet e-mail, <a href="http://dev.graphiste-libre.com/e-mailing/voeux_2009/">cliquez ici.</a></td>
</tr>
</table> <table width="650" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td colspan="2"><a href="http://www.graphiste-libre.com/"><img src="images/master_voeux_2009_v6_01.jpg" alt="Philippe Sebagh Graphiste Webdesigner Freelance" width="650" height="47" border="0" /></a></td>
</tr>
<tr valign="top">
<td width="325"><a href="http://www.graphiste-libre.com/about.htm"><img src="images/master_voeux_2009_v6_02.jpg" alt="Création graphique pour le Web et le Print" width="325" height="248" border="0" /></a></td>
<td width="325"><a href="http://www.graphiste-libre.com/"><img src="images/master_voeux_2009_v6_03.jpg" alt="Vous présente ses meilleurs voeux pour 2009" width="325" height="248" border="0" /></a></td>
</tr>
<tr valign="top">
<td colspan="2"><a href="http://www.graphiste-libre.com/"><img src="images/master_voeux_2009_v6_04.jpg" alt="www.graphiste-libre.com" width="650" height="49" border="0" /></a></td>
</tr>
</table>
<table width="650" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="bottom">
J'esp&egrave;re que ce mail ne vous a pas importun&eacute;(e),<br />
si vous souhaitez ne plus recevoir de mail de ma part, <a href="http://dev.graphiste-libre.com/e-mailing/voeux_2009/desabonnement.php[Opt1]">cliquez ici</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


Et cela ne fonctionne pas...
 
WRInaute impliqué
Je précise que sur Outlook, Entourage, mail... cela fonctionne sans problème même avec le javascript...

Mon problème se pose chez Free principalement et j'utilise leur ancien webmail, car je ne suis pas passé sur leur nouveau webmail qui est en beta test.
 
WRInaute impliqué
Voici le code avec lequel cela fonctionne :

<html>
<head>
<title>Voeux 2009 - Philouseb Graphiste Webdesigner Freelance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0" align="center" height="20">
<tr>
<td align="center" valign="top"> Si vous ne visualisez pas correctement cet e-mail, <a href="http://dev.graphiste-libre.com/e-mailing/voeux_2009/">cliquez ici.</a></td>
</tr>
</table> <table width="650" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td colspan="2"><a href="http://www.graphiste-libre.com/"><img src="http://dev.graphiste-libre.com/e-mailing/voeux_2009/images/master_voeux_2009_v6_01.jpg" alt="Philippe Sebagh Graphiste Webdesigner Freelance" width="650" height="47" border="0" /></a></td>
</tr>
<tr valign="top">
<td width="325"><a href="http://www.graphiste-libre.com/about.htm"><img src="http://dev.graphiste-libre.com/e-mailing/voeux_2009/images/master_voeux_2009_v6_02.jpg" alt="Création graphique pour le Web et le Print" width="325" height="248" border="0" /></a></td>
<td width="325"><a href="http://www.graphiste-libre.com/"><img src="http://dev.graphiste-libre.com/e-mailing/voeux_2009/images/master_voeux_2009_v6_03.jpg" alt="Vous présente ses meilleurs voeux pour 2009" width="325" height="248" border="0" /></a></td>
</tr>
<tr valign="top">
<td colspan="2"><a href="http://www.graphiste-libre.com/"><img src="http://dev.graphiste-libre.com/e-mailing/voeux_2009/images/master_voeux_2009_v6_04.jpg" alt="www.graphiste-libre.com" width="650" height="49" border="0" /></a></td>
</tr>
</table>
<table width="650" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="bottom">
J'esp&egrave;re que ce mail ne vous a pas importun&eacute;(e),<br />
si vous souhaitez ne plus recevoir de mail de ma part, <a href="http://dev.graphiste-libre.com/e-mailing/voeux_2009/desabonnement.php[Opt1]">cliquez ici</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


Merci beaucoup à Tous et surtout à Toi "UsagiYojimbo" un big Up pour toi :)
 
WRInaute impliqué
J'ai refait le test en remettant les style Css à distance, cela fonctionne.

Je refais le test avec du javascript et je vous tiens au courant.

J'ai l'impression qu'il fallait juste mettre les images avec des liens en absolu...

A+
 
WRInaute impliqué
Bon ben avec le javascript cela fonctionne aussi.

En fait ce qui bloquai c'était les liens des images.

Merci encore
 
WRInaute accro
philouseb a dit:
J'ai l'impression qu'il fallait juste mettre les images avec des liens en relatif...
en absolu, plutôt. Mais le problème avec les images externes, c'est que c'est fortement utilisé par les spammeurs pour faire du tracking (mais aussi par les prestataires de gestion de mel) et que, si l'expéditeur n'est pas connu, le mel risque de ne pas passer l'anti spam
 
WRInaute impliqué
Il faut peut de chose pour que cela déconne...

En tout cas merci beaucoup.

Si je peux te rendre service, n'hésite "sans abuser :)"

A+
 
WRInaute accro
Content que tu ais réussi à t'en sortir. Si j'ai des souci niveau design je saurai vers qui me tourner :)

Par contre la remarque de Leonick relativement aux appels à des images externes est judicieuse. Et pour t'assurer de la delivrabilité de tes mails, suivant les webmails il y a des choses à savoir. En furetant sur ce site (http://www.snipemail.com/), qui appartient à un membre de WRI, il a pas mal de chose à apprendre sur le sujet.
 
WRInaute occasionnel
taratata :) désolé d'arriver autant en retard, bcp de boulot et du coup vous avez fait tout le travail de correction :)

C'est vrai que sur la première page du post, les yeux piquaient à la lecture du code HTML :)

Cela dit je te rassure, beaucoup de monde confond souvent le HTML des pages web avec le html des emails, parce que tous les 2 ont HTML devant. Par contre c'est pas du tout la même chose :)

Mes collègues t'ont deja listé les erreurs à éviter, mais je vais quand même en remettre une couche, mais avec un angle différent. glop ! glop !

1) Quand on essaie d'optimiser un code html pour l'emailing, surtout quand on est un développeur/graphiste/professionnel du web, il ne faut pas s'étalonner sur sa propre configuration. Tes destinataires ont souvent bien moins bien que toi LOL

2) Faire en sorte que ton mail s'affiche correctement c'est bien, faire en sorte qu'il arrive c'est mieux (parce que c'est un prérequis !)
La raison pour laquelle il faut éviter le javascript, c'est que cela zappe totalement ton mail dès qu'il est analysé par un filtre de messagerie sérieux.
La raison pour laquelle on evite les styles CSS externe ou en bloc, ainsi que certaines balises html, c'est qu'elles sont zappées à l'arrivée chez certains FAI / webmails et que du coup ton zoli email il arrive tout cracra :-/ et ça c'est pas glop !
Y'a certains hotwords à éviter pour l'analyse anti spam. Cliquez-ici en fait partie. Préferez "suivez ce lien"
Il ne faut pas non plus utiliser de commentaires, certains filtres n'aiment pas cela du tout :-/

C'est vraiment un autre monde que l'html emailing, n'hésite pas à pratiquer souvent.
Et le conseil de lire Snipemail est pertinent LOL ;-)
 
Nouveau WRInaute
Bonjour,
j’utilise MaxBulk Mailer mais l'envoi est lent (vers 400 email / heure) malgré que j'ai changé "réglages" chaque fois (grouper, interval) mon objectif est d'envoyer 14000 email / heure

- (Serveur SMTP : mailing.topnet.tn)
- j’utilise le serveur topnet en Tunisie limité à 1500 email / heure
- authetification : aucune
- j'ai coché : séparement recommandé

merci d'avance
 
Discussions similaires
Haut