Save time
Document template | Gonexa Doc
Courier
This mail model has been designed so that you can send it by post very easily with the address of the receiver positioned for the envelopes.
Download
Devis
Some elements are mandatory, such as the identity of the provider and the signatory, the exhaustive details of the services, etc. Find all the mandatory information in this template.
Download
Curriculum Vitae
We offer you a simple and elegant resume template in order to best present your consultants for example. Personalize this resume with your company colors easily.
Download
Tax receipt
All required information has been included in this tax receipt template so you can use it with confidence. Personalize it very easily to your colors.
Download
Diploma
Remember that you can very easily change the colors of this certificate in order to adapt them to your graphic charter.
DownloadQuote [Accessible with poor eyesight]
This model was designed to allow the visually impaired to be able to simply listen to the estimate using specific tools.
Download
Invoice [Sofacto]
Personalize your invoices and save time with this pre-designed template. This model is based on the Sofacto object model (Billwerk+)
Download
Commercial proposal
Save time in building your value proposition by initiating a PowerPoint document with 80% of the work done.
Download
Enrolment sheet
Follow your trainees in training in a summary document containing posting conditions.
Download
Summary of consumption
Excel can be a suitable format for building charts and displaying Salesforce data in custom charts.
Download
Account opening form
Building a template from a PDF can be very useful to allow you to modify part of the generated document.
DownloadDocument template | Gonexa Sign
Email template
Sleek design
This HTML template will allow you to send beautiful document templates. Simply copy the code and paste it into the “Source” part of a standard Salesforce email template.
Your Copy HTML
<html style="overflow-y: hidden;">
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:590px!important; width: 590px;" width="590">
<tbody>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_0" name="Layout_0" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="38" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(255, 255, 255);">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgb(255, 255, 255); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: 47.9948px;" title="Logo-64x64" /></td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(255, 255, 255); border-radius: 0px;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgb(255, 255, 255); padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature <br />
<br />
</div><div class="align" style="text-align: center;"><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}">Verify and sign</a></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#3c4858;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span></span><br />
- <br />
<br />
The whole Gonexa team</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);"></div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2023 Gonexa</div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"></div></div></div></div>
</body>
</html>
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:590px!important; width: 590px;" width="590">
<tbody>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_0" name="Layout_0" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="38" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(255, 255, 255);">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgb(255, 255, 255); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: 47.9948px;" title="Logo-64x64" /></td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(255, 255, 255); border-radius: 0px;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgb(255, 255, 255); padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature <br />
<br />
</div><div class="align" style="text-align: center;"><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}">Verify and sign</a></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#3c4858;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span></span><br />
- <br />
<br />
The whole Gonexa team</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);"></div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2023 Gonexa</div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"></div></div></div></div>
</body>
</html>
Dark design for dark mode
This HTML template will allow you to send beautiful document templates. Simply copy the code and paste it into the “Source” part of a standard Salesforce email template.
Your Copy HTML
<html style="overflow-y: hidden;">
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:100%!important; width: 100%;" width="100%">
<tbody>
<tr>
<td align="center">
<div style="background-color: rgba(0, 41, 101, 1);">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgba(0, 41, 101, 1); padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="color:#ffffff;"><span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature</span> <br />
<br />
</div><div class="align" style="text-align: center;"><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span><br />
- <br />
<br />
The whole Gonexa team</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: rgb(249, 250, 252)">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;border-radius: 61px;" width="100%">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="50px" style="background-color: rgb(249, 250, 252); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;border-radius: 19px;" width="607">
<tbody>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2024 <strong>Gonexa</strong></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"></div></div></div></div></div>
</body>
</html>
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:100%!important; width: 100%;" width="100%">
<tbody>
<tr>
<td align="center">
<div style="background-color: rgba(0, 41, 101, 1);">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: rgba(0, 41, 101, 1); padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="color:#ffffff;"><span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature</span> <br />
<br />
</div><div class="align" style="text-align: center;"><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span><br />
- <br />
<br />
The whole Gonexa team</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: rgb(249, 250, 252)">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;border-radius: 61px;" width="100%">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="50px" style="background-color: rgb(249, 250, 252); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;border-radius: 19px;" width="607">
<tbody>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2024 <strong>Gonexa</strong></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"></div></div></div></div></div>
</body>
</html>
Simple logo design at the bottom
This HTML template will allow you to send beautiful document templates. Simply copy the code and paste it into the “Source” part of a standard Salesforce email template.
Your Copy HTML
<html style="overflow-y: hidden;">
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252); border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr style="padding: 0;border-collapse: collapse;padding: 0;">
<td align="center" style="padding: 0;">
<table border="0" class="templateContainer" style="max-width:100%!important; width: 100%; border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr>
<td align="center" style="padding: 0;">
<div style="background-color: #ffffff;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-collapse: collapse; border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr style="padding:0;">
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="color:#202020;"><span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature</span> <br />
<br />
</div><div class="align" style="text-align: center;"><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#202020;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span><br />
- <br />
<br />
The whole Gonexa team</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: rgb(249, 250, 252)">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;border-radius: 61px;" width="100%">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="50px" style="background-color: rgb(249, 250, 252); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;border-radius: 19px;" width="607">
<tbody>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2024 <strong>Gonexa</strong></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"></div></div></div></div></div>
</body>
</html>
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="#f9fafc" border="0" class="main-template" style="background-color: rgb(249, 250, 252); border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr style="padding: 0;border-collapse: collapse;padding: 0;">
<td align="center" style="padding: 0;">
<table border="0" class="templateContainer" style="max-width:100%!important; width: 100%; border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr>
<td align="center" style="padding: 0;">
<div style="background-color: #ffffff;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-collapse: collapse; border-collapse: collapse; padding:0;" width="100%">
<tbody>
<tr style="padding:0;">
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 0px; border-bottom: 0px none rgb(200, 200, 200);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="text-align: center;"><br />
<span style="color:#202020;"><span style="font-size:22px;">Hello {{{Recipient.Name}}}</span> <br />
A document has been sent to you for signature</span> <br />
<br />
</div><div class="align" style="text-align: center;"><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div> <div style="font-size: 14px; text-align: center;">
<table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<div style="text-align: center;"></div><table align="center" border="0" class="rnb-col-1" width="550">
<tbody>
<tr>
<td>
<table border="0" class="rnb-col-1" width="550">
</table><div style="text-align: center;"><span style="color:#202020;"><span style="font-size:24px;"><span style="font-size:22px;">Thanks for your trust! </span></span><br />
- <br />
<br />
The whole Gonexa team</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<table border="0" class="rnb-del-min-width" id="Layout_" name="Layout_" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table border="0" height="30" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: rgb(249, 250, 252)">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="min-width:590px;border-radius: 61px;" width="100%">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="50px" style="background-color: rgb(249, 250, 252); border-radius: 0px; padding-left: 20px; padding-right: 20px; border-collapse: separate;border-radius: 19px;" width="607">
<tbody>
<tr>
<td class="rnb-container-padding" style="text-align: center;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:590px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:590px;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div>© 2024 <strong>Gonexa</strong></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 812px; top: 1312px;"><div id="" style="left: 1070px; top: 116px;"><div id="" style="left: 1070px; top: 116px;"><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"></div></div></div></div></div>
</body>
</html>
Top and bottom logo design
This HTML template will allow you to send beautiful document templates. Simply copy the code and paste it into the “Source” part of a standard Salesforce email template.
Your Copy HTML
<html style="overflow-y: hidden;">
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;} .responsive-logo {
text-align: center;
} @media only screen and (max-width: 600px) {
.responsive-logo {
text-align: left;
}
}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="rgb(249, 250, 252)" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:90%!important; width: 90%" width="90%">
<tbody>
<tr style="border-radius: 19px;">
<td align="" style="padding: 0;">
<div style="background-color: rgb(249, 250, 252);border-top-left-radius: 19px; border-top-right-radius: 19px;">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="border-radius: 61px;">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="border-radius: 19px;padding: 0;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="131" style="background-color: rgb(249, 250, 252); border-radius: 0px; /*! padding-left: 20px; */ /*! padding-right: 20px; */ border-collapse: separate;border-radius: 19px;">
<tbody>
<tr>
<td class="rnb-container-padding" style="padding: 0;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: #ffffff; border-radius: 19px;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-radius: 19px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 19px; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="10" style="font-size:1px; line-height:10px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div>Hi {{Recipient.FirstName}}}, <br />
<br />
A new document has just been sent to you for review and signature as part of your contract with our company. <br aria-hidden="true" />
<br aria-hidden="true" />
Simply go to the link below to review and finalize your agreement</div>. <div style="text-align: center;"><br />
</div><div class="align" style=""><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:90%;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div style="text-align: left;"><span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><span style="white-space-collapse: preserve;">This email was sent by</span></span></span> <span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><a href="mailto:{{{Recipient.Email}}}"><span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><span style="white-space-collapse: preserve;">{{{Recipient.Email</span></span></span></a>}}}.</span></span> </div><span style="color:#333333;"><span style="white-space:pre-wrap;">If you prefer not to receive this type of email, you can <a href="https://lien-vers-desabonnement.com">unsubscribe or manage your email preferences</a>.</span></span> <div style="text-align: left;"><span style="color:#95a5a6;"><span style="white-space:pre-wrap;">Gonexa | 51 Boulevard des Brotteaux, 69006 Lyon</span></span></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: #F7F9FC;"> </div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:90%;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td class="rnb-container-padding responsive-logo" style="padding: 0px;"><img alt="Logo-64x64" height="89" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/62a5e87863aafa502ce966dd_Logo-256x256.png" style="max-width: 1304.16px; width: 66px; height: 66px;" title="Logo-64x64" width="89" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div>
</body>
</html>
<head>
<title></title>
<style type="text/css">a.button {appearance: button; text-decoration: none; cursor: pointer; padding: 10px 20px! important; border-radius: 30px; background-color: #EAF5FF; color: #428AEF;} .responsive-logo {
text-align: center;
} @media only screen and (max-width: 600px) {
.responsive-logo {
text-align: left;
}
}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="rgb(249, 250, 252)" border="0" class="main-template" style="background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="max-width:90%!important; width: 90%" width="90%">
<tbody>
<tr style="border-radius: 19px;">
<td align="" style="padding: 0;">
<div style="background-color: rgb(249, 250, 252);border-top-left-radius: 19px; border-top-right-radius: 19px;">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="border-radius: 61px;">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="border-radius: 19px;padding: 0;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="131" style="background-color: rgb(249, 250, 252); border-radius: 0px; /*! padding-left: 20px; */ /*! padding-right: 20px; */ border-collapse: separate;border-radius: 19px;">
<tbody>
<tr>
<td class="rnb-container-padding" style="padding: 0;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: #ffffff; border-radius: 19px;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-radius: 19px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-radius: 19px; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="10" style="font-size:1px; line-height:10px; mso-hide: all;"></td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div>Hi {{Recipient.FirstName}}}, <br />
<br />
A new document has just been sent to you for review and signature as part of your contract with our company. <br aria-hidden="true" />
<br aria-hidden="true" />
Simply go to the link below to review and finalize your agreement</div>. <div style="text-align: center;"><br />
</div><div class="align" style=""><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Verify and sign</span></a></strong></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:90%;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div style="text-align: left;"><span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><span style="white-space-collapse: preserve;">This email was sent by</span></span></span> <span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><a href="mailto:{{{Recipient.Email}}}"><span style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);"><span style="white-space-collapse: preserve;">{{{Recipient.Email</span></span></span></a>}}}.</span></span> </div><span style="color:#333333;"><span style="white-space:pre-wrap;">If you prefer not to receive this type of email, you can <a href="https://lien-vers-desabonnement.com">unsubscribe or manage your email preferences</a>.</span></span> <div style="text-align: left;"><span style="color:#95a5a6;"><span style="white-space:pre-wrap;">Gonexa | 51 Boulevard des Brotteaux, 69006 Lyon</span></span></div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: #F7F9FC;"> </div>
</td>
</tr>
<tr>
<td align="center">
<div style="background-color: rgb(249, 250, 252);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width" style="min-width:90%;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 20px; padding-left: 20px; background-color: rgb(249, 250, 252);" width="100%">
<tbody>
<tr>
<td class="rnb-container-padding responsive-logo" style="padding: 0px;"><img alt="Logo-64x64" height="89" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/62a5e87863aafa502ce966dd_Logo-256x256.png" style="max-width: 1304.16px; width: 66px; height: 66px;" title="Logo-64x64" width="89" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div>
</body>
</html>
Design simple bouton carré
Ce modèle HTML vous permettra d'envoyer de magnifiques modèles de documents. Il suffira de copier le code et de le coller dans la partie "Source" d'un modèle d'email standard Salesforce
tes Copier HTML
<html style="overflow-y: hidden;">
<head>
<title></title>
<style type="text/css">a.button {appearance: button;text-decoration: none;cursor: pointer;padding: 10px 20px !important;background-color: #EAF5FF;color: #428AEF;} .responsive-logo{
text-align: center;
} @media only screen and (max-width: 600px) {
.responsive-logo{
text-align: left;
}
}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="rgb(249, 250, 252)" border="0" class="main-template" style="background-color: rgb(255, 255, 255);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="/*! max-width:90%!important; */ width: 100%;" width="90%">
<tbody>
<tr style="/*! border-radius: 19px; */background-color: rgb(249, 250, 252);">
<td align="center" style="padding: 0;">
<div style="background-color: rgb(249, 250, 252);/*! border-top-left-radius: 19px; */ /*! border-top-right-radius: 19px; */width: 90%;max-width: 90% !important;text-align: left;padding-left: 60px;">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="border-radius: 61px;">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="border-radius: 19px;padding: 0;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="131" style="background-color: rgb(249, 250, 252); border-radius: 0px; /*! padding-left: 20px; */ /*! padding-right: 20px; */ border-collapse: separate;border-radius: 19px;">
<tbody>
<tr>
<td class="rnb-container-padding" style="padding: 0;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: #ffffff; border-radius: 19px;width: 90%;max-width: 90% !important;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-radius: 19px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="10" style="font-size:1px; line-height:10px; mso-hide: all;"> </td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="align:left;"><span style="font-size:20px;"><span style="white-space:pre-wrap;"><strong>Un document est en attente de signature</strong></span></span><br />
<br />
<span style="font-size:14px;"><span style="white-space:pre-wrap;">Bonjour Isabelle</span></span></div> <div style="align:left;"><br />
<span style="font-size:14px;"><span style="white-space:pre-wrap;">Un nouveau document vient de vous être envoyé pour relecture et signature dans le cadre de votre contrat avec notre société.</span></span></div> <div style="align:left;"> </div> <div><span style="font-size:14px;"><span style="white-space:pre-wrap;">Il vous suffit de vous rendre sur le lien ci-dessous pour relire et finalisation votre accord.</span></span></div> <div style="text-align: center;"><br />
</div> <div class="align" style=""><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Vérifer & Signer</span></a></strong></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"> </th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center" style="padding-bottom: 0;">
<div style="background-color: rgb(255, 255, 255);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;padding-bottom: 0;border-collapse: collapse;" width="100%">
<tbody>
<tr style="padding-bottom: 0;">
<td align="center" class="rnb-del-min-width" style="min-width:90%;padding-bottom: 0;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 40px; padding-left: 40px; background-color: rgb(249, 250, 252);width: 85.5%;" width="90%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div style="text-align: left;"><span style="color:#494747;"><span style="white-space:pre-wrap;">Besoin d'aide ? <a href="https://lien-vers-support.com">Contactez notre équipe de support</a> ou n'êtes-vous plus intéressé par nos newsletters ?<br />
<br />
<a href="https://lien-vers-desabonnement.com">Désabonnez-vous ici</a></span></span></div>
</td>
</tr>
<tr>
<td>
<table align="left" bgcolor="#f9fafc" border="0" height="88" style="background-color: rgb(249, 250, 252);width: 20%;">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
<tr style="width: 20%;">
<td style="/*! max-width: 4px !important; */padding: 0;"><a href="https://facebook.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e8ad58854c7231c1b9_facebook.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="/*! font-size:14px; */ /*! color:#888888; */ /*! font-weight:normal; */ /*! text-align:lefy; */ /*! font-family:Arial,Helvetica,sans-serif; *//*! max-width: 20px !important; */"><a href="https://linkedin.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e84bad3148ebfe1bd4_linkedin2.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="/*! max-width: 20px !important; */"><a href="https://twitter.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e8d8987268e612a5f3_twitter.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="font-size:14px; color:#888888; /*! font-weight:normal; */ text-align:lefy; font-family:Arial,Helvetica,sans-serif;/*! max-width: 20px !important; */"><a href="https://instagram.com"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e87bb9bb116f3a2f8b_insta.svg" style="max-width: 50px; width: 25px; height: 25px;" title="Logo-64x64" /></a></td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div>
</body>
</html>
<head>
<title></title>
<style type="text/css">a.button {appearance: button;text-decoration: none;cursor: pointer;padding: 10px 20px !important;background-color: #EAF5FF;color: #428AEF;} .responsive-logo{
text-align: center;
} @media only screen and (max-width: 600px) {
.responsive-logo{
text-align: left;
}
}
</style>
</head>
<body style="height: auto; min-height: auto;">
<table align="center" bgcolor="rgb(249, 250, 252)" border="0" class="main-template" style="background-color: rgb(255, 255, 255);" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" class="templateContainer" style="/*! max-width:90%!important; */ width: 100%;" width="90%">
<tbody>
<tr style="/*! border-radius: 19px; */background-color: rgb(249, 250, 252);">
<td align="center" style="padding: 0;">
<div style="background-color: rgb(249, 250, 252);/*! border-top-left-radius: 19px; */ /*! border-top-right-radius: 19px; */width: 90%;max-width: 90% !important;text-align: left;padding-left: 60px;">
<table border="0" class="rnb-del-min-width" id="Layout_10" name="Layout_10" style="border-radius: 61px;">
<tbody style="border-radius: 19px;">
<tr style="border-radius: 19px;">
<td align="center" class="rnb-del-min-width" style="border-radius: 19px;padding: 0;">
<table bgcolor="#aaaf" border="0" class="rnb-container" height="131" style="background-color: rgb(249, 250, 252); border-radius: 0px; /*! padding-left: 20px; */ /*! padding-right: 20px; */ border-collapse: separate;border-radius: 19px;">
<tbody>
<tr>
<td class="rnb-container-padding" style="padding: 0;"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/6290f781b58fd1580bc14d15_Logo-long-x300px.png" style="max-width: 1489.53px; width: 212.995px; height: auto;" title="Logo-64x64" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr style="">
<td align="center">
<div style="background-color: #ffffff; border-radius: 19px;width: 90%;max-width: 90% !important;">
<table border="0" class="rnb-del-min-width" name="Layout_14" style="min-width:100%; border-radius: 19px;" width="100%">
<tbody>
<tr>
<td align="center" class="rnb-del-min-width">
<table bgcolor="#ffffff" border="0" class="rnb-container" style="background-color: #ffffff; padding-left: 20px; padding-right: 20px; border-collapse: separate; border-bottom: 0px none rgb(200, 200, 200); border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;" width="100%">
<tbody>
<tr>
<td height="10" style="font-size:1px; line-height:10px; mso-hide: all;"> </td>
</tr>
<tr>
<td align="left" class="rnb-container-padding">
<table border="0" class="rnb-columns-container" width="100%">
<tbody>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;">
<table align="left" border="0" class="rnb-col-1" width="100%">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif, sans-serif; color: rgb(60, 72, 88);">
<div style="align:left;"><span style="font-size:20px;"><span style="white-space:pre-wrap;"><strong>Un document est en attente de signature</strong></span></span><br />
<br />
<span style="font-size:14px;"><span style="white-space:pre-wrap;">Bonjour Isabelle</span></span></div> <div style="align:left;"><br />
<span style="font-size:14px;"><span style="white-space:pre-wrap;">Un nouveau document vient de vous être envoyé pour relecture et signature dans le cadre de votre contrat avec notre société.</span></span></div> <div style="align:left;"> </div> <div><span style="font-size:14px;"><span style="white-space:pre-wrap;">Il vous suffit de vous rendre sur le lien ci-dessous pour relire et finalisation votre accord.</span></span></div> <div style="text-align: center;"><br />
</div> <div class="align" style=""><strong><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}"><span style="color:#3b7fec;">Vérifer & Signer</span></a></strong></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th class="rnb-force-col" style="text-align: left; font-weight: normal; padding-right: 0px;"> </th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="center" style="padding-bottom: 0;">
<div style="background-color: rgb(255, 255, 255);">
<table border="0" class="rnb-del-min-width rnb-tmpl-width" id="Layout_7" name="Layout_7" style="min-width:90%;padding-bottom: 0;border-collapse: collapse;" width="100%">
<tbody>
<tr style="padding-bottom: 0;">
<td align="center" class="rnb-del-min-width" style="min-width:90%;padding-bottom: 0;">
<table align="center" bgcolor="#f9fafc" border="0" style="padding-right: 40px; padding-left: 40px; background-color: rgb(249, 250, 252);width: 85.5%;" width="90%">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#888888; font-weight:normal; text-align:center; font-family:Arial,Helvetica,sans-serif;">
<div style="text-align: left;"><span style="color:#494747;"><span style="white-space:pre-wrap;">Besoin d'aide ? <a href="https://lien-vers-support.com">Contactez notre équipe de support</a> ou n'êtes-vous plus intéressé par nos newsletters ?<br />
<br />
<a href="https://lien-vers-desabonnement.com">Désabonnez-vous ici</a></span></span></div>
</td>
</tr>
<tr>
<td>
<table align="left" bgcolor="#f9fafc" border="0" height="88" style="background-color: rgb(249, 250, 252);width: 20%;">
<tbody>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
<tr style="width: 20%;">
<td style="/*! max-width: 4px !important; */padding: 0;"><a href="https://facebook.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e8ad58854c7231c1b9_facebook.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="/*! font-size:14px; */ /*! color:#888888; */ /*! font-weight:normal; */ /*! text-align:lefy; */ /*! font-family:Arial,Helvetica,sans-serif; *//*! max-width: 20px !important; */"><a href="https://linkedin.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e84bad3148ebfe1bd4_linkedin2.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="/*! max-width: 20px !important; */"><a href="https://twitter.com/"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e8d8987268e612a5f3_twitter.svg" style="max-width: 50px; width: 25px;" title="Logo-64x64" /></a></td>
<td style="font-size:14px; color:#888888; /*! font-weight:normal; */ text-align:lefy; font-family:Arial,Helvetica,sans-serif;/*! max-width: 20px !important; */"><a href="https://instagram.com"><img alt="Logo-64x64" src="https://assets-global.website-files.com/6266bdee7bba3ff58801d972/653a37e87bb9bb116f3a2f8b_insta.svg" style="max-width: 50px; width: 25px; height: 25px;" title="Logo-64x64" /></a></td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td height="20" style="font-size:1px; line-height:20px; mso-hide: all;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div><div style="all: initial; display: inline; border: 0; margin: 0; padding: 0; user-select: none; overflow: hidden; font-size: 0px;"> </div>
</body>
</html>