Hoe maak ik een e-mailsjabloon?

Volgen
  • Ga naar [Instellingen] -> [E-mail sjablonen].
    Dynamische velden (zet de muis op de "i" om een overzicht te krijgen van de beschikbare codes) zorgen ervoor dat bijvoorbeeld het factuurnummer en de klantnaam opgenomen kunnen worden in het onderwerp of de body van de begeleidende mail.
  • Geef in de velden het onderwerp, de naam van de bijlage (de factuur in pdf-formaat) en de body van de mail (Sjabloon platte tekst) de juiste tekst met eventuele dynamische velden in. Voor de meer ervaren gebruiker is het ook mogelijk om met html te werken.

Voorbeeld sjabloon platte tekst: 

Geachte mevrouw/mijnheer,

Hierbij ontvangt u onze factuur met nummer %INVOICENUMBER%. Graag zien wij de betaling tegemoet op bankrekening IBAN NLXXXXXXXX.

Indien u vragen heeft over de factuur verzoeken wij u contact op te nemen met XXXXX, via telefoonnummer XXXXXX, of via het mailadres xxxx@xxx.nl.

Met vriendelijke groet,

XXXXX

Voorbeeld HTML-sjabloon:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>FacturenQics</title>

<style type="text/css">

body{
width:100%;
-webkit-text-size-adjust:none;
margin:0;
padding:0;
}

img{
border:0;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
}
table td{
border-collapse:collapse;
}
#background{
height:100%;
width:100%;
margin:0;
padding:0;
}

body,#background{
background-color:#F5F5F5;
}

#template{
border:1px solid #DDDDDD;
}

#template,.body{
background-color:#FFFFFF;
}

h1,.h1{
color:#000000;
display:block;
font-family:Verdana;
font-size:20px;
font-weight:bold;
line-height:100%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
text-align:left;
}

.bodyText{
color:#27408b;
display:block;
font-family:Verdana;
font-size:13px;
line-height:150%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
text-align:left;
}

.signingText{
color:#27408b;
display:block;
font-family:Verdana;
font-size:12px;
line-height:140%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
text-align:left;
}

.body div{
color:#F5F5F5;
font-family:Verdana;
font-size:13px;
line-height:150%;
text-align:left;
}
.body div a:link,.body div a:visited,.body div a .yshortcuts {
color:#3B5998;
font-weight:normal;
text-decoration:underline;
}
.body img, img{
display:inline;
height:auto;
}

.footer div{
color:#3B5998;
font-family:Verdana;
font-size:10px;
line-height:100%;
text-align:right;
}
.footer div a:link,.footer div a:visited,.footer div a .yshortcuts {
color:#3B5998;
font-weight:normal;
text-decoration:underline;
}
.footer img{
display:inline;
}

td.line{
border-top-width:1;
border-top-style:solid;
border-top-color: rgb(209,229,255);
font-size: 1px;
}
.styleNormal
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}
.styleColumnHeader
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
color: rgb(105,105,105);
}
.styleSmallGray
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
color: rgb(105,105,105);
}
.styleNormalGray
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: rgb(105,105,105);
}
.styleError
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color:#FF0000;
}
.styleHeader
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
color: rgb(55,100,160);
}
.styleHeaderSmall
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: rgb(55,100,160);
}
.styleSubHeader
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
color: rgb(55,100,160);
}
</style>


</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #F5F5F5;width: 100%;">
<center>
<table border="0" cellpadding="0" cellspacing="10" height="100%" width="100%" id="background" style="margin: 0;padding: 0;background-color: #F5F5F5;height: 100%;width: 100%;">
<tr>
<td align="center" valign="top" style="border-collapse: collapse;">
<!-- START HEADER -->
<table border="0" cellpadding="0" cellspacing="0" width="600" style="background-color: #F5F5F5;">
<tr>
<td valign="top" style="border-collapse: collapse;">
<div style="color: #808080;font-family: Verdana;font-size: 9px;line-height: 100%;text-align: center;">
<BR/><BR/>
</div>
</td>
</tr>
</table>
<!-- START HEADER -->
<!-- START BODY -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template" style="border: 1px solid #DDDDDD;background-color: #FFFFFF;">
<tr>
<td valign="top" class="body" style="border-collapse: collapse;background-color: #FFFFFF;">

<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td valign="top" style="border-collapse: collapse;">
<IMG width='134' src='http://www.qics.nl/xhtml/assets/img/logo-blauw.png'><BR/><BR/>
<div class="bodyText" style="color: #27408b;display: block;font-family: Verdana;font-size: 11px;font-weight: normal;line-height: 150%;text-align: left;margin-top: 0;margin-right: 0;margin-bottom: 11px;margin-left: 0;">
<br>Geachte mevrouw/mijnheer,
</div>
<div class="bodyText" style="color: #27408b;display: block;font-family: Verdana;font-size: 11px; font-weight: normal;line-height: 150%;text-align: left;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;">
Hierbij ontvangt u onze factuur met nummer %INVOICENUMBER%. Graag zien wij de betaling tegemoet op bankrekening IBAN NLXXXXXXX.<br><br>Indien u vragen heeft over de factuur verzoeken wij u contact op te nemen met XXXXX, via telefoonnummer XXXXXX, of via het mailadres XXXX@XXX.nl.<br><div class="bodyText" style="color: #27408b;display: block;font-family: Verdana;font-size: 11px; font-weight: normal;line-height: 150%;text-align: left;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;">
<BR>Met vriendelijke groet,<BR/><BR/><b>XXXXX</b><BR/><BR/><BR/><BR/>
</div><div>
</div>
</td>
</tr>
</table>
</td>
</tr> </table>
<!-- END BODY -->
<!-- START FOOTER -->
<table border="0" cellpadding="10" cellspacing="0" width="600" style="background-color: #F5F5F5;">
<tr>
<td valign="top" class="footer" style="border-collapse: collapse;text-align:left;">
<a style="color: #808080; font-family: Verdana;font-size: 10px;line-height: 100%;text-align:left;"
href=''></a>

<div style="color: #808080; font-family: Verdana;font-size: 10px;line-height: 100%;text-align:left;">

</div>
</td>

</tr>
</table>
<!-- END FOOTER -->
</td>
</tr>
</table>
</center>
</body>
</html>

 

 

Hebt u meer vragen? Een aanvraag indienen

Opmerkingen

Mogelijk gemaakt door Zendesk