E-mail builder : Structures

Les structures sont les blocs de base de la mise en page de votre e-mail. Avant de pouvoir ajouter le moindre contenu, vous devez placer une structure sur le canvas. Une structure définit le nombre de colonnes d'une ligne, et les éléments de contenu prennent place à l'intérieur de ces colonnes.

Ce que font les structures

Une structure est une ligne en grille. Elle détermine la manière dont votre contenu est divisé horizontalement : une colonne, deux colonnes, trois colonnes, etc. L'Email Builder propose plusieurs dispositions de colonnes prédéfinies au choix.

Les structures sont aussi ce qui rend votre e-mail responsive. Lorsque votre e-mail est lu sur un appareil mobile, les colonnes d'une même structure s'empilent verticalement. C'est un point important à garder à l'esprit lors de la conception : deux images côte à côte dans une structure à deux colonnes apparaîtront l'une au-dessus de l'autre sur mobile.

Ajouter une structure

1. Ouvrez le panneau Structures dans la navigation de gauche.
2. Repérez la disposition en colonnes souhaitée.
3. Glissez-la sur le canvas. Une ligne d'indication bleue montre où elle se placera.
4. Une fois en place, glissez des éléments du panneau Éléments dans les colonnes.

Réorganiser les structures

Pour déplacer une structure, saisissez la poignée située à sa gauche et glissez-la vers la nouvelle position. Une ligne d'indication violette montre où elle se placera au moment du relâchement.

Paramètres de la structure

Cliquez sur n'importe quelle structure du canvas pour ouvrir ses paramètres dans le panneau de droite. Vous pouvez configurer :

• La couleur d'arrière-plan de la structure.
• Le padding à l'intérieur de la structure.
• La largeur des colonnes pour les structures multi-colonnes.
• Les règles de contenu dynamique : afficher ou masquer la structure pour des contacts spécifiques selon des conditions.
• La visibilité spécifique au mobile : masquer entièrement la structure sur mobile si nécessaire.

Dupliquer et supprimer

Chaque structure dispose d'une petite barre d'outils en bas à droite, avec des icônes pour la dupliquer ou la supprimer. La duplication copie la structure et l'ensemble de son contenu, utile lorsqu'on construit une newsletter multi-articles avec la même disposition répétée.

Conseils de pro

• Utilisez des structures à une seule colonne pour votre en-tête et votre pied de page, et des structures multi-colonnes pour les lignes de contenu. Cela évite que les textes de l'en-tête et du pied de page ne se mettent en retour à la ligne de façon maladroite sur mobile.
• Si une section doit être masquée sur mobile, utilisez le sélecteur de visibilité mobile dans les paramètres de la structure plutôt que de chercher à le gérer avec le padding ou la taille de la police.
• Dupliquez une structure pour copier une ligne déjà mise en forme, y compris tous les paramètres de ses éléments — plus rapide que de la reconstruire de zéro.

Erreurs courantes à éviter

• Placer plusieurs articles dans une seule structure. Si vous avez deux articles côte à côte dans une structure à deux colonnes et que l'un d'eux comporte un texte bien plus long, la mise en page paraîtra déséquilibrée. Utilisez une structure par article.
• Utiliser le padding pour simuler plusieurs structures. Cela rend la mise en page plus difficile à modifier et à maintenir. Chaque section logique de votre e-mail doit constituer sa propre structure.
• Ne pas prévisualiser le rendu mobile après avoir construit votre mise en page. L'empilement sur mobile peut donner des résultats inattendus : vérifiez toujours le sélecteur mobile avant l'envoi.

Étapes suivantes

• Consultez « Email Builder : éléments de contenu » pour tous les types d'éléments que vous pouvez placer à l'intérieur des structures.
• Consultez « Configurer le contenu dynamique » pour utiliser le panneau de contenu dynamique au niveau de la structure et personnaliser la mise en page de votre e-mail.

Articles liés