Aller au contenu principal

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

L'éditeur Drag & Drop facilite la conception d'emails de qualité professionnelle. Il offre plus d'options pour personnaliser votre email et garantit également que votre email s'affiche parfaitement sur n'importe quel client de messagerie et appareil.

Dans cet article, nous allons vous montrer 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’une section ?

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, la section (en vert) contient 2 blocs de contenu (en rose) dans 2 colonnes différentes : 2 images et 2 blocs de texte.DDE_style-content-block_FR.jpg

Dans l’éditeur d'emails, il existe deux types de sections :

  • Sections personnalisées
    Les sections personnalisées sont les sections que vous créez vous-même en faisant glisser et en déposant des blocs de contenu. 
  • Sections prédéfinies
    Les sections prédéfinies sont des mises en page prédéfinies de différents blocs de contenu et vous permettent de créer facilement des designs d’emails sans avoir besoin de compétences en conception. 

À tout moment, vous pouvez ajouter, supprimer ou redimensionner des colonnes en cliquant sur la section et en utilisant les curseurs pour les déplacer et les boutons +/- pour ajouter des colonnes :

DDE_remove-resize-columns_FR.gif

Paramètres de section

Vous pouvez renommer votre section en cliquant sur l’icône en forme de stylo à côté du titre.

DDE_style-settings_FR.gif

Sélectionnez une section 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 Avec ce paramètre, vous pouvez définir la couleur d’arrière-plan et appliquer l’arrière-plan sur toute la largeur.
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 à partir d’une URL.

Actions de section

Pour déplacer une section verticalement : passez la souris sur la section et maintenez enfoncé pendant que vous la déplacez à l’emplacement souhaité. La ligne bleue vous indiquera 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 section où vous le souhaitez dans votre campagne.
  2. Dupliquer (⌘ ou Ctrl + D) 
    Une fois que vous avez défini tous les paramètres de votre section, vous pouvez la dupliquer. Cette option vous permet de gagner beaucoup de temps lors de la conception de votre campagne ou template.
  3. Afficher ou masquer
    Masquez ou affichez une section en ajoutant des conditions. Pour en savoir plus, consultez notre article dédié Affichage conditionnel à l’aide des attributs de contact
  4. Répéter
    Vous pouvez répéter des sections dans vos confirmations d'achat ou emails 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
    Enregistrez une section pour la réutiliser dans d’autres campagnes. Vos sections enregistrées s'affichent sous l’onglet Mon contenu dans le panneau de gauche.
  6. Supprimer (⌫ + ↵)
    Cette option vous permet de supprimer une section.

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

Les blocs de contenu disponibles sont les suivants :

DDE_title-content-block_FR.jpg
Titre

DDE_image-content-block_FR.jpg
Texte

DDE_image-content-block_FR.jpg
Image
DDE_video-block_FR.png
Vidéo
DDE_logo-content-block_FR.jpg
Bouton
DDE_social-content-block_FR.jpg
Logo
DDE_html-content-block_FR.jpg
Social
DDE_html-content-block_FR.jpg
HTML
DDE_navigation-content-block_FR.jpg
Séparateur
DDE_product-block_FR.png
Produit
DDE_navigation-content-block_FR.jpg
Navigation
DDE_spacer-content-block_FR.jpg
Espacement

Chaque bloc de contenu a ses propres paramètres personnalisables au besoin, ce qui remplacera les paramètres de template par défaut. Vous pouvez déplacer des blocs de contenu de la même manière que des blocs de style et vous pouvez également masquer ou afficher, dupliquer, sauvegarder et supprimer des blocs de contenu. Pour en savoir plus, consultez notre article dédié Utiliser les blocs de contenu.

Les actions supplémentaires (ajouter un lien, aperçu, 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 26