Comment ajouter des colonnes à un e-mail
Objectif de cet article
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 de fractionnement, des colonnes ou un tableau
Il existe 3 façons d’organiser du contenu côte à côte à l’aide de l’éditeur d’e-mail de Klaviyo : bloc fractionné, colonnes et bloc de tableau. Chaque option offre certains avantages et compromis.
Mise en page du contenu | Nombre de colonnes | Options de largeur | Types de contenu autorisés | Les colonnes peuvent-elles s’empiler en vue mobile ? |
Bloc de fractionnement | 2 | Contrôle précis (Utilisez Paramètres de fractionnement > Largeurs 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’image, bloc de citation d’avis) | Oui |
Bloc de tableau | N’importe quel nombre | Contrôle précis (Utilisez Largeur de colonne > Manuel) | Image ou texte uniquement | Non |
Les tableaux peuvent être difficiles à rendre accessibles, car les lecteurs d’écran ont du mal à les analyser.
Ajouter un bloc de fractionnement à un e-mail
Pour ajouter un bloc de fractionnement à 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 2 colonnes.
- Dans la section Contenu, choisissez si chaque côté de votre bloc fractionné doit contenir du texte ou une image.
- Cliquez sur les icônes sous Sélecteur de colonnes pour basculer entre les colonnes.
- Cliquez sur Enregistrer.
Ajouter des colonnes à un e-mail
Pour ajouter des colonnes à un e-mail :
- 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 dans la fenêtre modale.
- Faites glisser des blocs de tout type dans vos colonnes.
Contrairement au bloc de fractionnement, 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, voici un e-mail avec une image d’un côté et du texte et un bouton de l’autre.
De plus, lorsqu’un navigateur mobile ouvre l’e-mail, les colonnes s’empilent l’une au-dessus de l’autre, la colonne de gauche s’empilant au-dessus de celle de droite. Si vous ne souhaitez pas que vos colonnes soient empilées sur mobile, optez pour l’utilisation d’un bloc de tableau.
Ajouter un bloc de tableau à un e-mail
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’apparence du bloc de tableau, accédez aux paramètres du bloc, où vous pouvez ajuster la marge intérieure, ou l’espacement, autour des colonnes, ainsi que les couleurs des bordures et les polices.
Pour optimiser l’expérience mobile, testez l’affichage mobile de votre tableau. Si vous avez un tableau comportant de nombreuses colonnes, il n’aura probablement un rendu idéal que sur ordinateur. Pour modifier ou masquer une colonne sur mobile, ajustez le paramètre dans l’onglet de colonne.
Pour plus d'informations sur la conceptiondes e-mails, consultez notre cours sur la conception des e-mails.