Drag & Drop Builder : Gérer les éléments de contenu

Cet article vous apprendra comment gérer les éléments de contenu dans le Drag & Drop Builder - l'un des trois outils que Flexmail vous propose pour créer des messages. Si vous voulez savoir comment vous pouvez créer un message entier dans Drag & Drop Builder, cliquez ici.

Le Drag & Drop Builder est un éditeur de messages fonctionnant par glisser-déposer. Vous disposez d'un canevas (le corps du message), qui contient des structures. Une structure contient les éléments - boutons, images, texte, ... - et contrôle leur disposition - ordre, taille, marges, ...

Lisez ce qui suit pour en savoir plus sur les éléments qui existent et comment vous pouvez les utiliser pour organiser votre contenu..

Gestion du contenu

Déplacer

Pour ajouter un élément ou une structure sur la toile, vous pouvez le faire glisser depuis le menu à droite et le déposer sur la toile. De la même manière, vous pouvez saisir un élément déjà ajouté à la toile et le déplacer à un autre endroit de la toile.

Options relatives aux éléments

Chaque fois que vous cliquez sur l'élément, ses propriétés apparaissent à votre droite. Cependant, si vous survolez l'élément sur la toile, vous verrez une icône d'engrenage qui vous indiquera plusieurs options. Les options sont généralement les suivantes : Dupliquer, Supprimer, Modifier ou "Visible pour". L'option "Visible pour" vous permet de définir un contenu dynamique pour cet élément. Cliquez sur le lien pour en savoir plus sur le contenu dynamique.

Liste des éléments de contenu et particularités

Texte

1. Glissez et déposez sur le canevas une structure contenant un champ de texte prédéfini dans l'onglet Structure ou l'élément Texte de l'onglet Élément. 
2. Double-cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir l'éditeur de texte. Tapez votre texte. 
3. Dans le menu Éditeur de texte, vous pouvez modifier le style de votre texte, ajouter des liens ou du contenu personnalisé. Vous pouvez ajouter un lien vers une source externe, un fichier, une page d'accueil, un formulaire ou un sondage.
4. Lorsque vous cliquez sur l'élément ajouté, vous ouvrez la configuration du texte. 

5. Ensuite, vous pouvez ajuster la couleur, la police, la hauteur de ligne et les marges.

   

Image

1. Glissez et déposez sur le canevas une structure contenant une image prédéfinie de l'onglet Structure ou l'élément Image de l'onglet Élément. 
2. Cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir la configuration de l'image. 
3. Cliquez sur Modifier l'image pour parcourir et insérer une image dans votre message. 
4. Dans les propriétés de l'image, vous pouvez ajouter du texte alternatif et ajuster l'alignement et les marges.
5. Ensuite, vous pouvez également créer un lien vers une source externe, vers une adresse électronique, un formulaire, un questionnaire, une landing page ou un fichier à télécharger.

Bouton

1. Glissez et déposez sur le canevas une structure contenant un bouton prédéfini de l'onglet Structure ou le bouton de l'onglet Élément. 
2. Cliquez sur l'élément nouvellement ajouté sur votre canevas pour ouvrir la configuration du bouton.
3. Vous pouvez saisir le texte qui figurera sur votre bouton. Vous pouvez modifier la forme de votre bouton en définissant la largeur, la hauteur, la couleur de fond, l'alignement, le rayon et les bordures. 
4. Faites défiler vers le bas et sélectionnez un type de lien - vous pouvez créer un lien vers une source externe, vers une adresse électronique, un formulaire, un questionnaire, une landing page ou un fichier à télécharger. 

5. Ensuite, vous pouvez ajuster le style du texte, les marges et la forme de votre bouton.

   

   

Espace vide

1. Glissez et déposez sur le canevas une structure contenant un élément d'espace blanc prédéfini de l'onglet Structure ou l'élément Espaceur de l'onglet Élément. 
2. Cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir la configuration de l'espaceur.

3. Ajustez la hauteur et la couleur de fond à votre convenance. 

   

Ligne

1. Glissez et déposez sur le canevas une structure contenant un élément de ligne prédéfini de l'onglet Structure, ou l'élément de ligne de l'onglet Élément. 
2. Cliquez sur l'élément nouvellement ajouté sur votre canevas pour ouvrir la configuration de la ligne.

3. Vous pouvez ajuster la longueur de la ligne, la couleur, la largeur, l'alignement et les marges.

   

Réseaux sociaux

1. Faites glisser et déposez l'élément social de l'onglet Élément sur la toile.
2. Cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir la configuration sociales.
3. Tout d'abord, ajustez-le thème/style de vos icônes de médias sociaux en cliquant sur l'icône Sélectionner.
4. Cliquez sur le bouton Modifier (le crayon) pour ajouter les liens de vos comptes de réseaux sociaux aux icônes. 
5. Ensuite, vous pouvez ajouter d'autres comptes de réseaux sociaux, différents de ceux par défaut, via le bouton +Ajouter.

6. Vous pouvez également modifier la taille, l'alignement, l'espacement et les marges.

   

Code Barre

1. Glissez et déposez l'élément Code-barres de l'onglet Élément sur la toile. 
2. Cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir la configuration du code barre.
3. Vous pouvez choisir entre les codes suivants : CODE39, CODE128, EAN13 et QR. Vous pouvez ajouter un code-barres personnalisé ou non, par exemple un coupon de réduction valable pour tous vos contacts.
   • Code-barres non personnalisé - Dans Valeur, ajoutez la version à 12 chiffres du code, puis cliquez. Le Drag & Drop Builder va générer votre image. Pour un code QR, vous pouvez également ajouter une URL ou un morceau de texte. Le Builder générera l'image correspondant à l'information que vous avez codée.
   • Code barre personnalisé - Avant de pouvoir utiliser l'élément code barre comme code barre personnalisé, vous devez d'abord ajouter un champ personnalisé (et le caractère de remplissage #codebarre#) pour faire le lien avec le code barre dans votre message. Vous pouvez attribuer une valeur différente pour le code barre à vos contacts. Ensuite, ajoutez le caractère de remplissage comme valeur. Ainsi, lorsqu'ils recevront votre message, chaque contact se verra attribuer un code différent. 

4. Ensuite, vous pouvez ajuster la taille, la taille de la police, l'alignement et les marges de votre code barre.

   

Calendrier

1. Faites glisser et déposez l'élément Calendrier de l'onglet Élément sur la toile. 
2. Cliquez sur l'élément nouvellement ajouté sur votre toile pour ouvrir la configuration du Calendrier.
3. Ajoutez un ou plusieurs événements à votre message - ajoutez le nom, la date et l'heure. 
4. Ensuite, vous pouvez ajuster la couleur, la hauteur des lignes, l'alignement et les espaces.
5. Vous pouvez lier votre élément de calendrier à des ressources externes, à une adresse électronique, à un formulaire d'invitation, à un questionnaire, à une landing page ou à un fichier.

6. Plus important encore, vous pouvez créer un événement de calendrier .ics téléchargeable - une pièce jointe qui est envoyée à votre message et qui peut être facilement ajoutée comme événement au calendrier de votre contact. Insérez un titre, un lieu, une description et ajoutez l'heure de début et de fin (date et heure).

   

   

Articles liés