Réalisation de la newsletter

modv

WRInaute occasionnel
Bonjour,

Je cherche à améliorer ma newsletter, soit mettre un peu de design.
Je veux créer une interface graphique conforme à mon site web, et pouvoir y intégré du contenu, le tout envoyé dans la newsletter.
Un peu comme les newsletter de auchan, vente privé, pizza hut...

Donc, je crée mon design, je la loge dans mon ftp, pour la récupérer dans ma newsletter, je met un lien externe, enfin bref la n'est pas le problème...je voudrais savoir comment y intégré du contenu: je peux éditer en html ou/et en css...

Comment me conseillez vous de procéder?

Merci
 

tonguide

WRInaute passionné
Non, pas en haut de la page, dans le code directement via style="" si tu veux que ça marche partout, notamment avec certaines versions de Outlook qui vire la totalité du header (donc ton CSS également)
 

killeragage

WRInaute occasionnel
En effet, les logiciels de newslettre te demanderont juste de mettre le lien vers la page sur le serveur ftp à afficher et tout sera joué !
 

KOogar

WRInaute accro
merci pour le lien Hoho :)

4. Une demande d'être ajouté au carnet d'adresse de votre destinataire afin de garantir que les images soient activées par défaut.

De quoi parle t-il ???

5. Une version texte brut de votre email. Certains de vos destinataires auront peut-être paramétré leur client email afin de n'afficher que la version texte de chaque email, alors assurez-vous d'envoyer votre email en format multi-part, qui comprend à la fois les versions texte brut et HTML dans un seul message email.

Il y a un code a ajouter dans la commande mail pour faire ca ? comment avoir 2 versions: 1 texte + 1 html et les envoyer en meme temps ?
 

tonguide

WRInaute passionné
on peut définir dans le même mail un header pour la version texte, et le header pour la version HTML. Ainsi on envoi une version texte pour ceux qui ne lisent pas le HTML, et une version HTML pour ceux qui peuvent.

Je te conseil phpclasses.org, tu trouvera pas mal de bonne petite class pour envoyer un mail aussi bien en HTML qu'en texte (ou uniquement en Texte ou uniquement en HTML). (ps : il faut s'inscrire pour voir les fichiers malheureusement).
 

KOogar

WRInaute accro
tonguide a dit:
on peut définir dans le même mail un header pour la version texte, et le header pour la version HTML. Ainsi on envoi une version texte pour ceux qui ne lisent pas le HTML, et une version HTML pour ceux qui peuvent.

tu aurais la syntaxe ?
 

Hoho

WRInaute occasionnel
KOogar a dit:
tonguide a dit:
on peut définir dans le même mail un header pour la version texte, et le header pour la version HTML. Ainsi on envoi une version texte pour ceux qui ne lisent pas le HTML, et une version HTML pour ceux qui peuvent.

tu aurais la syntaxe ?

Je me suis posé la même question que toi. Normalement, le client décide du type d'email (html ou text ) à son inscription à la newsletter, par la suite, on lui envoie la version qu'il aura choisi préalablement.
 

webmasterlamogere

WRInaute passionné
KOogar a dit:
tonguide a dit:
on peut définir dans le même mail un header pour la version texte, et le header pour la version HTML. Ainsi on envoi une version texte pour ceux qui ne lisent pas le HTML, et une version HTML pour ceux qui peuvent.

