Comment concevoir sa campagne avec l'éditeur drag & drop ?

Concevoir sa campagne avec nouvel éditeur drag & drop

 

Cet article décrit tous les avantages de l'éditeur Drag & Drop. Afin de vous offrir encore plus d’options et de fonctionnalités.

L’éditeur drag & drop se trouve à l’étape “Design” (1) lorsque vous créez une nouvelle campagne (cliquer alors sur “démarrer la conception”) ou dans l’onglet Templates (2) si vous voulez modifier un template existant.

unnamed - 2024-01-22T153600.042

Le menu de gauche

Le menu de gauche contient des blocs prédéfinis tels que du texte et des images, ainsi que vos blocs enregistrés et les paramètres de template par défaut. Ce menu est composé de deux onglets : Contenu et style.

unnamed - 2024-01-22T153732.221

Onglet Contenu

Pour concevoir votre email, commencez par faire glisser les blocs de mise en page et de contenu dans votre design. Les paramètres s’affichent dans le menu de gauche lorsque vous sélectionnez un bloc de mise en page.

En cliquant sur un boc les paramètres de mises en page de celui-ci s'afficheront sur la gauche. Via ce menu vous pouvez:

  • modifier la disposition des colonnes dans la limite de cinq colonnes maximum dans un bloc de mise en page
  • définir le type d’arrière-plan et sa couleur, et même ajouter une image d’arrière-plan
  • réglez la marge intérieure pour modifier l’espacement autour du bloc 

unnamed - 2024-01-22T154059.981

Actions de mise en page

Vous pouvez déplacer un bloc de mise en page vers le haut ou vers le bas. Pour déplacer un bloc, cliquez sur le bloc de mise en page 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 mise en page est sélectionné, vous avez accès à certaines actions en bas à gauche du bloc :

unnamed - 2024-01-22T154207.410

  1. Déplacer : cela vous permet de déplacer le bloc dans le template (de la même manière qu’avec votre souris)
  2. 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.
  3. Supprimer : cette option vous permet de supprimer un bloc de mise en page.
  4. Sauvegarder : enregistrez un bloc pour le réutiliser dans d’autres campagnes (il s’affichera alors dans l’onglet blocs sauvegardés).
  5. Afficher ou masquer le bloc : masquez ou affichez un bloc en ajoutant des conditions. Découvrez plus d’informations sur l’affichage conditionnel

Onglet Style

La section Style de l’éditeur vous permet de définir des styles à appliquer dans tout le template.

unnamed - 2024-01-22T154529.565

  1. Bibliothèque de marques: Cette partie permet de générer automatiquement un template en rapport avec votre image de marque (en ressemblance avec le design de votre site internet par exemple). Pour cela cliquez sur “configurer la marque”.

    unnamed - 2024-01-22T154628.434

    Puis rentrez l’URL de votre site web et cliquez sur extraire la marque pour générer automatiquement un style en rapport avec votre template.

    unnamed - 2024-01-22T154733.937
  2. Template : Choisissez une couleur ou une image d’arrière-plan. Dans l’image ci-dessous, la couleur sélectionnée s’applique à l’arrière-plan du template.

    unnamed - 2024-01-22T154900.167

  3. Apparence du texte : Vous pouvez définir la police, la taille et la couleur du texte pour chaque style. Dans les paramètres communs, vous pourrez choisir la hauteur de ligne et le sens d'écriture. Vous pouvez également définir ici le style et la couleur des liens ajoutés dans les blocs de contenu de type texte.

  4. Boutons : De là, vous pouvez définir le style par défaut de tous les boutons de votre newsletter. Si vous souhaitez changer rapidement l'aspect de tous les boutons, faites-le à partir d'ici !

  5. Espacement : Vous pouvez définir ici les espacements verticaux et latéraux de votre corps de campagne par rapport à l'arrière plan.

Enregistrer les blocs pour les réutiliser dans vos campagnes

Gagnez du temps en enregistrant les sections d’une campagne que vous souhaitez réutiliser dans d’autres campagnes. Par exemple, vous pouvez enregistrer vos entêtes et pieds de page afin de ne pas avoir à les créer à chaque campagne.

Vous pouvez enregistrer un bloc de mise en page entier ou un bloc de contenu spécifique à l’intérieur d’un bloc de mise en page.

  1. Sélectionnez le bloc que vous souhaitez enregistrer.
  2. Cliquez sur l’icône de sauvegarde (disquette).
  3. Ajoutez un nom, puis cliquez sur Sauvegarder bloc.
    Astuce : Ajoutez un nom qui vous permettra de retrouver facilement votre bloc, par exemple « Entête » ou « Pied de page ».

    unnamed - 2024-01-22T155121.650


Votre bloc enregistré s’affichera dans la section Bloc sauvegardés dans le menu de gauche et sera mis automatiquement à votre disposition dans les autres campagnes. Vous pouvez enregistrer autant de blocs que vous le souhaitez.

unnamed - 2024-01-22T155249.456

Aperçu et envoi d’un email de test 

Une fois que vous avez créé votre campagne, vous êtes sans doute curieux de savoir comment elle s’affichera pour vos destinataires.
Pour modifier le design pour appareils mobiles de votre campagne d’emails, il vous suffit de cliquer sur l’icône de smartphone dans le menu du haut.

unnamed - 2024-01-22T155349.305

Comme avec la vue bureau, 

  • vous pouvez ajouter et déplacer des blocs de mise en page et de contenu ;
  • les actions de bloc, telles que la personnalisation et la sauvegarde, sont également disponibles en vue mobile.

Le bouton Envoyer un email de test dans le menu du haut regroupe les options de prévisualisation et d’envoi d’email de test.

unnamed - 2024-01-22T155512.645


unnamed - 2024-01-22T155630.007

  • Envoyer un email test : Avant d’envoyer votre campagne, vous devriez systématiquement envoyer un email test afin de vous assurer que votre design, vos options de personnalisation et vos liens fonctionnent correctement. Pour envoyer un email test :
    1. Recherchez une adresse email parmi vos contacts. Vous pouvez ajouter plusieurs adresses.
    2. Cliquez sur Envoyer un test.
  • Aperçu sur les clients de messagerie : Cette section vous permet de voir à quoi ressemblera votre email selon le client de messagerie et l’appareil utilisés (AOL, Gmail, etc.). Cliquez sur les vignettes sur la droite pour prévisualiser votre email au complet.
  • Prévisualiser en tant que client : Fiez-vous à cet aperçu pour vous assurer que vos balises de personnalisation sont correctement alimentées et que l’affichage conditionnel fonctionne normalement.

Vous pouvez également envoyer un email test à partir de l’étape de confirmation de la campagne.