Opmaak e-mailbericht
Voor de website die ik aan het ontwikkelen ben maak ik gebruik van e-mailberichten die ik aan geselecteerde bezoekers verstuur. De teksten, voorzien van een afbeelding in de koptekst en een footer voor extra info verstuur ik via een normale mail-opdracht. Dat werkt allemaal goed.
Nu wil ik een actieKNOP toevoegen. Een mooi opgemaakte knop die het e-mailbericht wat meet uitstraling moet geven.
Hiervoor heb ik in het e-mailbericht een <style> opgenomen waarin de knop wordt opgemaakt.
Als ik de e-mail ontvang wordt er geen knop getoond maar bij controle zie ik wel de de style is meegekomen.
Moet ik soms nog een extra opdracht meegeven dat gebruik wordt gemaakt van een in-linestyle?
De style code: (onderdeel van het e-mailbericht)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
.knop {
width:150px;
text-align:center;
text-transform: uppercase;
cursor: pointer;
font-size: 13px;
color: whitesmoke;
text-decoration:none;
margin-top:18px;
background: #CC071E;
margin-left:0px;
padding:2px 10px 4px 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
transition:all 1s ease-out
}
</style>
.knop {
width:150px;
text-align:center;
text-transform: uppercase;
cursor: pointer;
font-size: 13px;
color: whitesmoke;
text-decoration:none;
margin-top:18px;
background: #CC071E;
margin-left:0px;
padding:2px 10px 4px 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
transition:all 1s ease-out
}
</style>
De php-code voor de opbouw van het bericht
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?php
include "include/connectie.inc.php";
// Ophalen opmaak (style) e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Style'";
$cResultStyle = mysqli_query($verbinding,$sql);
$rowStyle = mysqli_fetch_array($cResultStyle);
$cStyle = $rowStyle['bericht'];
// Ophalen koptekst e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Koptekst'";
$cResultKop = mysqli_query($verbinding,$sql);
$rowKop = mysqli_fetch_array($cResultKop);
$cBericht2 = $rowKop['bericht'];
// Ophalen e-mailbericht mailing
$sql = "SELECT bericht, onderwerp FROM emailberichten WHERE omschrijving = 'E-mailvoor voorverkoop'";
$cResultEmail = mysqli_query($verbinding,$sql);
$rowBericht = mysqli_fetch_array($cResultEmail);
$cBericht2 .= $rowBericht['bericht'];
$cOnderwerp = $rowBericht['onderwerp'];
// Ophalen voettekst e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Voettekst'";
$cResultVoet = mysqli_query($verbinding,$sql);
$rowVoet = mysqli_fetch_array($cResultVoet);
$cBericht2 .= $rowVoet['bericht'];
$cBewaar = $cBericht2;
// Header e-mailbericht
$html = true;
$headers = 'From: ' . '[email protected]' . PHP_EOL;
$headers .= 'X-Mailer: PHP/' . phpversion() . PHP_EOL;
$headers .= 'X-Priority: Normal' . PHP_EOL;
$headers .= ($html) ? 'MIME-Version: 1.0' . PHP_EOL : '';
$headers .= ($html) ? 'Content-type: text/html; charset=UTF-8' . PHP_EOL : '';
while($rowMailing = mysqli_fetch_array($cResultNamen)) {
$cBericht2 = $cBewaar;
if($lTest == 1 ) {
$cGeadresseerde = $cTestAdres;
} else {
$cGeadresseerde = $rowMailing['email'];
}
if($rowMailing['geslacht'] == "Vrouw") {
$_SESSION['aanhef'] = "mevrouw";
} else {
$_SESSION['aanhef'] = "heer";
}
$_SESSION['kortenaam'] = ucfirst($rowMailing['tussenvoeg']) . " " . $rowMailing['naam'];
include "functies/vervangen.inc";
$cBericht3 = $cStyle . nl2br($cBericht2);
if(mail($cGeadresseerde,$cOnderwerp,$cBericht3,$headers)) {
$cStatus = "Geslaagd";
} else {
$cStatus = "Mislukt";
}
} }
?>
include "include/connectie.inc.php";
// Ophalen opmaak (style) e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Style'";
$cResultStyle = mysqli_query($verbinding,$sql);
$rowStyle = mysqli_fetch_array($cResultStyle);
$cStyle = $rowStyle['bericht'];
// Ophalen koptekst e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Koptekst'";
$cResultKop = mysqli_query($verbinding,$sql);
$rowKop = mysqli_fetch_array($cResultKop);
$cBericht2 = $rowKop['bericht'];
// Ophalen e-mailbericht mailing
$sql = "SELECT bericht, onderwerp FROM emailberichten WHERE omschrijving = 'E-mailvoor voorverkoop'";
$cResultEmail = mysqli_query($verbinding,$sql);
$rowBericht = mysqli_fetch_array($cResultEmail);
$cBericht2 .= $rowBericht['bericht'];
$cOnderwerp = $rowBericht['onderwerp'];
// Ophalen voettekst e-mail
$sql = "SELECT bericht FROM emailberichten WHERE omschrijving = 'Voettekst'";
$cResultVoet = mysqli_query($verbinding,$sql);
$rowVoet = mysqli_fetch_array($cResultVoet);
$cBericht2 .= $rowVoet['bericht'];
$cBewaar = $cBericht2;
// Header e-mailbericht
$html = true;
$headers = 'From: ' . '[email protected]' . PHP_EOL;
$headers .= 'X-Mailer: PHP/' . phpversion() . PHP_EOL;
$headers .= 'X-Priority: Normal' . PHP_EOL;
$headers .= ($html) ? 'MIME-Version: 1.0' . PHP_EOL : '';
$headers .= ($html) ? 'Content-type: text/html; charset=UTF-8' . PHP_EOL : '';
while($rowMailing = mysqli_fetch_array($cResultNamen)) {
$cBericht2 = $cBewaar;
if($lTest == 1 ) {
$cGeadresseerde = $cTestAdres;
} else {
$cGeadresseerde = $rowMailing['email'];
}
if($rowMailing['geslacht'] == "Vrouw") {
$_SESSION['aanhef'] = "mevrouw";
} else {
$_SESSION['aanhef'] = "heer";
}
$_SESSION['kortenaam'] = ucfirst($rowMailing['tussenvoeg']) . " " . $rowMailing['naam'];
include "functies/vervangen.inc";
$cBericht3 = $cStyle . nl2br($cBericht2);
if(mail($cGeadresseerde,$cOnderwerp,$cBericht3,$headers)) {
$cStatus = "Geslaagd";
} else {
$cStatus = "Mislukt";
}
} }
?>
De code van het e-mailbericht:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
Geachte [&aanhef] [&kortenaam],
Hierbij stellen wij u in de gelegenheid om, als trouwe bezoeker van onze concerten, voor de concertenreeks 2015 uw kaarten tegen een gereduceerd tarief in de voorverkoop te bestellen.
De voorverkoopperiode is van [&startvvk] tot [&eindvvk]
<a href="[&linkvvk]" target="_blank"><button class="knop">Bestellen</button></a>
<br /><br />
Hierbij stellen wij u in de gelegenheid om, als trouwe bezoeker van onze concerten, voor de concertenreeks 2015 uw kaarten tegen een gereduceerd tarief in de voorverkoop te bestellen.
De voorverkoopperiode is van [&startvvk] tot [&eindvvk]
<a href="[&linkvvk]" target="_blank"><button class="knop">Bestellen</button></a>
<br /><br />
Wie heeft voor mij een suggestie?
George
Gewijzigd op 22/09/2014 12:42:47 door George van Baasbank
Kan/Mag dat wel?
Het werkt wel. Als ik de routine via mijn scherm laat verlopen gaat alles goed. De button wordt getoond en de link wordt aangeroepen.
Gewijzigd op 22/09/2014 13:11:48 door George van Baasbank
George van Baasbank op 22/09/2014 13:10:47:
San The,
Het werkt wel. Als ik de routine via mijn scherm laat verlopen gaat alles goed. De button wordt getoond en de link wordt aangeroepen.
Het werkt wel. Als ik de routine via mijn scherm laat verlopen gaat alles goed. De button wordt getoond en de link wordt aangeroepen.
Je bedoelt dat het in jouw browser werkt. Dat is echter geen garantie dat andere browsers het gaan weergeven zoals de jouwe.
Toevoeging op 22/09/2014 16:31:48:
Hou er rekening mee dat email en de email clients sinds de negentiger jaren maar weinig gemoderniseerd zijn. Veel clients werken maar beperkt met HTML of gebruiken enkel inline CSS.
En correcte HTML 1.0! structuur is daarom wel aan te bevelen. Verder kun je een <a> eenvoudig stijlen naar het uiterlijk van een button.
Bedankt voor de discussie