tu aurais la syntaxe ?
j'ai cette fonction qui marche bien. Ici la version texte (dans la variable $Textmsg) est construite automatiquement a partir du paramètre $corps qui est en html :
Code:
function send_mail($emailto, $sujet, $corps, $emailfrom, $priority=3) {
//envoi un email a un visiteur
	if(strtoupper(substr(PHP_OS,0,3)=='WIN')){
		$eol="\r\n";
		$sol="\n";
	}elseif(strtoupper(substr(PHP_OS,0,3)=='MAC')){
		$eol="\r";
	}else{
		$eol="\n";
	}
	if(!isset($sol)){
		$sol = $eol;
	}
	$Momentn = mktime().".".md5(rand(1000,9999));
	$bnd = md5(time()).rand(1000,9999);
	$bndp = md5(time()).rand(1000,9999);
	
	$Textmsg = eregi_replace("<br(.{0,2})>", $eol, $corps);
	$Textmsg = eregi_replace("</p>", $eol, $Textmsg);
	$Textmsg = strip_tags($Textmsg);
	if ($emailto == EMAIL_MASTER)
	//envoi du mail au webmaster
		$to = EMAIL_MASTER_NAME . "<" . EMAIL_MASTER . ">";
	else
		$to = "$emailto";
	if ($emailfrom == EMAIL_MASTER)
		$from = EMAIL_MASTER_NAME . "<" . EMAIL_MASTER . ">";
	else
		$from = "$emailfrom";
	$headers = 'From: '.$from.$eol;
	$headers .= 'Reply-To: '.$from.$eol;
	$headers .= 'Return-Path: '.$from.$eol;
	$headers .= 'X-Priority: '.$priority.$eol;
	$headers .= 'Message-ID: <'.$Momentn.'@PHPMAILSERVER>'.$eol;
	$headers .= 'Date: '.date("r").$eol;
	$headers .= 'Sender-IP: '.$_SERVER["REMOTE_ADDR"].$eol;
	$headers .= 'X-Mailer: PHP v'.phpversion().$eol;  
	$headers .= 'MIME-Version: 1.0'.$eol;
	$headers .= "Content-Type: multipart/mixed; $eol	   boundary="".$bndp.""".$eol.$eol;
	$msg  = "This is a multi-part message in MIME format.".$eol.$eol;
	$msg .= "--".$bndp.$eol;
	$msg .= "Content-Type: multipart/alternative; $eol	   boundary="".$bnd.""".$eol.$eol;
	$msg .= "--".$bnd.$eol;
	$msg .= "Content-Type: text/plain; charset=iso-8859-1".$eol;
	$msg .= "Content-Transfer-Encoding: 8bit".$eol.$eol;
	$msg .= $Textmsg.$eol;
	$msg .= "--".$bnd.$eol;
	$msg .= "Content-Type: text/html; charset=iso-8859-1".$eol;
	$msg .= "Content-Transfer-Encoding: 8-bit".$eol.$eol;
	$msg .= $corps.$eol;
	$msg .= "--".$bnd."--".$eol.$eol;
	$msg .= "--".$bndp."--";
	//envoi du mail
	return @mail($to, $sujet, $msg, $headers);
	//voici la ligne a utiliser pour les sites heberges chez Online.net pour l'envoi des mails
	//pour l'utiliser, il faut enlever les '//' devant les lignes ci-dessous et les mettre devant la ligne ci-dessus !
	//return @email("webmaster",$to,$sujet,$corps);
}
 

KOogar

WRInaute accro
...ben oui, pour le mode texte, il suffit simplement de mettre un header au début du message texte. :roll:

Merci pour le code.
 

wana

WRInaute discret
en gros rien de bien différent qu'une page web si ce n'est rajouter tout en haut un lien texte vers l'url de la newsletter + mettre les styles directement dans la page...
 

Wefficient

WRInaute occasionnel
wana a dit:
en gros rien de bien différent qu'une page web si ce n'est rajouter tout en haut un lien texte vers l'url de la newsletter + mettre les styles directement dans la page...

Si c'était si simple, il n'y aurait pas des personnes spécialisées en optimisation HTML emailing ;-)
Essaye donc de faire un template qui passera aussi bien dans thunderbird, outlook 2003, outlook 2007 et lotus notes... amuse toi bien LOL
Et y'a plein d'autres petits details qui passent pas trop mal dans une page HTML pour site web et qui, une fois en HTML email t'envoient direct à la case spam...
 

Hoho

WRInaute occasionnel
Wefficient a dit:
wana a dit:
en gros rien de bien différent qu'une page web si ce n'est rajouter tout en haut un lien texte vers l'url de la newsletter + mettre les styles directement dans la page...

Si c'était si simple, il n'y aurait pas des personnes spécialisées en optimisation HTML emailing ;-)
Essaye donc de faire un template qui passera aussi bien dans thunderbird, outlook 2003, outlook 2007 et lotus notes... amuse toi bien LOL
Et y'a plein d'autres petits details qui passent pas trop mal dans une page HTML pour site web et qui, une fois en HTML email t'envoient direct à la case spam...

Peut-être que tu travail dans le domaine mais, je ne pense pas qu'il soit aussi difficile que tu le dis pour un webmaster aguerri maitrisant le xhtml/css d'arriver à ses fins. Avec un peu de lecture sur le net sur le domaine, en t'inspirant de ce qui se fait de mieux dans le domaine, tu peux t'en sortir très bien.
Ça chôme pas de ton côté par hasard?
 

