Créer du contenu d'e-mail avec l'éditeur glisser-déposer

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

Dans l’éditeur d’e-mails glisser-déposer, 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.

Sélectionner un modèle d'e-mail dans l'éditeur Pushwoosh

Onglets clés de l’éditeur glisser-déposer

L’éditeur glisser-déposer comprend quatre onglets principaux :

Contenu

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

Blocs

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

Corps

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 la mise en forme des liens.

Images

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

Personnaliser la mise en page de l’e-mail

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

L’éditeur d’e-mails glisser-déposer offre la flexibilité d’ajuster la mise en page d’un e-mail à vos besoins. Vous pouvez ajouter autant de lignes que vous le souhaitez, avec différents nombres de colonnes.

Pour construire une mise en page d’e-mail, faites glisser et déposez les blocs du panneau de l’éditeur dans 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 de fond
Marge intérieure (Padding)
Bordure

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

Couleur de fond
Couleur de fond du contenu
Image de fond. 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.

Créer le contenu de l’e-mail

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ésabonnement

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.

Ajouter un titre

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

Vous pouvez écrire votre titre, ou vous pouvez 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. L’outil vous proposera diverses options de titres.

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

Choisir le ton pour le titre généré par l'IA

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 mise en forme apparaît, vous permettant de choisir des styles de mise en forme, d’ajouter des liens ou d’ajouter des emojis.

Personnaliser le titre

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

Insérer une balise de fusion dans le titre

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

Niveau de titre
Famille, graisse et taille de la police
Couleur du texte
Alignement du texte
Hauteur de ligne
Styles de lien
Marge intérieure (Padding)
Design réactif, et plus encore.

Ajouter du texte

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 la mise en forme de votre texte.

Lorsque vous cliquez sur le texte, une barre d’outils apparaît, offrant des options pour la mise en forme du texte.

Barre d'outils de mise en forme du texte

Personnaliser 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.

Insérer une balise de fusion dans le texte

Pour améliorer la qualité de votre écriture 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.

Ajouter des images

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 de droite.
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 de droite. Dans la fenêtre contextuelle, sélectionnez l’effet souhaité 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.

Voir l'historique des modifications de l'image

Ajouter des boutons

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

Vous pouvez soit saisir votre texte de bouton personnalisé, 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 réactif.

Ajouter du HTML

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 de droite.

Ajouter des menus

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.

Ajouter des séparateurs

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 de droite et personnalisez son apparence.

Ajouter un minuteur

L’élément minuteur vous permet d’afficher un compte à rebours pour les offres à durée limitée ou les événements à venir. C’est un excellent moyen de créer un sentiment d’urgence et d’encourager les utilisateurs à agir avant la fin du temps imparti. Pour ajouter un minuteur :

Faites glisser l’élément Minuteur dans la mise en page de votre e-mail ou de votre message.
Définissez la date et l’heure de fin du compte à rebours.
Choisissez le fuseau horaire pour que le compte à rebours s’affiche correctement pour votre public.
Sélectionnez une langue pour les étiquettes des unités de temps (jours, heures, minutes, secondes).
Activez ou désactivez les étiquettes selon que vous souhaitez afficher les noms des unités.
Personnalisez l’apparence du minuteur pour qu’elle corresponde à votre design.

Ajouter des liens

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.

Dans le menu déroulant Type d’action, choisissez :

Ouvrir un site web
Lien de gestion des préférences
Lien de désabonnement
Lien vers la version web
Ne pas suivre les statistiques

Ouvrir un site web

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

Dans le champ URL, entrez l’adresse web complète du site web 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.

Lien de gestion des préférences

Sélectionnez cette option pour ajouter un lien vers le centre de préférences d’abonnement où les destinataires peuvent choisir les catégories d’e-mails qu’ils reçoivent. Le lien sera inséré automatiquement.

Lien de désabonnement

Incluez un lien de désabonnement dans votre e-mail afin que les destinataires puissent se désinscrire conformément à la réglementation et à leurs préférences.

Pour ajouter le lien de désabonnement :

Mettez en surbrillance le texte que vous souhaitez utiliser comme lien.
Cliquez sur l’icône Lien dans la barre d’outils de mise en forme.
Dans la fenêtre Insérer/Modifier le lien, sélectionnez Lien de désabonnement dans le menu déroulant Type d’action.
Facultativement, entrez une URL dans Redirection (facultatif) pour envoyer les utilisateurs vers votre propre page après leur désabonnement.
Cliquez sur Enregistrer.

Fenêtre modale Insérer/Modifier le lien avec le Type d'action défini sur Lien de désabonnement et le champ Redirection facultatif

Vous pouvez également ajouter le lien directement dans le bloc HTML :

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

Le placeholder %%PW_EMAIL_UNSUBSCRIBE%% est remplacé par l’URL de désabonnement de Pushwoosh lorsque l’e-mail est envoyé.

Que se passe-t-il lorsque le destinataire clique sur le lien

Lorsque le centre de préférences d’abonnement est activé, l’utilisateur est désabonné uniquement de la catégorie assignée à cet e-mail (par ex., Newsletter). Un écran de confirmation apparaît avec les options Se réabonner et Gérer les préférences. En savoir plus.

Lorsque le centre de préférences d’abonnement n’est pas activé, l’utilisateur est désinscrit de tous les e-mails marketing.

Les clics sont comptabilisés dans le taux de désabonnement dans l’Historique des messages.

Lien vers la version web

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 de support.

Ne pas suivre les statistiques

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.

Ajouter un pré-en-tête

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.

Définir le texte du pré-en-tête de l'e-mail

Enregistrer des blocs de contenu pour une utilisation future

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

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

Dans la fenêtre contextuelle, entrez un nom de catégorie pour organiser vos blocs (par ex., “Promotions”, “Newsletters”). Ajoutez des Balises pertinentes, séparées par des virgules (par ex., “vente, réduction, été”), pour aider à catégoriser et à rechercher vos blocs.

Après avoir entré la catégorie et les balises, 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.

Configurer les paramètres généraux du contenu

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

Accéder à une vaste bibliothèque d’images

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 intégrer une image dans votre e-mail, il suffit de la faire glisser à l’emplacement souhaité sur la droite.

Prévisualiser et enregistrer votre e-mail

Lorsque le contenu de votre e-mail est prêt, vous pouvez voir à quoi il ressemblera en cliquant sur l’icône Aperçu située en bas de l’éditeur. Ici, vous pouvez voir des aperçus pour les appareils de bureau, les tablettes et les 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 contextuelle, 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 de contenu 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

Envoyer un e-mail de test

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 :

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

Si le KYC n’a pas été complété, vous devrez sélectionner une adresse e-mail vérifiée dans la liste des adresses de test au lieu d’entrer une adresse e-mail.

Sélectionner une adresse e-mail de test vérifiée

Si votre e-mail inclut des champs de contenu dynamique (comme prénom, ville ou catégorie_préférée), vous pouvez prévisualiser l’apparence de la personnalisation en entrant des valeurs de test manuelles. Activez les champs que vous souhaitez tester, puis entrez des exemples de valeurs.

Par exemple :

Ville (chaîne de caractères) : New York

Catégorie_préférée (chaîne de caractères) : Sushi

Prénom (chaîne de caractères) : John

Saisir des valeurs de test pour la personnalisation

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.