Utiliser l'Éditeur Drag and Drop

Brian Childress
Écrit par Brian ChildressDernière mise à jour il y a 6 heures

Avec DirectIQ, vous pouvez créer des modèles d’e-mails professionnels rapidement et facilement, sans aucune connaissance en programmation. Utilisez simplement notre éditeur Drag and Drop simple et intuitif.

Pour l’ouvrir, allez dans Modèles -> Créer un modèle et sélectionnez le troisième onglet Créer à partir de zéro. Puis cliquez sur Éditeur Drag'n Drop.

image.png

L’éditeur avec le modèle vierge sera ouvert. Il se compose d’un panneau de contrôle à droite et d’une zone d’édition du modèle à gauche. Il y a trois onglets sur le panneau de contrôle : Contenu, Structure et Réglages.

image.png

Contenu

Cet onglet contient des blocs de contenu, qui peuvent être inclus dans votre modèle. Par exemple, image, texte, bouton, etc.

image.png

Structure

Vous devez utiliser la structure pour créer la structure du modèle, puis y ajouter le contenu.

Il existe différents types de structures, qui peuvent contenir un ou plusieurs types de contenu. Vous pouvez aussi ajuster la taille de chaque contenu sur une ligne.

image.png

Réglages

Cet onglet contient les réglages généraux de l’e-mail, tels que la largeur du contenu, l’alignement, la couleur d’arrière-plan, la police, etc.

image.png

Créer une structure de modèle

Avant tout, il faut créer une structure pour le modèle. Pour cela, ouvrez l’onglet Structure, sélectionnez les types de ligne souhaités et faites-les glisser à gauche de l’écran.

image.png

Si vous sélectionnez la ligne, vous pouvez alors modifier ses propriétés dans le panneau de contrôle. Il est également possible d’ajouter jusqu’à quatre colonnes à la ligne ou d’en retirer certaines.

Quand une ligne est sélectionnée, des boutons pour la supprimer ou la dupliquer apparaissent en haut à droite. Vous pouvez aussi déplacer les lignes vers le haut ou vers le bas.

image.png

Remplir le modèle avec du contenu

Une fois la structure prête, allez dans l’onglet Contenu. Ensuite, sélectionnez un contenu (texte, image, bouton, séparateur, réseaux sociaux, HTML, vidéo, icônes), faites-le glisser dans les lignes insérées.

image.png

Cliquez sur le contenu pour le modifier et changer ses propriétés ; l’onglet des propriétés du contenu s’affiche. Vous pouvez personnaliser la couleur, le texte, le remplissage et d’autres propriétés selon le type de contenu.

image.png

Prévisualisation et sauvegarde du modèle

Une fois le modèle prêt, vous pouvez le prévisualiser en cliquant sur Prévisualiser en haut de l’éditeur. En mode prévisualisation, il est possible d’alterner entre les modes bureau et mobile pour voir comment le modèle s’affichera sur chaque support.

image.png

Pour fermer le mode prévisualisation, cliquez sur le bouton prévisualiser à gauche des boutons de changement de mode.

Pour sauvegarder votre modèle, saisissez le Nom du modèle et l’Objet, puis cliquez sur Sauvegarder en haut de l’éditeur.

image.png

À la fin, une fois le travail terminé, cliquez sur Enregistrer et Quitter pour fermer l’éditeur.

Voir aussi :
Comment utiliser l’éditeur de texte enrichi

Comment personnaliser votre modèle

Cet article vous a-t-il aidé à résoudre votre problème ?