Créer du contenu d'e-mail avec l'éditeur Drag & drop

L’éditeur d’e-mails Drag & drop vous permet de concevoir facilement des e-mails sans compétences en codage ou en design. Il offre un large éventail d’éléments de contenu et de mises en page adaptés à vos besoins spécifiques.

Dans l’éditeur d’e-mails Drag & drop, vous pouvez soit partir de zéro, soit choisir parmi une variété de modèles préconçus. Il existe des modèles prêts à l’emploi pour des scénarios courants tels que les paniers abandonnés, les rappels de rendez-vous, les confirmations de commande et la réactivation. Vous pouvez facilement modifier et personnaliser ces modèles pour les adapter à vos besoins.

Si vous préférez un contrôle total sur votre design, choisissez Modèle vierge pour construire un e-mail entièrement personnalisé à partir de zéro.

L’éditeur Drag & drop comprend quatre onglets principaux :

Cet onglet vous permet de construire une mise en page d’e-mail en insérant divers éléments de contenu.

Créez des mises en page uniques à l’aide de blocs prêts à l’emploi. Vous pouvez en ajouter autant que nécessaire à votre e-mail pour un aspect personnalisé.

Dans cet onglet, vous gérez les paramètres généraux de votre e-mail, y compris le pré-en-tête, le texte et le formatage des liens.

Cet onglet vous permet de rechercher des images de stock ou de générer des images uniques à l’aide de l’IA.

Tout d’abord, allez dans l’onglet Blocs pour fournir une structure de base à votre e-mail.

L’éditeur d’e-mails Drag & drop offre la flexibilité d’ajuster la mise en page d’un e-mail selon vos besoins. Vous pouvez ajouter autant de lignes que nécessaire, avec différents nombres de colonnes.

Pour construire une mise en page d’e-mail, faites glisser les blocs depuis le panneau de l’éditeur vers le corps de l’e-mail.

Dans l’onglet Blocs, vous avez la possibilité de spécifier des propriétés pour les colonnes et les lignes.

Pour les Colonnes, vous pouvez personnaliser les éléments suivants :

• Couleur d’arrière-plan
• Marge intérieure
• Bordure

Pour les Lignes, vous pouvez spécifier les éléments suivants :

• Couleur d’arrière-plan
• Couleur d’arrière-plan du contenu
• Image d’arrière-plan. Vous pouvez soit télécharger une image, en sélectionner une dans une bibliothèque de photos de stock, soit fournir une URL d’image personnalisée.

Après avoir construit la structure de base de votre e-mail, il est temps de commencer à ajouter du contenu.

Dans l’onglet Contenu, vous pouvez insérer divers éléments de contenu dans votre e-mail, notamment :

• Titre
• Texte
• Image
• Bouton
• HTML
• Séparateur
• Menu
• Lien de désinscription

Pour inclure ces éléments de contenu dans votre e-mail, il suffit de sélectionner un élément dans le menu et de le faire glisser dans l’e-mail à gauche.

Pour insérer un titre, faites simplement glisser l’élément Titre dans le corps de l’e-mail.

Vous pouvez rédiger votre titre ou utiliser notre outil IA Smart Headings pour vous aider à générer des titres efficaces. Pour ce faire, cliquez sur Obtenir des suggestions et tapez quelques mots, et l’outil vous proposera diverses options de titres.

De plus, vous pouvez sélectionner le ton de voix souhaité pour votre titre.

Si vous n’êtes pas satisfait des résultats ou si vous avez besoin de plus d’options de titres, il vous suffit d’appuyer sur le bouton Actualiser.

Lorsque vous cliquez sur le titre dans le corps de l’e-mail, une barre d’outils de formatage apparaît, vous permettant de choisir des styles de formatage, d’ajouter des liens ou des émojis.

Vous pouvez également personnaliser votre titre directement depuis la barre d’outils. Pour ce faire, choisissez simplement Balises de fusion, et dans le menu déroulant, sélectionnez la balise que vous souhaitez intégrer à votre titre.

Depuis le volet droit, vous avez également la possibilité d’ajuster divers paramètres de texte, tels que :

• Niveau de titre
• Famille de police, graisse et taille
• Couleur du texte
• Alignement du texte
• Hauteur de ligne
• Styles de lien
• Marge intérieure
• Design responsive, et plus encore.

Pour inclure du texte dans votre e-mail, faites glisser l’élément Texte dans le corps de l’e-mail, puis tapez ou collez votre texte. Si vous collez du contenu, vous pouvez choisir de conserver ou de supprimer le formatage de votre texte.

Lorsque vous cliquez sur le texte, une barre d’outils apparaît, offrant des options pour formater le texte.

Pour personnaliser votre texte, cliquez sur Balises de fusion dans la barre d’outils et choisissez la balise que vous souhaitez inclure dans le menu déroulant.

