Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 11:34

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
Haut
28 Réponses
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 13:38

Personne aurai une idée ?
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 14:34

Tu as essayé de vérifier déjà que ton contenu html était assez simple pour passer la plupart des interpréteur html des webmails : http://forum.webrankinfo.com/mail-html-supporte-par-maximum-clients-webmails-t95680.html.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 14:50

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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=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...
Haut
Messages: 22678

Enregistré le: 8 Aoû 2004

Message le Jeu Fév 19, 2009 15:02

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
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 15:05

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.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 15:13

OK je vais revoir cela...

Merci
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 15:22

Et pour l'envoyé vous utilisez quoi ?
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 15:23

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.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 15:30

J'ai Max Bulk Mailer, tu connais ?

Précision je suis sous Mac.
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 15:57

Nope je je connais pas.
Haut
Messages: 343

Enregistré le: 12 Déc 2008

Message le Jeu Fév 19, 2009 16:03

Bonjour,

Perso j'utilise çà sous mac

simple et pratique

@+
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 16:15

Merci, mais est ce que cela passe dans tous les webmail ?
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 16:34

Test effectué et ça passe pas chez Free sur leur Webmail.

Mais Max Bulk Mailer à la même fonction.
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 16:38

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.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 16:51

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...
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 16:55

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.
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 16:56

1. Tes images sont toujours en relatif. http://www.tonsite.com/images/master_voeux_2009_v6_01.jpg, par exemple. Le base href n'est en effet pas la meilleure solution (Free supprime énormément de choses des mails reçus lors de la visualisation).

2. Tu as toujours un gros bloc de CSS onpage. Supprime-le, et remplace tes modifs par leurs équivalents HTML.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 17:03

Ok, il faut vraiment faire au plus simple...
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 17:09

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 :)
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 17:31

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+
Modifié en dernier par philouseb le Jeu Fév 19, 2009 17:55, modifié 1 fois.
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 17:46

Bon ben avec le javascript cela fonctionne aussi.

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

Merci encore
Haut
Messages: 22678

Enregistré le: 8 Aoû 2004

Message le Jeu Fév 19, 2009 17:47

philouseb a écrit: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
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Jeu Fév 19, 2009 17:56

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+
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Jeu Fév 19, 2009 18:32

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.
Haut
Messages: 379

Enregistré le: 2 Oct 2007

Message le Ven Fév 20, 2009 19:04

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 ;-)
Haut
Messages: 12290

Enregistré le: 23 Nov 2005

Message le Ven Fév 20, 2009 19:07

On peut parler de mon bakchich Wefficient ? :mrgreen:
Haut
Messages: 727

Enregistré le: 2 Nov 2006

Message le Mer Fév 25, 2009 12:21

Encore merci de vos conseils.
Haut
Messages: 1

Enregistré le: 16 Sep 2016

Message le Ven Sep 16, 2016 7:18

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
Haut