DadouDuck

WRInaute impliqué
détrompe toi, c'est loin d'être aussi simple que cela en a l'air, j'en ai fait la désagréable expérience, déjà que tu te fais "chier" avec les différents logiciels de messagerie (entre autre l'incompréhensible choix de Microsoft d'avoir un moteur de rendu totalement différent entre outlook 2003 et 2007), qu'en plus il faut rajouter tous les webmail (orange, imp, gmail, yahoo...) qui rendent difficilement utilisable les feuilles de style.

Ensuite tu dois faire très attention à ton ratio images / contenu, sans quoi c'est la case spam. Le contenu lui même doit être très soigneusement rédigé.

Et puis tu auras beau faire toutes les gymnastiques que tu veux, un nombre plus ou moins important de tes mail iront dans la boite courrier indésirable, la sensibilité, et les filtres diffèrent d'un logiciel de messagerie à l'autre, voire pire, n'arrivera jamais dans la boite du destinataire, car pris dans les filtre du serveur de messagerie (et en ce moment, c'est Free qui fait son malin à ce niveau)
 

Wefficient

WRInaute occasionnel
LOL hoho :)

Toi à mon avis, tu ne dois pas tester systématiquement tes envois sur toutes les plates formes pour avoir cette vision simpliste.
Cette optimisation est aussi simple à réaliser que de se dire que "faire de l'emailing c'est facile, il suffit de pousser sur un bouton"
Et je te rassure, je n'ai pas le temps de chomer, même si je ne fais pas moi même l'optimisation des emails les plus sensibles de mes clients. Je laisse cela à l'un de mes partenaires qui maitrise mille fois mieux que moi la question (et pourtant je me débrouille déjà plus qu'honorablement question emailing)

Je dirais que l'emailing en B2C est plus facile à optimiser que le B2B vu le nombre de systèmes exotiques qu'on trouve en entreprise (lotus, eudora, etc.)

Après pour ce qui est de la déliverabilité, c'est un autre débat, encore plus large. ;-)
 

narayana

WRInaute impliqué
Si vous souhaitez lancer des newsletters commerciales en grand nombre, il est préferable de passer par des routeurs pour qu'il déclare votre adresse d'expédition dans une "white list".
L'emailing est très compliqué, il y a des règles qui évoluent tous les jours. Par exemple dans les grosses entreprises gérant les routage d'emails, il y a souvent une équipe entière dédiée à la communication avec les principaux FAI. En effet ces derniers mettent régulièrement à jour leurs filtres respectifs.
Voici quelques sociétés avec qui j'ai pu travailler, et croyez moi l'envoi et le formatage d'une newsletter est loin d'être évident.
Cabestan, Emailing Solution, Email Stratégie, Email Vision...
Bon courage pour la suite.
 

DadouDuck

WRInaute impliqué

Bool

WRInaute passionné
Non, l'hébergeur se limite généralement à la configuration correcte du serveur de mail (et encore, la plupart se contentent des paramètres par défaut).
Il peut par exemple mettre en place certaines techniques (SPF, SenderID, DomainKey, DKIM) ; selon ton contrat il peut aussi gèrer la politique de "retry" suivant les différents FAI. Mais ça sort complètement du cadre de l'hébergement "classique" et de beaucoup de prestations d'infogérance.

Pour ce qui est du whitelistage auprès des différents FAI et de la gestion des bounces, ce sera bien souvent au client de s'en charger.
 

KOogar

WRInaute accro
Bool a dit:
Il peut par exemple mettre en place certaines techniques (SPF, SenderID, DomainKey, DKIM) ; selon ton contrat il peut aussi gèrer la politique de "retry" suivant les différents FAI. Mais ça sort complètement du cadre de l'hébergement "classique" et de beaucoup de prestations d'infogérance.

tu veux dire que l'on peux coder le plus beau header du monde pour la commande mail(), c'est pas pour ca que le mail va aboutir correctement ? cela depend des contrats de l'hébergeur avec les FAI ?
 

Bool