Pour améliorer la qualité de votre rédaction avec l’IA, sélectionnez Smart Text dans la barre d’outils et choisissez la manière spécifique dont vous souhaitez que l’IA vous aide avec votre texte.

Pour insérer un élément image dans votre e-mail, faites glisser l’élément Image à l’endroit souhaité dans votre e-mail.

Vous avez plusieurs options pour ajouter une image :

• Pour télécharger une image, cliquez sur Télécharger une image dans le volet droit.
• Ajoutez un lien vers une image que vous souhaitez utiliser dans le champ URL de l’image.
• Pour sélectionner une image parmi des photos de stock, cliquez sur Plus d’images, puis choisissez Photos de stock pour trouver la photo souhaitée.

• Vous pouvez également utiliser l’outil IA Magic Image pour générer les images uniques dont vous avez besoin.

Pour ajouter des effets à vos images, cliquez sur Appliquer des effets dans le volet droit. Dans la fenêtre pop-up, sélectionnez l’effet désiré pour l’image et cliquez sur Enregistrer pour l’appliquer.

Vous pouvez également consulter l’historique des modifications que vous avez apportées à l’image et les annuler en cliquant sur l’icône Historique située en haut.

Pour inclure un bouton dans votre e-mail, faites glisser l’élément Bouton depuis le volet droit de l’éditeur.

Vous pouvez soit saisir votre propre texte de bouton, soit utiliser l’outil IA Smart Buttons pour générer le texte pour vous.

Ensuite, spécifiez le type d’action pour le bouton lorsqu’il est cliqué, et fournissez une URL et un onglet cible.

De plus, vous avez la possibilité de configurer les options du bouton, les préférences d’espacement et les paramètres de design responsive.

Vous avez également la possibilité d’intégrer du code HTML dans votre e-mail. Pour ce faire, faites glisser l’élément HTML vers la gauche et insérez le code dans le champ HTML du volet droit.

Vous pouvez intégrer un menu interactif dans votre e-mail pour simplifier la navigation et augmenter les taux de clics, offrant aux destinataires une méthode organisée et engageante pour explorer votre contenu. Pour ce faire, faites glisser l’élément Menu dans le corps de l’e-mail et incluez des éléments de menu. Spécifiez ensuite le texte pour chaque élément de menu, insérez l’URL et sélectionnez l’onglet cible.

Vous pouvez également personnaliser les styles, ajuster la marge intérieure du conteneur et décider d’afficher le menu sur les appareils mobiles ou de bureau.

Pour que votre e-mail soit bien structuré et pour mettre en évidence les blocs les plus importants, utilisez des Séparateurs. Un séparateur est une ligne que vous pouvez placer entre les blocs d’éléments.

Pour ajouter un séparateur, faites glisser l’élément Séparateur depuis le volet droit et personnalisez son apparence.

Pour ajouter un lien à votre e-mail, sélectionnez le texte où vous souhaitez insérer le lien, puis cliquez sur l’icône de lien dans la barre d’outils.

Lors de l’ajout ou de la modification d’un lien dans votre e-mail, vous disposez de plusieurs options pour définir le comportement du lien. Les actions disponibles incluent :

• Ouvrir un site web
• Lien vers la version web
• Ne pas suivre les statistiques
• Lien de désinscription

Sélectionnez cette option pour insérer un hyperlien qui dirige le destinataire vers un site web externe. Lorsqu’il cliquera, le destinataire sera redirigé vers la page web que vous spécifiez.

Dans le champ URL, entrez l’adresse web complète du site que vous souhaitez lier.

Définissez l’option Cible pour définir comment le lien s’ouvrira :

• Nouvel onglet : Le lien s’ouvre dans un nouvel onglet du navigateur.
• Même onglet : Le lien remplace la page actuelle dans le même onglet.

Sélectionnez cette option pour donner aux destinataires l’accès à une version web de votre e-mail, ce qui peut être utile si les destinataires rencontrent des difficultés pour visualiser l’e-mail dans leur boîte de réception.

Pour activer cette fonctionnalité, veuillez contacter notre équipe d’assistance.

Utilisez cette option si vous ne souhaitez pas que le système suive les clics ou les interactions avec le lien. Aucune donnée de suivi ne sera enregistrée lorsque les destinataires interagiront avec ce lien.

Assurez-vous d’inclure un lien de désinscription dans votre e-mail pour offrir aux destinataires une option de se désabonner facilement des communications futures, conformément à la réglementation, et pour respecter leurs préférences concernant la réception d’e-mails.

Si vous souhaitez inclure la désinscription directement via HTML dans votre e-mail, ajoutez le Lien de désinscription à votre e-mail comme suit :

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Se désinscrire </a>

La valeur de l’attribut %%PW_EMAIL_UNSUBSCRIBE%% sera remplacée par le lien de Désinscription de Pushwoosh au moment de l’envoi de l’e-mail. Lorsque les destinataires suivent le lien, ils se désabonnent de vos e-mails et sont comptabilisés dans le taux de désinscription pour ce message e-mail particulier dans l’Historique des messages.

