Kyrios ChMS
Documentation / Newsletter

Mises en page de la newsletter

Mises en page pour la newsletter - Kyrios ChMS

Nous proposons un ensemble de mises en page que vous pouvez copier et utiliser lors de la préparation de vos newsletters.

Nouvelles

Vous pouvez utiliser cette mise en page pour diffuser des actualités ou d'autres types de contenu.

<!--[if !IE] <html http-equiv="X-UA-Compatible" content="IE=edge" / <!--<![endif]-- <meta name="viewport" content="width=device-width" / <style type="text/css" @media uniquement écran et (min-width : 620px){.wrapper{min-width:600px !important}.wrapper h1{}.wrapper h1{font-size:64px !important;line-height:63px !important}.wrapper h2{}.wrapper h2{font-size:30px !important;line-height:38px !important}.wrapper h3{}.wrapper h3{font-size:22px !important;line-height:31px !important}.column{}.wrapper .size-8{font-size:8px !important;line-height:14px !important}.wrapper .size-9{font-size:9px !important;line-height:16px !important}.wrapper .size-10{font-size:10px !important;line-height:18px !important}.wrapper .size-11{font-size:11px !important;line-height:19px !important}.wrapper .size-12{font-size:12px !important;line-height:19px !important}.wrapper .size-13{font-size:13px !important;line-height:21px !important}.wrapper .size-14{font-size:14px !important;line-height:21px !important}.wrapper .size-15{font-size:15px !important;line-height:23px !important}.wrapper .size-16{font-size:16px !important;line-height:24px !important}.wrapper .size-17{font-size:17px !important;line-height:26px !important}.wrapper .size-18{font-size:18px !important;line-height:26px !important}.wrapper .size-20{font-size:20px !important;line-height:28px !important}.wrapper .size-22{font-size:22px !important;line-height:31px !important}.wrapper .size-24{font-size:24px !important;line-height:32px !important}.wrapper .size-26{font-size:26px !important;line-height:34px !important}.wrapper .size-28{font-size:28px !important;line-height:36px !important}.wrapper .size-30{font-size:30px !important;line-height:38px !important}.wrapper .size-32{font-size:32px !important;line-height:40px !important}.wrapper .size-34{font-size:34px !important;line-height:43px !important}.wrapper .size-36{font-size:36px !important;line-height:43px !important}.wrapper .size-40{font-size:40px !important;line-height:47px !important}.wrapper .size-44{font-size:44px !important;line-height:50px !important}.wrapper .size-48{font-size:48px !important;line-height:54px !important}.wrapper .size-56{font-size:56px !important;line-height:60px !important}.wrapper .size-64{font-size:64px !important;line-height:63px !important}} </style <meta name="x-apple-disable-message-reformatting" / <style type="text/css" body { margin : 0; remplissage : 0 ; } table { border-collapse : collapse ; disposition de la table : corrigé ; } * { hauteur de ligne : hériter ; } [x-apple-data-detectors] { color: hériter !important; décoration de texte : aucune !important ; } .wrapper .footer__share-button a:hover, .wrapper .footer__share-button a:focus { color: #ffffff !important; } .btn a:hover, .btn a:focus, .footer__share-button a:hover, .footer__share-button a:focus, .email-footer__links a:hover, .email-footer__links a:focus { opacité : 0,8 ; } .preheader, .header, .layout, .column { transition : largeur 0,25 s facilité d'entrée-sortie, largeur maximale 0,25 s facilité d'entrée-sortie ; } .preheader td { padding-bottom : 8px ; } .layout, div.header { largeur maximale : 400 px !important ; -largeur de repli : 95 % !important ; largeur : calc(100% - 20px) !important; } div.preheader { largeur maximale : 360 px !important ; -largeur de repli : 90 % !important ; largeur : calc(100% - 60px) !important; } .snippet, .webversion { Float : aucun !important ; } .stack .column { largeur maximale : 400 px !important ; largeur : 100% !important; } .fixed-width.has-border { largeur maximale : 402 px !important ; } .fixed-width.has-border .layout__inner { box-sizing : border-box ; } .snippet, .webversion { largeur : 50 % !important; } .ie .btn { largeur : 100 % ; } .ie .stack .column, .ie .stack .gutter { display: table-cell; float : aucun !important ; } .ie div.preheader, .ie .email-footer { largeur maximale : 560 px !important ; largeur : 560px !important; } .ie .snippet, .ie .webversion { width: 280px !important; } .ie div.header, .ie .layout { largeur maximale : 600 px !important ; largeur : 600px !important; } .ie .two-col .column { largeur maximale : 300 px !important ; largeur : 300px !important;[email protégé]) !important; } .tweet { image d'arrière-plan : url (https://support.kyrioschms.com/wp-content/uploads/2021/01/[email protégé]) !important; } .linkedinshare { image d'arrière-plan : url (https://support.kyrioschms.com/wp-content/uploads/2021/01/[email protégé]) !important; } .forwardtoafriend { image d'arrière-plan : url (https://support.kyrioschms.com/wp-content/uploads/2021/01/[email protégé]) !important; } } @media (largeur maximale : 321 px) { .fixed-width.has-border .layout__inner { border-width : 1px 0 !important; } .layout, .stack .column { largeur min : 320 px !important ; largeur : 320px !important; } .border { affichage : aucun ; } .has-gutter .border { display: table-cell; } } .mso div { border: 0 none blanc !important; } .mso .w560 .divider { Marge gauche : 260px !important ; Marge droite : 260px !important; } .mso .w360 .divider { Marge gauche : 160px !important ; Marge droite : 160px !important; } .mso .w260 .divider { Marge gauche : 110px !important ; Marge droite : 110px !important; } .mso .w160 .divider { Marge gauche : 60px !important ; Marge droite : 60px !important; } .mso .w354 .divider { Marge gauche : 157px !important ; Marge droite : 157px !important; } .mso .w250 .divider { Marge gauche : 105px !important ; Marge droite : 105px !important; } .mso .w148 .divider { Marge gauche : 54px !important ; Marge droite : 54px !important ; } .mso .size-8, .ie .size-8 { taille de police : 8px !important ; hauteur de ligne : 14px !important ; } .mso .size-9, .ie .size-9 { taille de police : 9px !important ; hauteur de ligne : 16px !important; } .mso .size-10, .ie .size-10 { font-size : 10px !important; hauteur de ligne : 18px !important; } .mso .size-11, .ie .size-11 { taille de police : 11px !important; hauteur de ligne : 19px !important ; } .mso .size-12, .ie .size-12 { taille de police : 12px !important; hauteur de ligne : 19px !important ; } .mso .size-13, .ie .size-13 { taille de police : 13px !important; hauteur de ligne : 21px !important; } .mso .size-14, .ie .size-14 { font-size : 14px !important; hauteur de ligne : 21px !important; } .mso .size-15, .ie .size-15 { taille de police : 15px !important; hauteur de ligne : 23px !important; } .mso .size-16, .ie .size-16 { taille de police : 16px !important; hauteur de ligne : 24px !important; } .mso .size-17, .ie .size-17 { taille de police : 17px !important ; hauteur de ligne : 26px !important; } .mso .size-18, .ie .size-18 { taille de police : 18px !important ; hauteur de ligne : 26px !important; } .mso .size-20, .ie .size-20 { font-size : 20px !important; hauteur de ligne : 28px !important; } .mso .size-22, .ie .size-22 { taille de police : 22px !important; hauteur de ligne : 31px !important; } .mso .size-24, .ie .size-24 { taille de police : 24px !important ; hauteur de ligne : 32px !important; } .mso .size-26, .ie .size-26 { taille de police : 26px !important; hauteur de ligne : 34px !important; } .mso .size-28, .ie .size-28 { taille de police : 28px !important ; hauteur de ligne : 36px !important; } .mso .size-30, .ie .size-30 { font-size : 30px !important; hauteur de ligne : 38px !important; } .mso .size-32, .ie .size-32 { taille de police : 32px !important; hauteur de ligne : 40px !important; } .mso .size-34, .ie .size-34 { taille de police : 34px !important; hauteur de ligne : 43px !important; } .mso .size-36, .ie .size-36 { taille de police : 36px !important; hauteur de ligne : 43px !important; } .mso .size-40, .ie .size-40 { font-size : 40px !important; hauteur de ligne : 47px !important; } .mso .size-44, .ie .size-44 { taille de police : 44px !important; hauteur de ligne : 50px !important; } .mso .size-48, .ie .size-48 { taille de police : 48px !important ; hauteur de ligne : 54px !important; } .mso .size-56, .ie .size-56 { taille de police : 56px !important; hauteur de ligne : 60px !important; } .mso .size-64, .ie .size-64 { taille de police : 64px !important; hauteur de ligne : 63px !important; ); #ccc}.mso .border,.ie .border{background-color:#ccc}.mso h1,.ie h1{}.mso h1,.ie h1{font-size:64px !important;line-height:63px !important}.mso h2,.ie h2{}.mso h2,.ie h2{font-size:30px !important;line-height:38px !important}.mso h3,.ie h3{}.mso h3,.ie h3{font-size:22px !important;line-height:31px !important}.mso .layout__inner,.ie .layout__inner{}.mso .footer__share-button p{}.mso .footer__share-button p{font-family:sans-serif} </style <meta name="robots" content="noindex,nofollow" / <meta property="og:title" content="Kyrios ChMS" / <!--[if mso] <body class="mso" <![endif]-- <!--[if !mso] <!-- <!--<![endif]-- <table cellpadding="0" Cellpacing="0" class="wrapper" role="presentation" style="border-collapse:effondrement;table-layout: fixe ; largeur minimale : 320 px ; largeur [email protégé] avec sujet Supprimer.</div </div <!--[if mso]  <![endif]-- </div </div <!--[if (mso)|(IE)] </td <td style="width: 200px;" valign="top" class="w160" <![endif]-- <div class="column étroit" style="text-align: left;font-size: 12px;line-height: 19px;color: #adb3b9;font-family: sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;largeur : calc(72 200px - 12 000 %);" <div style="Marge gauche : 20 px ; Marge droite : 20 px ; Marge supérieure : 10 px ; Marge inférieure : 10 px ;"  </div </div <!--[if (mso)|(IE)] </td </tr </table <![endif]-- </div </div </div <div style="line-height:40px;font-size:40px;"  </div </td </tr </tbody </table

Notification des montants ouverts

Mise en page à utiliser lors de l'envoi de notifications depuis le compte courant (trésorerie).

<p {{greeting}}<b {{name}}</b ,</p <p  </p <p Cette notification sert à vous informer que vous avez un montant de <b {{valor_conta_current}} {{moeda}}</b impayé sur votre compte courant.</p <p Veuillez rectifier la situation dès que possible.</p <p  </p <p Cordialement,</p <p <i Démo en ligne</i </p

Nouveau message

<table border="0" cellpadding="0" Cellpacing="0" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ; couleur d'arrière-plan : rgb (244, 208, 46); position d'arrière-plan : centre ; répétition d'arrière-plan : pas de répétition ; taille d'arrière-plan : couverture ; width="100%" <tbody class="cerberus-tbody" <tr id="68fd76a4-a0c1-8bd2-c365-c1fecfa34178" <td align="center" class="td-container" style="font-size : 0px; background-color : transparent;" valign="top" <div class="builder-actions-control selected" <table align="center" border="0" cellpadding="0" Cellpacing="0" class="email-container" data-compile="true" style="border-spacing : 0px ; border-collapse : réduire ; disposition de la table : fixe ; marge : auto ;" width="600" <tbody <tr <td bgcolor="transparent" dir="ltr" style="background-color: transparent; padding: 10px 0px;" valign="top" width="100%" <table border="0" cellpadding="0" Cellpacing="0" class="row" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ;" width="100%" <tbody <tr <th class="stack-column-center columns" style="font-weight: 400;" valign="top" width="100%" <table border="0" cellpadding="0" Cellpacing="0" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ;" width="100%" <tbody <tr <td dir="ltr" style="padding: 0px;" valign="top" <table align="center" data-compile="true" data-control="host-panel" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ; largeur : auto ;" <tbody <tr <td style="border-right: 10px solid transparent;" <table class="link-d090a9d70801d26cb89811663fdab2ec" data-compile="true" data-control="link" id="d090a9d7-0801-d26c-b898-11663fdab2ec" style="border-spacing : 0px ; border-collapse : effondrement ; disposition du tableau : corrigé ; marge : 0px automatique;" <tbody <tr <td style="" <div style="border: 1px solid transparent;" <p style="font-family : "Merriweather Sans", sans-serif ; taille de la police : 13px ; couleur : rgb(75, 75, 75); alignement du texte : centre ; décoration du texte : souligné ; marge : 0px ;"  </p </div </td </tr </tbody </table </td </tr </tbody </table </td </tr </tbody </table </th </tr </tbody </table </td </tr </tbody </table </div </td </tr <tr id="6e748dc8-e578-c035-700e-910cc9e2367c" <td align="center" class="td-container" style="font-size : 0px; background-color : transparent;" valign="top" <div class="builder-actions-control selected" <table align="center" border="0" cellpadding="0" Cellpacing="0" class="email-container" data-compile="true" style="border-spacing : 0px ; border-collapse : réduire ; disposition de la table : fixe ; marge : auto ;" width="600" <tbody <tr <td bgcolor="transparent" dir="ltr" style="background-color: transparent; padding: 0px;" valign="top" width="100%" <table border="0" cellpadding="0" Cellpacing="0" class="row" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ;" width="100%" <tbody <tr <th class="stack-column-center columns" style="font-weight: 400;" valign="top" width="100%" <table border="0" cellpadding="0" Cellpacing="0" style="border-spacing : 0px ; border-collapse : réduire ; disposition du tableau : fixe ; marge : 0px auto ;" width="100%" <tbody <tr <td dir="ltr" style="padding: 0px;" valign="top" <table border="0" cellpadding="0" cellpacing="0" class="builder-image-control image-82404b7883591f3c20ad5fb30c879468" data-compile="true" data-control="image" style="border-spacing : 0px ; border-collapse : effondrement ; disposition de la table : fixe ; marge : 0px auto ;" width="100%" <tbody <tr <td style="" valign="top" <table align="center" border="0" cellpadding="0" Cellpacing="0" style="border-spacing : 0px ; border-collapse : réduire ; disposition de la table : fixe ; marge : 0px auto ;" width="" <tbody <tr <td style="border: 0px;" <a <img align="center" alt="kyrioschmslogoazulpkt314px" border="0" class="float-center fluid" height="117" src="https://www.kyrioschms.com/wp-content/uploads/2020/04/kyrioschmslogoazulpkt314px.png" style="display : bloc ; marge : 0px auto ; hauteur : auto ; largeur maximale : 600 px ; bordure : 0px !important ; contour : aucun !important; largeur="314" / </a </td </tr </tbody </table </tr </tbody </table </td </tr </tbody </table </th