WRInaute passionné
Non, cela dépend :
- du contenu du mail
- de tes "voisins" d'IP et/ou de plage IP
- de la configuration "générale" du serveur de mail
- de la quantité de mail envoyé chez chaque "fai" (ainsi que la vitesse d'envoi)
- du taux d'adresse emails "invalides" par "fai"
- du fait que ton serveur utilise ou non les services proposés/facturés par les différents fai
- du fait que les internautes cliquent ou non sur le bouton "spam"
- et évidement, de l'age du capitaine également.

Bref, l'hébergeur se charge en général du point "3", d'une partie du point 6, et le reste est pour ta pomme.
D'où l'intérêt de passer par les services d'une société spécialisée, comme on arrête pas de le répéter.
 

KOogar

WRInaute accro
Merci pour ces explications. Je vais voir avec mon hébergeur si je peux avoir plus de détails sur les contrats qu'il a passé avec les différentes FAI.

Pour ceux que cela interresse, pour le taux d'adresse emails "invalides" par FAI, avant l'envoi, je prépare ma liste avec cette fonction. Elle cumule la vérif de syntaxe et la vérif DNS MX sur le NDD de l'adresse mail.
http://www.tienhuis.nl/files/email_verify_source.php
 

Bool

WRInaute passionné
Il ne me semble pas avoir parlé de contrat entre l'hébergeur et les "FAI" hein... Le seul réel contrat c'est celui qui te lie toi à ton hébergeur.

Pour ce qui est de ta vérif, elle est fausse : déjà le MX n'a jamais été obligatoire donc tu élimines des vraies adresses ; ensuite le seul moyen de vraiment vérifier l'existence d'une adresse c'est d'envoyer un mail dessus et de consulter les retours (bounce).
 

KOogar

WRInaute accro
Bool a dit:
Il ne me semble pas avoir parlé de contrat entre l'hébergeur et les "FAI" hein... Le seul réel contrat c'est celui qui te lie toi à ton hébergeur.

Mais c'est toi qui le dit avant...

>> du fait que ton serveur utilise ou non les services proposés/facturés par les différents fai

Bool a dit:
Pour ce qui est de ta vérif, elle est fausse

...et sans l'avoir tester.. clap clap

Bool a dit:
ensuite le seul moyen de vraiment vérifier l'existence d'une adresse c'est d'envoyer un mail dessus et de consulter les retours (bounce).

on fait aussi, merci :D
 

Bool

WRInaute passionné
Mouais, quand je parle du "fait que ton serveur utilise ou non les services proposés/facturés par les différents fai" ; ce n'est justement pas l'hébergeur qui souscrit à ces services, c'est le locataire du serveur dédié. A moins de tomber sur la perle rare... mais ce ne sera certainement pas chez nos chers hébergeurs "discount" ;)

Pour ta vérif, désolé je m'en suis tenu à tes propos : "elle cumule la vérif de syntaxe et la vérif DNS MX sur le NDD de l'adresse mail."
 

Wefficient

WRInaute occasionnel
narayana a dit:
L'emailing est très compliqué, il y a des règles qui évoluent tous les jours.
Et si t'es pas un professionnel de l'emailing, t'es pas au courant des modifications qui sont faites, et des règles qui changent.

narayana a dit:
Voici quelques sociétés avec qui j'ai pu travailler, et croyez moi l'envoi et le formatage d'une newsletter est loin d'être évident.
Cabestan, Emailing Solution, Email Stratégie, Email Vision...
Tu peux rajouter Mailperformance ;-) 4 milliards de mails en 2007 quand même.

Outlook 2007 est moins bien que 2003 parce que le moteur HTML est celui de word au lieu d'IE.


KOogar a dit:
tu veux dire que l'on peux coder le plus beau header du monde pour la commande mail(), c'est pas pour ca que le mail va aboutir correctement ?

