Gagnez du temps
Modèle de document | Gonexa Doc
.png)
Courrier
Ce modèle de courrier a été pensé afin que vous puissiez l’envoyer par voie postale très facilement avec l’adresse du receveur positionner pour les enveloppes.
Télécharger
Devis
Certains éléments sont obligatoires, comme l’identité du prestataire et du signataire, les détails exhaustifs des prestations, etc. Retrouvez toutes les mentions obligatoires dans ce modèle.
Télécharger
Curriculum Vitae
Nous vous proposons un modèle de CV sobre et élégant afin de présenter au mieux vos consultant.e.s par exemple. Personnalisez ce CV avec les couleurs de votre entreprise facilement.
Télécharger
Reçu fiscal
Toutes les mentions obligatoires ont été insérées dans ce modèle de reçu fiscal afin que vous puissiez l’utiliser en toute confiance. Personnalisez-le très facilement à vos couleurs.
Télécharger
Diplôme
N’oubliez pas que vous pouvez très facilement changer les couleurs de ce certificat afin de les adapter à votre charte graphique.
TéléchargerDevis [Accessible mal voyant]
Ce modèle a été pensé pour permettre au mal voyant de pouvoir écouter simplement à l'aide d'outils spécifiques, le devis.
Télécharger
Facture [Sofacto]
Personnalisez vos factures et gagnez du temps avec ce modèle pre-conçus. Ce modèle est basé sur le modèle d'objet Sofacto (Billwerk+)
Télécharger
Proposition commerciale
Gagnez du temps dans la construction de votre proposition de valeur en initiant un document PowerPoint avec 80% du travail effectué.
Télécharger
Feuille d'émargement
Suivez vos stagiaires en formation dans un document de synthèse contenant des conditions d'affichage.
Télécharger
Synthèse de consommation
Excel peut être un format adapté pour construire des graphiques et afficher la donnée Salesforce dans des graphiques personnalisés
Télécharger
Fiche ouverture de compte
Construire un modèle à partir d'un PDF peut être très pertinent pour permettre de modifier une partie du document généré.
TéléchargerModèle de document | Gonexa Sign
Devis [Accessible Mal Voyant]
Ce modèle devis accessible inclus également l'emplacement de signature
TéléchargerModèle d'email
Design épuré
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;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://cdn.prod.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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour signature<br />
<br />
</div> <div class="align" style="text-align: center;"><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}">Vérifier et signer</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;">Merci pour votre confiance !</span></span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </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://cdn.prod.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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour signature<br />
<br />
</div> <div class="align" style="text-align: center;"><a class="button" href="{{{Recipient.gnx__Last_delivery_link__c}}}">Vérifier et signer</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;">Merci pour votre confiance !</span></span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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><div id="" style="left: 812px; top: 1312px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div><div id="" style="left: 1070px; top: 116px;"> </div>
</body>
</html>
Design foncé pour dark mode
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;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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour 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;">Vérifier et signer</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;">Merci pour votre confiance !</span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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://cdn.prod.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><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>
</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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour 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;">Vérifier et signer</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;">Merci pour votre confiance !</span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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://cdn.prod.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><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>
</body>
</html>
Design simple logo en bas
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;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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour 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;">Vérifier et signer</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;">Merci pour votre confiance !</span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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://cdn.prod.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><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>
</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;">Bonjour {{{Recipient.Name}}}</span><br />
Un document vous a été envoyé pour 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;">Vérifier et signer</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;">Merci pour votre confiance !</span></span><br />
-<br />
<br />
Toute l'équipe Gonexa</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://cdn.prod.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><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>
</body>
</html>
Design logo haut et bas
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;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://cdn.prod.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>Bonjour {{{Recipient.FirstName}}}, <br />
<br />
Un nouveau document vient de vous être envoyé pour relecture et signature dans le cadre de votre contrat avec notre société.<br aria-hidden="true" />
<br aria-hidden="true" />
Il vous suffit de vous rendre sur le lien ci-dessous pour relire et finalisation votre accord.</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érifier et 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">
<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;">Cette email a été envoyé par </span></span></span><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 style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);">.</span></span><span style="color:#333333;"><span style="white-space:pre-wrap;"> Si vous préférez ne pas recevoir ce type d'email, vous pouvez vous <a href="https://lien-vers-desabonnement.com">désabonner ou gérer vos préférences email.</a></span></span></div> <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://cdn.prod.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>Bonjour {{{Recipient.FirstName}}}, <br />
<br />
Un nouveau document vient de vous être envoyé pour relecture et signature dans le cadre de votre contrat avec notre société.<br aria-hidden="true" />
<br aria-hidden="true" />
Il vous suffit de vous rendre sur le lien ci-dessous pour relire et finalisation votre accord.</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érifier et 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">
<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;">Cette email a été envoyé par </span></span></span><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 style="text-wrap: wrap;"><span style="color: rgb(51, 51, 51);">.</span></span><span style="color:#333333;"><span style="white-space:pre-wrap;"> Si vous préférez ne pas recevoir ce type d'email, vous pouvez vous <a href="https://lien-vers-desabonnement.com">désabonner ou gérer vos préférences email.</a></span></span></div> <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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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://cdn.prod.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>