Aller au contenu principal

Éditeur Drag & Drop - Partie 2 : Différences entre les Blocs de Style et blocs de contenu

L'éditeur Drag & Drop 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 :

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 vert) contient quatre blocs de contenu (en rose) : deux images et deux blocs de texte.DDE_style-content-block_FR.jpg

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 :

styles_EN-US.png

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

DDE_remove-resize-columns_FR.gif

Paramètres de Style

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

DDE_style-settings_FR.gif

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

Arrière-plan Paramètres du bloc Espacement
DDE_background-style-block_FR.jpg
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

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 :

DDE_style-actions_FR.jpg

  1. Déplacer
    Glissez-déposez votre bloc où vous le souhaitez dans votre email. 
  2. Dupliquer (⌘ ou Ctrl + D)
    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.
  3. Afficher ou masquer le bloc
    Masquez ou affichez un bloc en ajoutant des conditions. Pour en savoir plus, consultez notre article dédié l’affichage conditionnel
  4. Répéter le bloc
    Vous pouvez répéter des blocs dans vos confirmations d'achat ou mails de paniers abandonnés. Pour en savoir plus, consultez notre article dédié Répéter un bloc pour afficher plusieurs articles dans vos emails.
  5. 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.
  6. 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 :

DDE_title-content-block_FR.jpg DDE_text-content-block_FR.jpg DDE_image-content-block_EN-US.jpg DDE_button-content-block_FR.jpg DDE_logo-content-block_EN-US.jpg DDE_social-content-block_EN-US.jpg
DDE_html-content-block_EN-US.jpg

DDE_payment-content-block_FR.jpg

DDE_style1-content-block_EN-US.jpg DDE_style2-content-block_EN-US.jpg DDE_style3-content-block_EN-US.jpg DDE_header-content-block_EN-US.jpg
  DDE_footer-content-block_FR.jpg DDE_divider-content-block_FR.jpg DDE_navigation-content-block_EN-US.jpg DDE_spacer-content-block_FR.jpg  

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. Pour en savoir plus, consultez notre article dédié Comment utiliser les blocs de contenu ?.

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 vert) et les blocs de texte (en rose) :

DDE_different-actions-content-block_FR.jpg

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

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

Utilisateurs qui ont trouvé cela utile : 6 sur 22