Quiconque travaille avec le marketing par e-mail sait que chaque client de messagerie a ses particularités. Et, parmi eux, l’un a toujours été une cause de maux de tête : Gmail, le deuxième service de messagerie le plus utilisé au monde (16 %) , ne supporte pas le tag style. Cela rend le processus de création d’e-mails très difficile, rendant le développement long et complexe, car vous devez tester plusieurs alternatives pour traiter correctement les e-mails dans Gmail.

Une autre complication est que Gmail, dont 75 % des utilisateurs actifs accèdent à leurs boîtes de réception via des appareils mobiles , ne prend pas en charge l’utilisation des requêtes multimédias. Cela cause beaucoup de dégâts , car les messages arrivent à leur destination complètement non configurés.

La bonne nouvelle est que le 14 septembre 2016, le blog officiel de Gmail a annoncé qu’il commencerait à prendre en charge les styles intégrés et les requêtes multimédias à partir de la fin du mois. Il s’agit d’un grand pas en avant qui apportera des changements majeurs dans le développement et la conception des e-mails.

 

Ce changement, selon le blog, sert à “prendre en charge les e-mails créés avec un design réactif ” rendant ainsi “l’expérience de messagerie sur les appareils mobiles aussi confortable et intuitive que possible”.

Gmail change : tout ce que vous devez savoir

Nous avons préparé une infographie pour vous aider à comprendre les modifications apportées par Gmail. Vérifier:

Liste des propriétés CSS

Gmail a mis à disposition dans sa documentation officielle une liste de propriétés CSS qui seront prises en charge dans Gmail et la boîte de réception de Gmail. Ci-dessous, vous pouvez vérifier ce qu’ils sont:

• azimut
• Contexte
• mode de fusion d’arrière-plan
• clip de fond
• Couleur de l’arrière plan
• image de fond
• arrière-plan-origine
• position d’arrière-plan
• Répétition du fond
• taille de l’arrière-plan
• frontière
• Bordure du bas
• border-bottom-color
• bordure-bas-gauche-rayon
• bordure-bas-droit-rayon
• border-bottom-style
• border-bottom-width
• effondrement de la frontière
• couleur de la bordure
• frontière-gauche
• bordure-gauche-couleur
• border-left-style
• border-left-width
• rayon-frontière
• frontière-droite
• bordure-droite-couleur
• border-right-style
• border-right-width
• espacement des bordures
• style de bordure
• bordure-haut
• border-top-color
• bordure-haut-gauche-rayon
• bordure-haut-droit-rayon
• border-top-style
• border-top-width
• largeur de la bordure
• dimensionnement de la boîte
• pause après
• pause avant
• effraction
• côté légende
• dégager
• Couleur
• nombre de colonnes
• remplissage de colonne
• espace-colonne
• règle-colonne
• couleur-règle-colonne
• colonne-règle-style
• colonne-règle-largeur
• colonne-envergure
• largeur de colonne
• Colonnes
• direction
• affichage
• élévation
• cellules-vides
• flotter
• Police de caractère
• famille de polices
• font-feature-settings
• crénage des polices
• taille de police
• ajuster la taille de la police
• étirement de la police
• le style de police
• font-synthèse
• police-variante
• font-variant-alternates
• police-variante-caps
• police-variante-est-asiatique
• police-variante-ligatures
• police-variant-numérique
• police-poids
• la taille
• orientation de l’image
• résolution de l’image
• isolement
• l’espacement des lettres
• hauteur de la ligne
• liste-style
• liste-style-position
• liste-style-type
• marge
• marge-bas
• marge-gauche
• marge-droite
• marge-haut
• hauteur maximum
• largeur maximale
• min-hauteur
• min-largeur
• mix-blend-mode
• ajustement à l’objet
• position-objet
• opacité
• présenter
• contour-couleur
• contour-style
• contour-largeur
• débordement
• rembourrage
• bas de rembourrage
• remplissage-gauche
• rembourrage-droit
• haut de rembourrage
• pause
• pause après
• pause avant
• terrain
• plage de hauteur
• devis
• richesse
• parlez
• parler en-tête
• parler en chiffres
• parler la ponctuation
• débit de parole
• stress
• disposition du tableau
• aligner le texte
• text-combine-upwrite
• décoration de texte
• texte-décoration-couleur
• ligne de décoration de texte
• texte-decoration-sauter
• texte-decoration-style
• texte-accent
• texte-accent-couleur
• texte-accent-style
• retrait du texte
• orientation du texte
• débordement de texte
• transformation de texte
• texte-souligné-position
• unicode-bidi
• alignement vertical
• famille de voix
• largeur
• espacement des mots
• mode d’écriture
• https://acheter-fichier-email.fr/