Vous apprendrez
Apprenez à ajouter des colonnes à vos e-mails lorsque cela est nécessaire pour rendre vos modèles plus esthétiques. Il existe plusieurs façons d'ajouter des colonnes à vos modèles. Cet article passe en revue toutes les façons dont vous pouvez ajouter des colonnes à votre courrier électronique et comment optimiser votre conception en fonction de l'appareil.
Quand utiliser un bloc fractionné, des colonnes ou un tableau ?Quand utiliser un bloc fractionné, des colonnes ou un tableau ?
L'éditeur d'e-mails de Klaviyo permet de disposer le contenu côte à côte de 3 manières différentes : bloc divisé, colonnes et bloc tableau. Chaque option présente des avantages et des inconvénients.
| contenus mise en page | Nombre de colonnes | Options de largeur | Tous les types de contenu | Les colonnes peuvent-elles s'empiler sur l'affichage mobile ? |
| Bloc de séparation | 2 | Contrôle précis (utiliser les paramètres de fractionnement > Largeur des colonnes) | Image ou texte uniquement | Oui |
| Colonnes | 1-4 | Sélection limitée | Tout type de bloc de contenu (par exemple, bloc de texte, bloc d'images, bloc de citations) | Oui |
| Bloc de table | N'importe quel nombre | Contrôle précis (utilisez la largeur de colonne > Manual) | Image ou texte uniquement | Non |
Les tableaux peuvent poser des problèmes d'accessibilité, car les lecteurs d'écran ont du mal à les analyser.
Bloc de séparation
Pour ajouter un bloc de séparation à un e-mail :
- Faites glisser un bloc de fractionnement dans votre modèle.
- Ajustez les pourcentages de mise en page pour personnaliser la largeur des deux colonnes.
- Dans la section Contenu, choisissez si chaque côté de votre bloc doit contenir du texte ou une image.
- Cliquez sur les icônes situées sous le sélecteur de colonnes pour passer d'une colonne à l'autre.
- Cliquez sur Enregistrer pour sauvegarder le bloc.
Colonnes
Pour ajouter des colonnes à un courriel :
- Faites glisser l'option Colonnes sous Mise en page pour créer des colonnes dans votre e-mail.
- Choisissez la mise en page souhaitée parmi les options proposées dans la fenêtre modale.
- Faites glisser des blocs de n'importe quel type dans vos colonnes.
Contrairement au bloc fractionné, vous pouvez utiliser n'importe quel bloc, avoir plusieurs blocs dans la même colonne et choisir d'avoir plus de deux colonnes. Par exemple, il s'agit d'un courrier électronique comportant une image d'un côté et un texte et un bouton de l'autre.
En outre, lorsqu'un navigateur mobile ouvre l'e-mail, les colonnes s'empilent les unes sur les autres, le côté gauche s'empilant sur le côté droit. Si vous ne souhaitez pas que vos colonnes soient empilées sur mobile, optez pour l'utilisation d'un bloc de tableau.
Bloc de tableBloc de table
Vous pouvez utiliser un bloc de tableau pour créer des colonnes dans votre courrier électronique. Alors que les blocs de tableau ne peuvent contenir que du texte et des images, ils vous permettent de personnaliser vos e-mails avec des colonnes en conservant des colonnes côte à côte sur mobile. Comme n'importe quel bloc, glissez-déposez un bloc de tableau dans votre courrier électronique pour commencer.
Pour modifier l'aspect du bloc de tableau, rendez-vous dans les paramètres du bloc, où vous pourrez ajuster le remplissage, ou l'espacement, autour des colonnes, ainsi que les couleurs et les polices des bordures.
Pour optimiser l'expérience mobile, testez l'affichage mobile de votre tableau. Si vous avez un tableau avec de nombreuses colonnes, il ne sera probablement idéal que sur un ordinateur de bureau. Pour modifier ou masquer une colonne pour les mobiles, réglez les paramètres dans l'onglet de la colonne.
Pour plus d'informations sur la conceptiondes e-mails, consultez notre cours sur la conception des e-mails.
Ressources complémentaires