Comment ajouter des colonnes à un courriel

Estimé 4 minute de lecture

Mis à jour 17 déc. 2024, 18:56 EST

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 ?

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.

Bloc de séparation	Exactement 2 colonnes Contrôle précis de la largeur de chaque colonne à l'aide de l'option Largeur des colonnes dans les paramètres de fractionnement Choisissez entre une image ou un texte pour chaque côté du fractionnement D'autres blocs (par exemple, des blocs de tableaux, des blocs de produits, des blocs de boutons) ne peuvent pas être ajoutés à l'intérieur d'un bloc divisé. Indiquez si les colonnes doivent s'empiler sur les téléphones portables ou rester côte à côte.
Colonnes	Choisissez le nombre de colonnes (1-4) Choix limité d'options de largeur Ajoutez n'importe quel type de contenu (par exemple, un bloc de texte, un bloc d'images, un bloc de citations) dans une colonne. Toujours empiler sur mobile lorsque l'optimisation mobile est activée Ils ne peuvent pas être placés à l'intérieur de sections existantes ; ils doivent être placés entre les sections.
Bloc de table	Choisissez le nombre de colonnes que vous souhaitez Chaque colonne a la même largeur Choisissez entre une image ou un texte pour chaque colonne D'autres blocs (par exemple, des blocs de tableau, des blocs de produits, des blocs de boutons) ne peuvent pas être ajoutés à l'intérieur d'un bloc de tableau. Les colonnes restent juxtaposées sur mobile 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.

Exemple de colonne avec du texte et des boutons à gauche, et une image à droite

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 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

Cet article vous a-t-il été utile ?

Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté

Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.

Consulter la communauté

Formation en direct

Participez à une session en direct avec des experts Klaviyo pour découvrir les bonnes pratiques, apprendre à configurer des fonctionnalités clés et bien plus encore.

S’inscrire (EN) ↗

Assistance

Accédez à l’assistance via votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24h/24 et 7j/7

Chat/assistant virtuel
La disponibilité varie selon l'emplacement et le type de forfait

Se connecter