Un modèle d’e-mail réactif
Un email de vos amis de Litmus (@litmusapp)
Le courrier électronique est étonnamment difficile. Bien que cela ait été minutieusement testé, votre kilométrage peut varier.
Il est fortement recommandé de tester en utilisant un service comme Litmus (http://litmus.com) et vos propres appareils.
Prendre plaisir!
->
charset=« utf-8 »>
Nom=« fenêtre » contenu=« width = largeur de l’appareil, échelle initiale = 1 »>
http-equiv=« Compatible X-UA » contenu=« IE = bord » />
style=« margin: 0! important; padding: 0! important; »>
style=« display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; débordement caché; »>Attirez l’ouvert avec un texte de pré-en-tête incroyable. Utilisez un peu de mystère et faites lire ces abonnés …
frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »>
aligner=« centre » bgcolor=« # 333333 »> |
aligner=« centre » bgcolor=« #ffffff » classe=« rembourrage de section » style=« rembourrage: 70px 15px 70px 15px; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« responsive-table » style=« largeur max: 500 px; » largeur=« 100% »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« centre » classe=« rembourrage » pardot-Région=« image-héros »>href=« http://litmus.com » cible=« _Vide » rel=« noopener noreferrer »> alt=« Insérer un texte alternatif ici » frontière=« 0 » classe=« img-max » la taille=« 400 » src=« http: // allez.pardot.com / l / xxxxx / xxx-xxx-xxxx / 5tznt1 / 93172/127376 / hero_1.jpg « style=« display: block; color: rgb (102, 102, 102); font-family: Helvetica, arial, sans-serif; font-size: 16px; width: 500px; height: 400px; border-width: 0px; border- style: solide; « largeur=« 500 »> | frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« centre » classe=« rembourrage » style=« taille de police: 25px; famille de polices: Helvetica, Arial, sans-serif; couleur: # 333333; padding-top: 30px; » pardot-Région=« titre de héros »>Les dernières nouvelles | aligner=« centre » classe=« rembourrage » style=« padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: # 666666; » pardot-Région=« texte-héros »>Lorem ipsum dolor sit amet, elect adipiscing consectetur. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. | | aligner=« centre »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« centre » classe=« rembourrage » style=« padding-top: 25px; »> | | | |
aligner=« centre » bgcolor=« # F5F7FA » classe=« rembourrage de section » style=« rembourrage: 70px 15px 70px 15px; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« responsive-table » style=« largeur max: 500 px; » largeur=« 100% »> pardot-répétable=« en-tête de section »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« centre » classe=« rembourrage » style=« taille de police: 25px; famille de polices: Helvetica, Arial, sans-serif; couleur: # 333333; » pardot-Région=« section-header-blog »>Autour du blog | aligner=« centre » classe=« rembourrage » style=« padding: 20px 0 20px 0; taille de police: 16px; hauteur de ligne: 25px; famille de polices: Helvetica, Arial, sans-serif; couleur: # 666666; » pardot-Région=« section-blog-sous-en-tête »>Lorem ipsum dolor sit amet, elect adipiscing consectetur. | | pardot-répétable=« section blog »> aligner=« centre » la taille=« 100% » valign=« Haut » largeur=« 100% »> aligner=« centre » frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » style=« largeur max: 500 px; » largeur=« 100% »> aligner=« centre » classe=« rembourrage » style=« font-size: 0; » valign=« Haut »> classe=« wrapper » style=« display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%; »> aligner=« la gauche » frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« wrapper » style=« largeur maximale: 240 pixels; » largeur=« 100% »> aligner=« centre » valign=« Haut »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> style=« padding: 20px 0 30px 0; »> | | classe=« wrapper » style=« display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« la gauche » frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« wrapper » style=« max-width: 240px; float: right; » largeur=« 100% »> aligner=« centre » valign=« Haut »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> style=« padding: 20px 0 30px 0; »> | | | | | |
aligner=« centre » bgcolor=« # E6E9ED » classe=« rembourrage de section » style=« rembourrage: 70px 15px 70px 15px; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« responsive-table » style=« padding-bottom: 20px; max-width: 500px; » largeur=« 100% »> aligner=« centre » classe=« rembourrage » colspan=« 2 » style=« padding: 0 0 10px 0; font-size: 25px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: # 333333; » pardot-Région=« événements-en-tête »>évènements à venir | pardot-répétable=« section calendrier »> aligner=« centre » colspan=« 2 » la taille=« 100% » valign=« Haut » largeur=« 100% »> aligner=« centre » frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » style=« largeur max: 500; » largeur=« 100% »> aligner=« centre » style=« font-size: 0; » valign=« Haut » classe=« »> style=« display: inline-block; margin: 0 -2px; max-width: 115px; vertical-align: top; width: 100%; »> style=« display: inline-block; margin: 0 -2px; max-width: 385px; vertical-align: top; width: 100%; »> aligner=« la gauche » frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> classe=« sans rembourrage » style=« padding: 40px 0 0 0; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« la gauche » classe=« padding-meta » style=« padding: 0 0 5px 25px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #aaaaaa; » pardot-Région=« events-date-1 »>1 janvier 2016 | aligner=« la gauche » classe=« rembourrage » style=« padding: 0 0 5px 25px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: # 333333; » pardot-Région=« events-title-1 »>Etiam Tincidunt, quam ac porttitor | aligner=« la gauche » classe=« rembourrage » style=« remplissage: 10px 0 15px 25px; taille de police: 16px; hauteur de ligne: 24px; famille de polices: Helvetica, Arial, sans-serif; couleur: # 666666; » pardot-Région=« events-description-1 »>Maecenas sed nulla massa. Chez mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus dans ipsum non lacinia. | aligner=« la gauche » classe=« rembourrage » style=« padding: 0 0 45px 25px; »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » classe=« conteneur de bouton mobile »> aligner=« centre »> frontière=« 0 » rembourrage cellulaire=« 0 » espacement des cellules=« 0 » largeur=« 100% »> aligner=« la gauche »> | | | | | | |
aligner=« centre » bgcolor=« #ffffff » style=« padding: 20px 0px; »> |
Source de l’article traduit automatiquement en Français