Aller au contenu principal

[Nouveau design] Éditeur Drag & Drop - Partie 2 : Blocs de Style et blocs de contenu

L'éditeur Drag & Drop [Nouveau design] vous aide à concevoir des emails au design professionnel en toute facilité. Il inclut davantage d’options pour personnaliser vos emails et vous permet de vous assurer que ceux-ci s’affichent parfaitement quel que soit le client de messagerie et l’appareil utilisés.

Maintenant que vous connaissez les principales sections de l’éditeur, nous allons vous expliquer comment utiliser les blocs de Style et de contenu pour commencer à concevoir votre email.

Nous avons divisé en plusieurs parties les articles dédiés à l’éditeur Drag & Drop :

Avant toute chose, regardez notre tutoriel vidéo qui explique comment utiliser l'éditeur Drag & Drop [Nouveau design] 🚀. Les blocs de Style et de contenu sont décrits au début de la vidéo !

Qu’est-ce qu’un bloc de Style ?

Un bloc de Style est un bloc structurel qui comprend une ou plusieurs colonnes auxquelles vous pouvez ajouter des blocs de contenu.

Dans l’exemple ci-dessous, le bloc de Style (en bleu) contient quatre blocs de contenu (en jaune) : deux images et deux blocs de texte.Layout_and_blocks.png

Vous pouvez créer votre propre Style en faisant glisser les blocs de contenu, ou utiliser l’un de nos trois blocs de mise en page prédéfinis comprenant une, deux et trois colonnes :

DDEditor_style-block_EN.png

À tout moment vous pouvez ajouter, retirer et redimensionner les colonnes en sélectionnant le bloc et en utilisant les boutons suivants:

Handling_columns_gif.gif

Paramètres de Style

Sélectionnez un bloc de Style pour afficher les paramètres suivants dans le panneau de navigation de gauche : 

Vous pouvez renommer votre bloc de style en cliquant sur l'icône de crayon bleu à côté du titre.

DEE_style-settings_EN-US.gif

Arrière-plan

DEE_background-settings_EN-US.png Ce paramètre vous permet de définir le type et la couleur d'arrière-plan.
Vous pouvez aussi cliquer sur Ajouter une image d'arrière-plan pour afficher la bibliothèque de contenus et utiliser vos fichiers ou vos images d'archive en tant qu'arrière-plan.
Si vous souhaitez utiliser une image directement tirée d'Internet, collez le lien de l'image dans le champ Insérer une image

Paramètres du bloc

Le paramètre d'alignement vertical vous permet de modifier la position de vos contenus à l'intérieur du bloc : en haut, au milieu ou en bas. 

Vous pouvez aussi modifier l'espacement intérieur des blocs de contenus dans le bloc de Style sélectionné en cliquant sur les flèches vers le haut ou vers le bas ou en saisissant l'espacement souhaité. 

DEE_block-settings_EN-US.png

Espacement

Le paramètre Espacement vous permet d'ajouter : 

  • une marge intérieure, c'est-à-dire l'espace entre l'élément et la bordure. Vous pouvez modifier la marge extérieure de chacun des quatre côtés autour du contenu.
  • une marge extérieure, c'est-à-dire l'espace entre la bordure et l'élément suivant de votre design. Vous pouvez modifier chaque marge en haut et en bas du contenu.

Cliquez sur le bouton Marge intérieure ou Marge extérieure pour l'activer ou la désactiver. Définissez la marge souhaitée de chaque côté de votre contenu en cliquant sur les boutons +/- ou en saisissant la taille souhaitée dans le champ de texte. 

DEE_spacing_EN-US.gif

Actions de Style

Vous pouvez déplacer un bloc de Style vers le haut ou vers le bas. Pour déplacer un bloc, cliquez sur le bloc de Style et maintenez le bouton de la souris enfoncé tout en déplaçant le bloc à l’endroit souhaité. La ligne bleue vous indique l’endroit où le bloc sera déplacé.

Lorsqu’un bloc de Style est sélectionné, vous avez accès à certaines actions en bas à gauche du bloc :

Block_options_EN.png

  1. Dupliquer
    Une fois que vous avez défini tous les paramètres de votre bloc, vous pouvez le dupliquer. Cette option vous permet de gagner beaucoup de temps lors de la conception de votre campagne ou template.
  2. Afficher ou masquer le bloc
    Masquez ou affichez un bloc en ajoutant des conditions.
    Pour plus d'informations, consultez l'article sur l’affichage conditionnel
  3. Répéter le bloc
    Vous pouvez répéter des blocs dans vos confirmations d'achat ou mails de paniers abandonnés.
    Pour plus d'informations, consultez l'article Répéter un bloc pour afficher plusieurs articles dans vos emails.
  4. Sauvegarder
    Eregistrez un bloc pour le réutiliser dans d’autres campagnes. Vos blocs s’affichent sous l’onglet Mon contenu dans le panneau de gauche.
  5. Supprimer
    Cette option vous permet de supprimer un bloc de Style.

Qu’est-ce qu’un bloc de contenu ?

Les blocs de contenu sont différents types de contenu que vous pouvez ajouter à votre email. Vous pouvez faire glisser les blocs de contenu dans les blocs de Style.

Les blocs de contenu disponibles sont les suivants :

FR.png

Chaque bloc de contenu a ses propres paramètres personnalisables. Modifiez ces paramètres pour remplacer ceux définis par défaut pour ce template dans la section Design.

Comme pour les blocs de Style, vous pouvez aussi déplacer, personnaliser, dupliquer, sauvegarder et supprimer les blocs de contenu.

Les actions supplémentaires (ajouter un lien, prévisualiser, remplacer l’image, etc.) varient en fonction du type de bloc que vous modifiez. L’exemple ci-dessous illustre les actions disponibles pour les blocs d’image (en jaune) et les blocs de texte (en bleu) :

Layout_options.png

⏩ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.