Premiers pas avec l'E-mail builder

L'Email builder est le créateur en glisser-déposer de Flexmail. Il permet de créer des e-mails adaptés aux mobiles, ne demande aucune connaissance en code et vous donne un contrôle complet sur la mise en page, le style et la personnalisation. C'est le créateur recommandé pour la plupart des usages d'e-mail marketing.

Cet article explique comment l'Email builder est structuré et vous guide pas à pas dans la création de votre premier message.

Avant de commencer

• Vous avez un compte Flexmail avec accès à Campagnes > Messages.
• Vous souhaitez que vos couleurs de marque, polices et logo soient appliqués automatiquement ? Configurez d'abord votre Brand kit via Paramètres > Brand kit.
• Assurez-vous que le contenu de votre message est prêt : texte, images et l'URL ou destination de votre call-to-action.

Structure de l'Email builder

L'Email builder compte trois zones :

• Panneau de gauche : ajouter du contenu. Vous y trouvez les panneaux Structures et Éléments.
• Zone de travail (au centre) : votre e-mail tel qu'il apparaîtra à la réception. Glissez-y les structures et les éléments, cliquez dessus pour les modifier et organisez-les par glisser-déposer.
• Panneau de droite : configurer. Lorsque vous cliquez sur une structure ou un élément sur la zone de travail, les paramètres s'affichent ici. Vous y trouvez aussi les paramètres Style d'e-mail.

Les structures définissent la disposition en colonnes de chaque ligne de votre e-mail. Avant de pouvoir ajouter du contenu, vous devez d'abord placer une structure sur la zone de travail. Les éléments constituent le contenu réel : textes, images, boutons, séparateurs et plus encore, que vous glissez dans les colonnes d'une structure. Le panneau Style d'e-mail détermine l'apparence générale de votre message.

Créer un nouveau message

1. Allez dans Campagnes > Messages.
2. Cliquez sur Créer un nouveau message.

3. Cliquez sur Commencer à construire dans la section de l'Email builder.

   

4. Choisissez un modèle pour démarrer, ou cliquez sur Aucun modèle pour commencer avec une zone de travail vierge. Vous pouvez prévisualiser chaque modèle avant de le sélectionner.
5. Donnez un nom à votre message, choisissez une catégorie et cliquez sur Commencer à construire.

Étape 1 : configurer le Style d'e-mail

Ouvrez le panneau Style d'e-mail avant d'ajouter du contenu en cliquant sur l'icône Style d'e-mail dans le panneau de droite quand aucun élément n'est sélectionné. Vérifiez les paramètres généraux : ils sont préremplis à partir de votre Brand kit si vous l'avez configuré. Vérifiez que vos couleurs, polices et largeur de contenu sont correctes. Tout ce que vous ajouterez ensuite sur la zone de travail héritera automatiquement de ces paramètres.

Étape 2 : ajouter des structures

Ouvrez le panneau Structures à gauche. Cherchez la disposition en colonnes souhaitée et glissez-la vers la zone de travail. Une ligne indicatrice bleue montre son futur emplacement.

Commencez par la disposition la plus courante pour votre e-mail : généralement une colonne pour votre en-tête et pied de page, et une disposition en deux colonnes pour les rangées d'articles. Vous pouvez combiner les structures librement.

Étape 3 : ajouter des éléments de contenu

Une fois les structures en place, ouvrez le panneau Éléments et glissez du contenu dans les colonnes. Un indicateur bleu montre où chaque élément se place. Cliquez sur un élément sur la zone de travail pour ouvrir ses paramètres dans le panneau de droite. Pour les éléments de texte, une barre d'outils de texte complète apparaît directement sur la zone de travail.

Étape 4 : ajouter de la personnalisation

Vous souhaitez personnaliser votre message avec des données de contact ? Placez votre curseur dans un élément de texte à l'endroit où le contenu personnalisé doit apparaître. Cliquez sur l'icône d'espace réservé dans la barre d'outils de texte et sélectionnez le champ à insérer, comme le prénom, le nom de l'entreprise ou un autre Champ personnalisé. Les espaces réservés s'affichent sous la forme #firstname# dans le créateur. Lors de l'envoi, chaque espace réservé est remplacé par la valeur réelle de la fiche du contact.

Étape 5 : vérifier l'affichage sur ordinateur et mobile

Utilisez le sélecteur ordinateur/mobile en haut de la zone de travail pour vérifier l'apparence de votre e-mail sur les deux appareils. Certains éléments peuvent être masqués ou affichés sur des formats d'appareils précis via leur panneau de paramètres.

Étape 6 : aperçu et Contrôle du message

Cliquez sur Aperçu pour afficher un exemple complet de votre message avec les données du profil de test appliquées. Le design vous convient ? Cliquez sur la roue dentée dans l'aperçu des Messages, puis sur Contrôle du message pour une analyse antispam et des prévisualisations dans les clients de messagerie les plus utilisés.

Étape 7 : enregistrer

Vos modifications sont enregistrées automatiquement pendant votre travail. Utilisez le bouton Enregistrer régulièrement pour fixer un point de sauvegarde clair. Quand vous avez terminé, fermez le créateur et votre message s'affiche dans votre liste de messages, prêt à être utilisé dans une campagne.

Vous souhaitez utiliser ce message comme point de départ pour d'autres messages ? Utilisez la flèche sur le bouton Enregistrer et choisissez Enregistrer comme modèle.

Conseils pratiques

• Dupliquez les structures pour monter rapidement des mises en page de newsletters comprenant plusieurs articles. Montez une première rangée d'article, dupliquez-la et remplacez son contenu.
• Utilisez des éléments d'espacement plutôt que des paragraphes vides pour créer de l'espace vertical entre les éléments. Les éléments d'espacement restent plus fiables d'un client de messagerie à l'autre.
• Attribuez des noms cohérents à vos messages et catégories dès le départ. Quand vous gérez des dizaines de messages, une convention de nommage claire fait gagner beaucoup de temps.

Erreurs fréquentes

• Ignorer le Style d'e-mail et mettre en forme chaque élément séparément. Cette méthode crée des incohérences et complique toute modification future du modèle.
• Ne pas vérifier l'affichage mobile avant l'envoi. Une disposition en deux colonnes lisible sur ordinateur peut mal s'empiler sur mobile si les structures ne sont pas configurées correctement.
• Fermer l'Email builder sans enregistrer. Même si les modifications sont suivies pendant votre session, fixez un point de sauvegarde clair avant de quitter pour ne rien perdre.
• Ajouter du contenu sans structure préalable. Les éléments s'insèrent uniquement dans des structures. Vous ne pouvez pas glisser du contenu directement sur la zone de travail sans structure en place.

Étapes suivantes

• Consultez « Email builder : structures » pour une explication détaillée de l'impact des structures sur votre mise en page et l'affichage mobile.
• Consultez « Email builder : éléments de contenu » pour un aperçu de tous les types d'éléments disponibles et leurs paramètres.
• Consultez « Email builder : paramètres de style d'e-mail » pour la documentation complète du panneau de style global.
• Votre message est prêt ? Créez une campagne via Campagnes > Gérer les campagnes.

Articles liés