Quand vous aurez terminé ce module de formation, vous pourrez :
- Paramétrer le MailEditor en fonction de vos besoin.
- Envoyer un mail directement depuis FlowerDocs
Avant de commencer
Ce tutoriel est basé sur la configuration du MailEditor. Il est nécessaire d’avoir une configuration de serveur SMTP disponible.
Afin de faciliter la rédaction du mail, nous ajouterons les modèles suivants :
Template corps d'email
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Quicksand&display=swap" rel="stylesheet">
<style type="text/css">
a {
text-decoration: none;
}
.link {
font-weight: bold;
text-decoration: none !important;
background-color: #651fff;
color: #fff !important;
word-break: break-word;
border-radius: 8px;
font-family: Arial, sans-serif;
font-size: 14px;
padding: 8px 16px;
display: table;
border-collapse: separate;
margin: 20px auto;
}
</style>
</head>
<body class="body">
<div
style="border: 1px solid #cccccc; min-width: 280px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding: 20px 20px; margin-top: 20px;">
<div class="raw-html-embed" style="margin: 10px 0 50px 0;">
<a href="https://flowerdocs.com"> <img src="https://flowerdocs.com/img/logo.png" height="60px">
</a>
</div>
<div class="content" th:utext="${content}">Corps du mail</div>
<div class="content" style="margin-top: 40px;">L'équipe FlowerDocs.</div>
<div class="raw-html-embed" style="text-align: center; margin-top: 21px;">
<div>
<a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbtr3lGmQV1-WJV7CgTYvW6dm_Cq325FwqW8qmYmp55fdLXW1kP0Gg73QY67VPYSJ08vdTHZW1tR3x76ZzwCNW3LV_4k6lBxpxW5sxnSZ1VFDS1W2zwCC35kVx4KVx73Lc3Pkzg_W8bnM4c5_NNkJW5QhP112x8WXTW7rNxjl2ds4Q_W7zGVfS6S16zbW9brShK8nTJYQW94mV4d4BQnf7W6V9h3t5LWlT4N3mGYztD5k72W17Y_3p1V9F9DVx1kwF5Cbfm3W9jX2KD4T6n-WW6MhVZl3mmcgRW9hJzDB4sMFcR3cX11"
style="text-decoration: none"> <img
src="https://ci5.googleusercontent.com/proxy/sBcUkaJLcNgVhQtm3ri_57hff_fIjMYrHzDxvsNY3uqNyJIYt2J25Aiy-9HAzyxILxPI65uVJb8WesKJY6wbmzL5akxqQvmvYNGN-qpykd6hclkqXa76Udq2Vg6rsW0zDDim1xElkxhK5xkyajC0w8W4Hhxz3wAEky-3tia_VnqMaPCilWnmYJZrRNn2iH5mF3hAdFRd3H-LgW_kVOdRN-rXyEypGyjwo5kJuUaJ5_o0L3g=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/twitter_circle_grey.png"
alt="Twitter" height="25px" />
</a> <a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbtL3lGn5V1-WJV7Cg-1hW5Yx3k_7wwSZtN3Mj69C73zGNW3d1GNN5nHVl5V4RkSt4_-7-nN5f2bkK_5JqgW5Sqs9Y5X_m21W7FpDtj2rsfwPW1_3c0H5qflg8W1sclrf3bhykFW3L3N0D8GbkYxW7xPY7p16vfwvW9kTNmX5QKgXzW4XqJTS88h653W5p9fd82bQfktW3HrcD81R07drN8NwmWP7T_WwW5twh7386Q14gN1qpG_8BQlf9W7Yvrzk4J9Vt-VBvnyH5xRNBmW70WbgF7rLJwpW2dn5K_5pBs2cW3lNCLz84RXDzMZwScRpSG813b-f1"
style="text-decoration: none"> <img
src="https://ci6.googleusercontent.com/proxy/U83XSqhYcbBf41tHfVxhWHIh8d9MvggblnOFgiBdH_ClO68O9RPD1b1rNSF0VKA68Aqdoaz7h97TObkQ_n9z6WKmSRLC7LD9KSgnp2Z-bdzVx2uMsSyBRdhj9Hii6t6MoOowAO0beUamQke4YPPypQRQ9iXQfk1wc0nrqmiowRjvfPidUhtnHq4TkudSZMmsIMVv4eyNqweJyM65G1Fq3rdYbV2GqjWIjoz4J29TOB5qdMX0=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/linkedin_circle_grey.png"
alt="LinkedIn" style="height: 25px;" height="25px">
</a> <a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbv13lGnpV1-WJV7CgB7jW2zsx5249ZTM_W1vbj_x6gPD8hW32zr4T94KS-9W4x6-db7sYLQDW76Xyt_6wHLxrW6hLPn373cjHJW53BR1V8j9xmbN10tGWn6mvTMW6MmRBd5FdjgsV6TllJ52Xm93TN7V27ZM1CqN2xShCtkvmwNN8ZXQDxyR78LW4TF86V8tSCmLVxtWPG3YBNvVW8XJpkk8h167kW1McvSP4f4DnJN9f9Yz4JsPxCW1k3qlv8N-zr1V5635r64Sdp8W3TV74Y3xKFRSW7glx2L30nScpW4vCKkg3DrhCXW8ysdPK2V7gVLW6jTZHW8_kyylW2mqwJL8hz20f3h781"
style="text-decoration: none"> <img
src="https://ci4.googleusercontent.com/proxy/wC_z7II0i1eiDGbn6kiseYwvofBvwnGUzLjJgtcjIsoDwqbUx8YbTuB5id0DTvWhct5RxP8BmR30DK9__jSTw35TbJ-AEG6yL3OByul1nvSOVhwd--W_r78YKn_Hxwk8EtIeyfboGxQX76InXiF_maluRJAlhePT1bjqCGFQMllvqTOi3p7oXBNkObHZFw7gD5sw3cwMUdlw-QNYFjYmUbXriRPCHstZ4RoCapGZETkBjwo=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/youtube_circle_grey.png"
alt="YouTube" style="height: 25px;">
</a>
</div>
<div class="footer-address" style="margin-top: 20px; font-family: Arial, sans-serif; font-size: 12px; color: #23496d">FlowerDocs -
Arondor, 24⁄26 rue de la Pépinière, Paris, IDF 75008, France, 01 71 18 21 00</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Quicksand&display=swap" rel="stylesheet">
<style type="text/css">
a {
text-decoration: none;
}
.link {
font-weight: bold;
text-decoration: none !important;
background-color: #651fff;
color: #fff !important;
word-break: break-word;
border-radius: 8px;
font-family: Arial, sans-serif;
font-size: 14px;
padding: 8px 16px;
display: table;
border-collapse: separate;
margin: 20px auto;
}
</style>
</head>
<body class="body">
<div
style="border: 1px solid #cccccc; min-width: 280px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding: 20px 20px; margin-top: 20px;">
<div class="raw-html-embed" style="margin: 10px 0 50px 0;">
<a href="https://flowerdocs.com"> <img src="https://flowerdocs.com/img/logo.png" height="60px">
</a>
</div>
<div class="content" th:utext="${content}">Corps du mail</div>
<div class="content" style="margin-top: 40px;">L'équipe Support FlowerDocs.</div>
<div class="raw-html-embed" style="text-align: center; margin-top: 21px;">
<div>
<a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbtr3lGmQV1-WJV7CgTYvW6dm_Cq325FwqW8qmYmp55fdLXW1kP0Gg73QY67VPYSJ08vdTHZW1tR3x76ZzwCNW3LV_4k6lBxpxW5sxnSZ1VFDS1W2zwCC35kVx4KVx73Lc3Pkzg_W8bnM4c5_NNkJW5QhP112x8WXTW7rNxjl2ds4Q_W7zGVfS6S16zbW9brShK8nTJYQW94mV4d4BQnf7W6V9h3t5LWlT4N3mGYztD5k72W17Y_3p1V9F9DVx1kwF5Cbfm3W9jX2KD4T6n-WW6MhVZl3mmcgRW9hJzDB4sMFcR3cX11"
style="text-decoration: none"> <img
src="https://ci5.googleusercontent.com/proxy/sBcUkaJLcNgVhQtm3ri_57hff_fIjMYrHzDxvsNY3uqNyJIYt2J25Aiy-9HAzyxILxPI65uVJb8WesKJY6wbmzL5akxqQvmvYNGN-qpykd6hclkqXa76Udq2Vg6rsW0zDDim1xElkxhK5xkyajC0w8W4Hhxz3wAEky-3tia_VnqMaPCilWnmYJZrRNn2iH5mF3hAdFRd3H-LgW_kVOdRN-rXyEypGyjwo5kJuUaJ5_o0L3g=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/twitter_circle_grey.png"
alt="Twitter" height="25px" />
</a> <a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbtL3lGn5V1-WJV7Cg-1hW5Yx3k_7wwSZtN3Mj69C73zGNW3d1GNN5nHVl5V4RkSt4_-7-nN5f2bkK_5JqgW5Sqs9Y5X_m21W7FpDtj2rsfwPW1_3c0H5qflg8W1sclrf3bhykFW3L3N0D8GbkYxW7xPY7p16vfwvW9kTNmX5QKgXzW4XqJTS88h653W5p9fd82bQfktW3HrcD81R07drN8NwmWP7T_WwW5twh7386Q14gN1qpG_8BQlf9W7Yvrzk4J9Vt-VBvnyH5xRNBmW70WbgF7rLJwpW2dn5K_5pBs2cW3lNCLz84RXDzMZwScRpSG813b-f1"
style="text-decoration: none"> <img
src="https://ci6.googleusercontent.com/proxy/U83XSqhYcbBf41tHfVxhWHIh8d9MvggblnOFgiBdH_ClO68O9RPD1b1rNSF0VKA68Aqdoaz7h97TObkQ_n9z6WKmSRLC7LD9KSgnp2Z-bdzVx2uMsSyBRdhj9Hii6t6MoOowAO0beUamQke4YPPypQRQ9iXQfk1wc0nrqmiowRjvfPidUhtnHq4TkudSZMmsIMVv4eyNqweJyM65G1Fq3rdYbV2GqjWIjoz4J29TOB5qdMX0=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/linkedin_circle_grey.png"
alt="LinkedIn" style="height: 25px;" height="25px">
</a> <a
href="https://hs-7557957.t.hubspotstarter-hs.net/e2t/tc/VXjvV129_BCPW3vM6_R5TRDp3W7Wb0M14jWb6BN1PJbv13lGnpV1-WJV7CgB7jW2zsx5249ZTM_W1vbj_x6gPD8hW32zr4T94KS-9W4x6-db7sYLQDW76Xyt_6wHLxrW6hLPn373cjHJW53BR1V8j9xmbN10tGWn6mvTMW6MmRBd5FdjgsV6TllJ52Xm93TN7V27ZM1CqN2xShCtkvmwNN8ZXQDxyR78LW4TF86V8tSCmLVxtWPG3YBNvVW8XJpkk8h167kW1McvSP4f4DnJN9f9Yz4JsPxCW1k3qlv8N-zr1V5635r64Sdp8W3TV74Y3xKFRSW7glx2L30nScpW4vCKkg3DrhCXW8ysdPK2V7gVLW6jTZHW8_kyylW2mqwJL8hz20f3h781"
style="text-decoration: none"> <img
src="https://ci4.googleusercontent.com/proxy/wC_z7II0i1eiDGbn6kiseYwvofBvwnGUzLjJgtcjIsoDwqbUx8YbTuB5id0DTvWhct5RxP8BmR30DK9__jSTw35TbJ-AEG6yL3OByul1nvSOVhwd--W_r78YKn_Hxwk8EtIeyfboGxQX76InXiF_maluRJAlhePT1bjqCGFQMllvqTOi3p7oXBNkObHZFw7gD5sw3cwMUdlw-QNYFjYmUbXriRPCHstZ4RoCapGZETkBjwo=s0-d-e1-ft#https://hs-7557957.f.hubspotstarter.net/hs/hsstatic/TemplateAssets/static-1.24/img/hs_default_template_images/modules/Follow+Me+-+Email/youtube_circle_grey.png"
alt="YouTube" style="height: 25px;">
</a>
</div>
<div class="footer-address" style="margin-top: 20px; font-family: Arial, sans-serif; font-size: 12px; color: #23496d">FlowerDocs -
Arondor, 24⁄26 rue de la Pépinière, Paris, IDF 75008, France, 01 71 18 21 00</div>
</div>
</div>
</body>
</html>
Nous signerons les mails à l’aide de la signature suivante :
Template signature
<table width="350" cellspacing="0" cellpadding="0" border=
"0" style="border-collapse:collapse;color:rgb(20,49,65);font-family:proxima-nova,sans-serif;font-size:16px">
<tbody>
<tr>
<td style="padding:0px 0px 8px"><a href=
"http://www.arondor.com/" style=
"color:rgb(35,82,124);background-color:transparent;outline:0p" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=http://www.arondor.com/&source=gmail&ust=1534502012335000&usg=AFQjCNEfzPzNYsLZzwNLeusxdsrQ-cDo0g"><img
src=
"https://ci4.googleusercontent.com/proxy/cSwhZepXqW03Rf5D5AGFeXcO8veCBtjhnNZRWb5BhTuCCq9i5l7y45p5eIS_JCEdunAHfsPbhzX-umXCnLvZ-sIhCh5Qo8I-8SMjnV5Wp04ebPqNag_c=s0-d-e1-ft#https://s1g.s3.amazonaws.com/fc06bf76bd119de9734756635bc02148.jpg
" width="96" height"63" alt="" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
</tr>
<tr>
<td style="font-family:helvetica,arial;padding:0px;vertical-align:top;color:rgb(0,0,0);font-size:11px"><span
class="HOEnZb"><font color="#888888"><b><span
style="font-size:13px">{userDisplayName}</span></b><br>
<br>
<span style="font-stretch:normal;line-height:normal">E
: <a href="mailto:{userMail}" style=
"color:rgb(51,122,183);background-color:transparent" target="_blank">{userMail}</a>
</span><br>
<span style="font-stretch:normal;line-height:normal">T
: <a style="color:rgb(51,122,183);background-color:transparent">+33
1 79 74 36 92</a>
</span></font></span><span class="im"><br>
<br>
<b><span style="font-size:13px">ARONDOR - {scope}</span></b><br>
<a href=
"https://maps.google.com/?q=24/26+rue+de+la+P%C3%A9pini%C3%A8re+75008+Paris&entry=gmail&source=g
" style="color:rgb(17,85,204)" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://maps.google.com/?q%3D24/26%2Brue%2Bde%2Bla%2BP%25C3%25A9pini%25C3%25A8re%2B75008%2BParis%26entry%3Dgmail%26source%3Dg&source=gmail&ust=1534502012335000&usg=AFQjCNGaIsVLsWy_T8yF2TSWEfLBg_6Eig">24⁄26
rue de la Pépinière</a><br>
<a href=
"https://maps.google.com/?q=24/26+rue+de+la+P%C3%A9pini%C3%A8re+75008+Paris&entry=gmail&source=g
" style="color:rgb(17,85,204)" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://maps.google.com/?q%3D24/26%2Brue%2Bde%2Bla%2BP%25C3%25A9pini%25C3%25A8re%2B75008%2BParis%26entry%3Dgmail%26source%3Dg&source=gmail&ust=1534502012335000&usg=AFQjCNGaIsVLsWy_T8yF2TSWEfLBg_6Eig">75008
Paris</a> <br>
<br>
<table cellpadding="0" border="0" style="border-collapse:collapse;background-color:transparent">
<tbody>
<tr>
<td style="padding:0px 5px 0px 0px"><a href=
"https://plus.google.com/u/0/b/108979981502695220625/?pageId=108979981502695220625
" style=
"color:rgb(51,122,183);background-color:transparent;display:inline-block" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://plus.google.com/u/0/b/108979981502695220625/?pageId%3D108979981502695220625&source=gmail&ust=1534502012335000&usg=AFQjCNFz2MbkBsjs5x6n-QqoHlEbaf8pbA"><img
width="38" height="38" src=
"https://ci6.googleusercontent.com/proxy/mnnKBJcfqtPo-h4Cvi9PbYU0ommkQ7sCaM07RgfJMMQR4Lu98CFXhULTk0vljzk703o04YOk330FE-J6N7l4NhrFWzIUR0Phde-j2DF3x-Fqy0EHixdP=s0-d-e1-ft#https://s1g.s3.amazonaws.com/a673991fdf1f05b3e2b98c3817b25db2.png
" alt="Google+" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
<td style="padding:0px 5px 0px 0px"><a href=
"http://www.viadeo.com/fr/company/arondor" style=""
"color:rgb(51,122,183);background-color:transparent;display:inline-block" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=http://www.viadeo.com/fr/company/arondor&source=gmail&ust=1534502012335000&usg=AFQjCNFOAc_UJW8RRJCQhxQ9_VCZpjzPJA"><img
width="38" height="38" src=
"https://ci5.googleusercontent.com/proxy/rGHCW3HgtIorw6na9fNVzGyXHZoweZ7ciZnmKe2v8h9QYlLRKCextLAgmfOHtrNxE77yRFEmADr4AO3yF_fCGDHa35Sn7QHTgWgKnz8GDu4FboIIHRdc=s0-d-e1-ft#https://s1g.s3.amazonaws.com/77290c5a0ced43758304d54e078c2d7c.png
" alt="Viadeo" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
<td style="padding:0px 5px 0px 0px"><a href=
"https://www.linkedin.com/company/arondor/" style=""
"color:rgb(51,122,183);background-color:transparent;display:inline-block" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://www.linkedin.com/company/arondor/&source=gmail&ust=1534502012335000&usg=AFQjCNGt-RR3HxwuM6T5UFGbtirC7WkKow"><img
width="38" height="38" src=
"https://ci4.googleusercontent.com/proxy/gQeps5NPSQ928nUGOVD3bpMO0GiI7BEoLkwFpTc54rQPmLcTJz_W7o-QzYzzxsQGZ18n-MaQIj8Htu9s-Uw4UKeJfHSIVG-IQ7_Ya0eq4x-lQq7O-jOg=s0-d-e1-ft#https://s1g.s3.amazonaws.com/6dbc8b14389798b41b2825c9d8b18235.png
" alt="LinkedIn" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
<td style="padding:0px 5px 0px 0px"><a href=
"https://twitter.com/ARONDOR_COM" style=
"color:rgb(51,122,183);background-color:transparent;display:inline-block" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://twitter.com/ARONDOR_COM&source=gmail&ust=1534502012335000&usg=AFQjCNFYCMwW11bDlRcnyDoZyIvQiAx3QQ"><img
width="38" height="38" src=
"https://ci5.googleusercontent.com/proxy/t5E_WTFLqu72cuNMvXshbQOhwuJWonHJynVv-cgEnTiLJPunYu40wJi1vwwaiseWR1jb_4Ivkgr1S6qXL99xkxu4lQHY9yS1mG2KYVU7Hs2A1RqJ_CAS=s0-d-e1-ft#https://s1g.s3.amazonaws.com/7cd49c48bdb200f247cb1d10703bc310.png
" alt="Twitter" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
<td style="padding:0px 5px 0px 0px"><a href=
"https://www.facebook.com/Arondor" style=
"color:rgb(51,122,183);background-color:transparent;display:inline-block" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://www.facebook.com/Arondor/&source=gmail&ust=1534502012336000&usg=AFQjCNEHCTAAoKpAH3OZQBkAGXVJt47dYw"><img
width="38" height="38" src=
"https://ci6.googleusercontent.com/proxy/IBaU_IbLStoZCJGnAaOUYmeheINwhyB4EIrx8WPh8atsOrQn1I3YV0GfaS5mQvOnCPib-1Zmds7cL7-MkIeERakL4qQbD68aklg5zPGTN7L2zesJYsIp=s0-d-e1-ft#https://s1g.s3.amazonaws.com/b8f0c078091ad63d6f18258220e5e2c3.png
" alt="Facebook" style=
"max-width:inherit;border:none;vertical-align:baseline" class="CToWUd"></a></td>
</tr>
</tbody>
</table>Découvrez ARender, notre visionneuse universelle : <a href=
"https://arender.io/" style="color:rgb(17,85,204)" target=
"_blank" data-saferedirecturl=
"https://www.google.com/url?q=https://arender.io/&source=gmail&ust=1534502012336000&usg=AFQjCNFr8skhdi_UCQZfSIcuf_rP-MgEpw">https://arender.io</a><br></span></td>
</tr>
</tbody>
</table>