Exactement :-( Comme l'a très bien résumé Bool, il y a tellement de paramètres pris en comptes pour influencer la déliverabilité que la seule configuration du header ne suffit pas.
C'est parce que les (vrais) professionnels ont des rapports privilégiés avec les FAI et Webmails, et une équipe dédiée uniquement à préserver ces bons rapports que les emails qui passent par eux ont une déliverabilité "facilitée"

Après le calcul est économique. Vois combien de temps tu passes sur tes problèmes emailing, et combien cela te coûte de passer par un pro (qui dans la plupart des cas fera le travail sans doute mieux que toi)
 

KOogar

WRInaute accro
Bool a dit:
Pour ta vérif, désolé je m'en suis tenu à tes propos : "elle cumule la vérif de syntaxe et la vérif DNS MX sur le NDD de l'adresse mail."

..pas de probleme, je pensais que tous les serveurs utilisaient ce systeme qui est un standard. Je sais que cette fonction n'est pas béton, mais c'est ce que j'ai trouvé de mieux pour vérifier si une adresse est valide.
 

modv

WRInaute occasionnel
Pour l'aspect Html et mise en forme de la newsletter volà un bout de code non prise de tête:

Code:
<html>
<head>

<!-- ***** Enter Newsletter Title Below ***** -->

<title> Newsletter Title Here </title>

</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#0000FF">
<center>
<table cellpadding="15" bordercolor="#336699" width="600" border="2">
<tr>
<td colspan="2" bgcolor="#336699" align="center">
<font color="#FFFFFF" face="verdana, arial"> 

<font size="+1"><b>

<!-- ***** Enter Newsletter Name Below ***** -->

Newsletter wri :) </b></font><br>

<!-- ***** Enter Subtitle, Volume #, Date Below ***** -->

Bonjour [NAME]</font>
</td>
</tr><tr>
<td colspan="2" bgcolor="#FFFFFF">
<font face="verdana, arial"> 

<!-- ***** Enter Descriptive Text Below ***** -->

Descriptive text here.  Enter your descriptive text here.  Descriptive text here.  Enter your descriptive text here.  Descriptive text here.  Enter your descriptive text here.  Descriptive text here.  Enter your descriptive text here.  Descriptive text here.  Enter your descriptive text here.

</font>
</td>
</tr><tr>
<td width="200" align="center">
<font face="verdana, arial">

<!-- ***** Enter URL for Small Graphic Below ***** -->

<img src="http://www.monsite/image.gif">

</font>
</td><td width="400">
<font face="verdana, arial">

<font size="+1" color="#336699">

<!-- ***** Enter Announcement Below ***** -->

Announcement!

</font>

<p>

Announcement text here.  Enter your announcement text here.  Announcement text here.  Enter your announcement text here.
  Announcement text here.  Enter your announcement text here.
  
<p>

<!-- ***** Enter URL and Name for Link Below ***** -->

<a href="http://www.example.com">Name Your Link Here</a>

</font>
</td>
</tr><tr>
<td colspan="2">
<font face="verdana, arial">

<font color="#336699"><b>

<!-- ***** Enter Bold Text #1 Below ***** -->

Bold Text #1

</b></font><br>

<!-- ***** Enter Descriptive Text #1 Below ***** -->

Descriptive text #1 here.  Enter your descriptive text #1 here.  Descriptive text #1 here.  Enter your descriptive text #1 here.  Descriptive text #1 here.  Enter your descriptive text #1 here.  Descriptive text #1 here.  Enter your descriptive text #1 here.  

<p>

<font color="#336699"><b>

<!-- ***** Enter Bold Text #2 Below ***** -->

Bold Text #2

</b></font><br>

<!-- ***** Enter Descriptive Text #2 Below ***** -->

Descriptive text #2 here.  Enter your descriptive text #2 here.  Descriptive text #2 here.  Enter your descriptive text #2 here.  Descriptive text #2 here.  Enter your descriptive text #2 here.  Descriptive text #2 here.  Enter your descriptive text #2 here.  

<p>

<font color="#336699"><b>

<!-- ***** Enter Bold Text #3 Below ***** -->

Bold Text #3

</b></font><br>

<!-- ***** Enter Descriptive Text #3 Below ***** -->

Descriptive text #3 here.  Enter your descriptive text #3 here.  Descriptive text #3 here.  Enter your descriptive text #3 here.  Descriptive text #3 here.  Enter your descriptive text #3 here.  Descriptive text #3 here.  Enter your descriptive text #3 here.  

<p>

</font>
</td>
</tr><tr>
<td colspan="2" align="center">

<font face="verdana, arial" color="#336699" size="-1">

<!-- ***** Enter Small Footer Text Below ***** -->

Small footer text here.  Enter your small footer text here.  Small footer text here.  Enter your small footer text here.  
Small footer text here.  

</font>

</td>
</tr>
</table>
</center>
</body>
</html>

Après à vous de l'améliorer mais il y a là une idée de plateforme.
 

Discussions similaires

Haut