Vous avez la flexibilité de créer un lien de désinscription personnalisé en utilisant n’importe quel texte dans votre e-mail. Cela redirigerait les utilisateurs vers une page Vous êtes désinscrit avec succès.

Voici comment créer un lien de désinscription personnalisé :

1. Mettez en surbrillance le texte que vous souhaitez utiliser comme lien de désinscription.
2. Cliquez sur l’icône Lien dans la barre d’outils de formatage.
3. Dans la fenêtre pop-up, sélectionnez l’option Lien de désinscription dans le menu déroulant Type d’action.

Depuis l’onglet Corps, vous avez la possibilité d’inclure un pré-en-tête, qui est un texte de résumé concis qui apparaît après la ligne d’objet lorsque les destinataires consultent l’e-mail dans leur boîte de réception.

Lors de la conception de votre contenu d’e-mail, vous pouvez enregistrer des blocs de contenu spécifiques pour une utilisation future.

1. Une fois que vous avez finalisé le bloc, cliquez sur l’option Enregistrer le bloc.

2. Dans la fenêtre pop-up, saisissez un nom de catégorie pour organiser vos blocs (par exemple, “Promotions”, “Newsletters”). Ajoutez des Tags pertinents, séparés par des virgules (par exemple, “vente, réduction, été”), pour aider à catégoriser et rechercher vos blocs.

Après avoir saisi la catégorie et les tags, cliquez sur le bouton Enregistrer pour stocker le bloc pour une utilisation future.

Vous pouvez maintenant accéder à vos blocs enregistrés dans la section Blocs de l’éditeur d’e-mails. Cela vous permet de réutiliser facilement du contenu dans différentes campagnes d’e-mails.

De plus, dans l’onglet Corps, vous pouvez configurer les paramètres généraux de votre e-mail, y compris des éléments tels que la couleur du texte, la couleur d’arrière-plan, la largeur du contenu, l’alignement, la famille de polices et la graisse, etc.

Dans l’onglet Images, vous avez accès à une vaste bibliothèque d’images provenant d’Unsplash, Pexels et Pixabay, toutes sous licence Creative Commons Zero. Vous pouvez également générer des images personnalisées à l’aide de l’outil Magic Images.

Pour incorporer une image dans votre e-mail, il suffit de la faire glisser à l’emplacement souhaité sur la droite.

Lorsque le contenu de votre e-mail est prêt, vous pouvez voir à quoi il ressemblera en cliquant sur l’icône Prévisualiser située en bas de l’éditeur. Ici, vous pouvez voir des aperçus pour les appareils de bureau, tablettes et mobiles, ainsi que vérifier l’apparence de votre e-mail en modes Sombre et Clair.

Après avoir terminé la création de votre e-mail, cliquez sur le bouton Enregistrer situé en haut de l’éditeur.

Dans la fenêtre pop-up, donnez un nom clair à votre e-mail, qui pourrait être le même que votre ligne d’objet. Créez également une étiquette pour vous aider à retrouver facilement votre e-mail dans la liste des contenus d’e-mail. Si vous n’avez pas encore configuré les détails de l’expéditeur, assurez-vous de le faire également. Ensuite, cliquez sur Enregistrer.

Maintenant que le contenu de votre e-mail est prêt, il peut être utilisé dans des campagnes d’e-mails. En savoir plus sur la façon de l’utiliser

Avant d’envoyer votre campagne d’e-mails, vous pouvez envoyer un e-mail de test pour prévisualiser l’apparence du contenu dans les boîtes de réception des destinataires. Cela vous permet de vérifier la mise en page, le contenu et tous les éléments personnalisés pour garantir l’exactitude avant de finaliser la campagne. Si nécessaire, ajustez le contenu en fonction des résultats du test.

Pour envoyer un e-mail de test, cliquez sur E-mail de test dans l’éditeur d’e-mails.

Dans la fenêtre qui s’ouvre :

1. Dans le champ Adresse e-mail, saisissez l’adresse e-mail où vous souhaitez recevoir l’e-mail de test.

Si la procédure KYC n’est pas terminée, vous devrez sélectionner une adresse e-mail vérifiée dans la liste des adresses de test au lieu de saisir un e-mail.

2. Si votre e-mail contient du contenu dynamique (des variables pour les données personnalisées), ajoutez des exemples de valeurs à des fins de test.

Par exemple :

• Âge (integer) : Saisissez un nombre pour représenter la variable d’âge (par ex., 21).
• Prénom (string) : Saisissez un prénom d’exemple (par ex., David).

Ces valeurs remplaceront les données réelles des destinataires dans l’e-mail de test, vous permettant de vérifier comment le contenu dynamique apparaît.

3. Une fois que vous avez rempli les détails nécessaires, cliquez sur Envoyer l’e-mail de test pour envoyer le message de test à l’adresse e-mail fournie.