Comment utiliser un bloc de fractionnement dans un e-mail
Objectif de cet article
Découvrez comment utiliser un bloc de fractionnement pour disposer du contenu côte à côte dans Klaviyo.
Quand utiliser un bloc de fractionnement
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. Un bloc de fractionnement est idéal lorsque :
- Vous avez besoin de 2 colonnes et souhaitez contrôler entièrement la largeur de chacune.
- Vous devez uniquement placer du texte ou des images côte à côte, car les autres types de contenu ne sont pas pris en charge.
- Vous souhaitez choisir si les colonnes se superposent sur mobile ou restent côte à côte.
En savoir plus sur les blocs de fractionnement, les colonnes et les tableaux dans le graphique ci-dessous.
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.
Ajoutez un bloc de fractionnement à un modèle d’e-mail
- Dans un modèle d’e-mail, faites glisser un bloc Fractionnement dans le canevas.
- Sous Sélecteur de colonnes, basculez entre les côtés gauche et droit du fractionnement.
- Sous Contenu de la colonne, choisissez si le côté actuellement sélectionné du fractionnement doit contenir une image ou du texte.
- Ajoutez votre texte ou votre image dans le champ ci-dessous.
- Répétez le processus pour l’autre côté du fractionnement.
- Ouvrez l’onglet Styles du bloc.
- Définissez la largeur de chaque colonne en pourcentage du total. Les pourcentages doivent totaliser 100 %.
- Définissez la marge intérieure entre les côtés du fractionnement sous les champs de largeur des colonnes.
Ressources supplémentaires
- Comment créer des blocs dynamiques dans un e-mail de flux
Découvrez comment utiliser des blocs de tableau dynamiques pour ajouter des informations sur les produits et d’autres événements à vos flux déclenchés par des indicateurs. Dans cet article, vous apprendrez à créer un bloc dynamique à l’aide de l’exemple d’un rappel de panier abandonné affichant les produits qui ont été laissés dans le panier.
- Comment ajouter des colonnes à un e-mail
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.