Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Créer des e-mails marketing dans l'éditeur d'e-mails en glisser-déposer

Dernière mise à jour: février 27, 2024

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

L'éditeur d'e-mails en glisser-déposer de HubSpot fournit une interface intuitive pour adapter les e-mails marketing de votre entreprise. Utilisez des campagnes d'e-mail marketing pour partager les mises à jour avec vos abonnés et promouvoir des offres spéciales.

Remarque : Si vous n'utilisez pas l'éditeur d'e-mails en glisser-déposer, consultez notre guide relatif à la création et l'envoi d'e-mails marketing avec le nouvel éditeur d'e-mails classique.

Créer un nouvel e-mail

  • Depuis votre compte HubSpot, accédez à Marketing > E-mail.
  • Cliquez sur Créer un nouvel e-mail.
  • Si vous avez un compte Marketing Hub Entreprise et que vous avez acheté le module complémentaire Unités commerciales, cliquez sur le menu déroulant Unité commerciale et sélectionnez une unité commerciale. Cela associera l'e-mail à l'unité commerciale et vous permettra de concevoir l'e-mail avec les couleurs par défaut de votre kit de marque dans le sélecteur de couleurs.
  • Sélectionnez un type d'e-mail :
    • Ordinaire : e-mail personnalisé unique que vous pouvez envoyer à une partie de vos contacts.
    • Automatisé : e-mail personnalisé que vous pouvez configurer afin de l'envoyer à certains contacts lorsqu'ils répondent aux critères d'inscription à un workflow.
    • Blog/RSS : e-mail qui sera envoyé automatiquement aux abonnés de votre blog ou flux RSS lorsque vous publierez un nouveau contenu sur votre blog ou flux RSS.
  • Dans l'onglet Glisser et déposer, sélectionnez un modèle en fonction du type d'e-mail que vous souhaitez créer. Chaque modèle d'e-mail contient des éléments personnalisables, tels que des images et des champs de texte, qui sont regroupés en sections.

Modifier la mise en page et le contenu de l'e-mail

Ajoutez de nouveaux éléments à votre e-mail, puis personnalisez leur apparence, leur disposition et leur contenu.

Ajouter des éléments et modifier leur disposition

  • Pour ajouter davantage de contenu à votre modèle, cliquez sur un nouvel élément et faites-le glisser de l'onglet Contenus de la fenêtre de gauche vers l'éditeur d'e-mails. 
Déplacement d'un module dans l'éditeur d'e-mails
  • Pour modifier la mise en page de votre modèle, passez le curseur de la souris sur un élément et cliquez sur le bord bleu à gauche pour le déplacer ailleurs. Cliquez sur l'icône Cloner duplicate ou sur l'icône Supprimer deletet pour cloner ou supprimer l'élément.

Section pour cloner, enregistrer, supprimer dans un e-mail

  • Dans le menu latéral de gauche, cliquez sur l'onglet Design pour personnaliser les polices, les titres, les couleurs, les bordures et les espacements de votre modèle.
Onglet Design de l'éditeur d'e-mails
  • Cliquez sur la zone en dehors du contenu de votre e-mail pour sélectionner une section d'éléments à modifier dans le menu latéral de gauche. Dans les Paramètres de mise en page, vous pouvez :
    • Spécifier le nombre de colonnes et la façon dont elles doivent être organisées dans cette section, sous Structure des colonnes.
    • Personnaliser l'espacement, les couleurs et les motifs de cette section de l'e-mail.
    Personnaliser la mise en page de l'e-mail
  • Il est également possible de personnaliser les paramètres de colonne d'un élément spécifique :
    • Cliquez sur l'élément que vous souhaitez personnaliser.
    • Pour ajouter ou supprimer une colonne, cliquez sur l'icône Ajouter add ou l'icône Supprimerminus à gauche ou à droite de l'élément.
    • Pour modifier l'espacement entre deux colonnes, cliquez sur la poignée de glissement dragHandle et faites-la glisser vers la gauche ou vers la droite.
    Configurer les colonnes dans l'éditeur d'e-mails en glisser-déplacer
  • Cliquez sur un élément pour personnaliser son contenu.
    • Les images, les boutons et les séparateurs peuvent être personnalisés dans le volet de gauche.
    • Les éléments de texte peuvent être modifiés en ligne et stylisés avec la barre d'outils de texte enrichi. Vous pouvez insérer des émoticônes dans votre champ de texte en cliquant sur l'icône Émoticône emoji..

insert-emoji-into-email

Remarque : Si la taille de votre e-mail est supérieure à 102 Ko, vous verrez une alerte indiquant que Gmail supprimera une partie du contenu de l'e-mail envoyé à vos destinataires. Cette limite de taille peut affecter le design de l'e-mail, des liens de désinscription et le pixel utilisé pour suivre les ouvertures d'e-mails. Une alerte dans l'éditeur de contenu et le panneau de vérification s'affichent si l'e-mail est susceptible d'être tronqué.

Enregistrer une section pour la réutiliser dans de futurs e-mails (uniquement pour les versions Pro et Entreprise du Marketing Hub)

Si vous avez personnalisé une section et que vous souhaitez la réutiliser dans un prochain e-mail :

  • Placez simplement le curseur sur la section que vous souhaitez enregistrer et cliquez sur l'icône en forme de cœur socialHeart .
Enregistrer une section dans l'éditeur d'e-mails
  • Dans la boîte de dialogue, saisissez un nom pour la section, puis cliquez sur Enregistrer. La section apparaîtra sous Sections enregistrées au bas de l'onglet Contenu de l'éditeur d'e-mails.
  • Pour consulter et organiser vos sections enregistrées, cliquez sur Gérer :
    • Dans le panneau de droite, recherchez une section en saisissant le nom de la section dans la barre de recherche ou cliquez sur les menus déroulants Affichage ou Trier pour filtrer vos sections enregistrées.
    • Vous pouvez ajouter à vos favoris, masquer ou supprimer une section en cliquant sur le menu déroulant Actions à côté d'une section enregistrée, puis en sélectionnant l'action associée.

Gestion des sections d'e-mails marketing

Modifier le pied de page de votre e-mail

Cliquez sur le pied de page pour modifier les coordonnées de votre bureau. Dans le menu latéral de gauche, cliquez sur Gérer pour mettre à jour votre adresse de bureau. Mettez à jour le style de votre texte avec les options Police, Police de lien et Aligner, et cliquez sur le menu déroulant Se désabonner pour sélectionner un type de lien de désabonnement.

Modifier le pied de page d'un e-mail

Ajouter une personnalisation

Vous pouvez ajouter des personnalisations à votre texte en insérant des valeurs directement depuis les fiches d'informations de contact des destinataires de votre e-mail.

  • Dans la barre de mise en forme, cliquez sur Personnaliser contacts.
  • Cliquez sur le menu déroulant Type, puis sélectionnez le type de jeton de personnalisation à insérer. Différents types de jeton sont disponibles en fonction du type d'e-mail que vous créez :
    • Par défaut, tous les e-mails marketing prennent en charge les jetons de personnalisation de contact et d'entreprise ainsi que les jetons de localisation du bureau (par exemple, les champs du pied de page de votre e-mail) et le type d'abonnement aux e-mails.
    • Si vous créez un e-mail de marketing automatisé, vous pouvez également insérer des types de jeton supplémentaires dans votre e-mail :
      • Transaction : ces jetons utilisent les valeurs des propriétés de transaction associées à vos transactions dans votre base de données HubSpot. Cela inclut les jetons pour le propriétaire, le montant et la date de clôture de la transaction.
      • Ticket : si vous avez un compte Service Hub Starter, Pro ou Entreprise, vous pouvez utiliser les propriétés de ticket associées aux tickets dans votre base de données HubSpot.
      • Objet personnalisé : si vous disposez d'un compte Entreprise, vous pouvez utiliser les propriétés des objets personnalisés que vous avez créés.

Remarque : Si vous insérez un jeton de personnalisation d'objet personnalisé dans votre e-mail marketing automatisé, il ne restituera la propriété associée que si vous utilisez l'e-mail dans un workflow basé sur votre objet personnalisé.

  • Cliquez sur le menu déroulant Propriété pour sélectionner la valeur de propriété à insérer dans le corps de l'e-mail.
  • Saisissez une valeur par défaut qui peut être utilisée pour n'importe quel contact sans valeur pour cette propriété et cliquez sur Enregistrer. Cliquez ensuite sur Insérer pour ajouter le jeton à votre texte.

Insérer un jeton de personnalisation dans l'e-mail

Annuler des modifications récentes

Si vous commettez des erreurs lors de la modification de votre e-mail, vous pouvez annuler l'une de vos dernières modifications. Si vous souhaitez rétablir une modification que vous venez de supprimer, vous pouvez également restaurer la version la plus récente de votre e-mail :

  • Dans l'angle supérieur gauche de l'éditeur, cliquez sur l'icône Annuler pour annuler la modification la plus récente. Pour revenir à une modification que vous venez d'annuler, cliquez sur l'icône Rétablir.
  • L'éditeur prend également en charge les raccourcis clavier standards. Sur Windows, vous pouvez appuyer sur Ctrl Z pour annuler une action et sur MajCtrl Z pour rétablir une action. Sur Mac, vous pouvez utiliser Commande pour annuler une action et Maj + CommandeZ pour rétablir une action.

Actions Annuler et Rétablir dans l'éditeur d'e-mails


Modifier les paramètres d'e-mail

En haut de l'écran, cliquez sur l'onglet Paramètres. Vous avez la possibilité de personnaliser les paramètres suivants :
  • Nom de l'expéditeur :nom que vos destinataires verront lorsqu'ils recevront l'e-mail.
    • Cliquez sur le menu déroulant pour sélectionner un utilisateur HubSpot dans votre compte, sélectionnez le jeton {{ owner.first.name }} pour extraire automatiquement le prénom et le nom de l'utilisateur attribué comme propriétaire du contact pour chaque destinataire, ou saisissez un nouveau nom.
    • Cliquez sur Personnaliser contacts pour utiliser la personnalisation afin d'extraire un nom stocké comme propriété dans la fiche d'informations du contact.
  • Adresse de l'expéditeur : adresse e-mail à partir de laquelle l'e-mail est envoyé.
    • Cliquez sur le menu déroulant pour sélectionner une adresse, ajouter une nouvelle adresse ou un jeton de personnalisation, ou gérer les adresses enregistrées existantes. 
      • Sous Adresses e-mail, vous pouvez sélectionner l'adresse e-mail d'un utilisateur HubSpot de votre compte.
      • Sous Adresses personnalisées, vous pouvez sélectionner une adresse e-mail personnalisée, par exemple un alias qui sert d'adresse de contact générale pour votre entreprise (par exemple, contact@votreentreprise.com). Vous pouvez ajouter une nouvelle adresse personnalisée en cliquant sur Ajouter une adresse e-mail en bas du menu déroulant.
      • Vous pouvez également sélectionner un jeton de personnalisation, tel que {{ owner.email }}, afin d'obtenir automatiquement l'adresse e-mail du propriétaire HubSpot correspondant à ce destinataire. Vous pouvez également ajouter un nouveau jeton de personnalisation en cliquant sur Ajouter un jeton de personnalisation au bas du menu déroulant.
      • Si vous avez connecté une boîte de réception d'équipe à HubSpot, vous pouvez sélectionner l'adresse de la boîte de réception sous Boîtes de réception HubSpot.
    • Si vous souhaitez recevoir des réponses par e-mail à l'adresse de l'expéditeur, cochez la case Utilisez ceci comme adresse de réponse.
    • Si vous souhaitez recevoir les réponses par e-mail à une adresse différente, décochez la case Utilisez ceci comme adresse de réponse et saisissez un autre e-mail dans le champ Adresse répondre-à.
  • Ligne d'objet : ligne d'objet de l'e-mail qui apparaît dans une boîte de réception.
    • Saisissez l'objet de l'e-mail dans le champ Ligne d'objet.
    • Cliquez sur emojil'icône émoticône pour ajouter des émoticônes à votre ligne d'objet.
    • Cliquez sur Ajouter une règle intelligente test pour rendre la ligne d'objet intelligente (Marketing Hub Pro et Entreprise uniquement).
    • Cliquez sur contactsPersonnaliser pour insérer un jeton de personnalisation.
  • Texte d'aperçu : ajoutez du texte d'aperçu qui apparaît généralement à côté de la ligne d'objet de l'e-mail dans une boîte de réception.
  • Nom interne de l'e-mail : le nom interne de l'e-mail qui s'affiche dans le tableau de bord des e-mails. Ce nom n'est pas visible par les destinataires de l'e-mail.
  • Type d'abonnement : sélectionnez le type d'abonnement applicable à cet e-mail. Découvrez-en davantage sur la création et l'utilisation des types d'abonnement.
  • Campagne : si vous disposez d'un abonnement Marketing Hub Pro ou Entreprise, vous pouvez associer l'e-mail à une campagne :
    • Pour associer votre e-mail à une campagne existante, cliquez sur le menu déroulant Campagne et sélectionnez une campagne.
    • Pour associer votre e-mail à une nouvelle campagne, cliquez sur le menu déroulant Campagne et cliquez sur Créer une campagne. Puis, continuez à configurer votre campagne
  • Langue : sélectionnez la langue d'affichage, au bas de votre e-mail, du texte, du texte du pied de page et du texte du lien vers la version web de votre e-mail.

Personnaliser les paramètres de l'e-mail

Cliquez sur > Version du texte brut et version web. Vous avez la possibilité de personnaliser les paramètres suivants :

  • Personnaliser le texte brut : HubSpot crée automatiquement une version de texte brut de votre e-mail à envoyer au cas où un destinataire ne reçoive pas la version de texte enrichi. Cliquez sur Personnaliser pour modifier le contenu de la version en texte brut.
  • Version web : (Marketing Hub Basique, Pro, et Entreprise uniquement) cliquez pour activer l'option Version web pour activer une version web de l'e-mail.
    • Titre de la page : le texte de la version web qui apparaît dans la barre de titre du navigateur et dans les résultats de recherche.
    • URL de la Page : URL de la version web. Cliquez sur le menu déroulant Domaines pour sélectionner un domaine connecté. Dans le champ de texte, saisissez le slug de la page. Utilisez uniquement un « / » pour publier sur la page d'accueil du domaine.
    • (Facultatif) Dépublier la page à une date spécifique : sélectionnez la case Dépublier la page à une date spécifique si vous souhaitez rediriger la version web de l'e-mail vers une page HubSpot ou une URL externe à une date et une heure prévues.

Personnaliser la version du texte brut et la version web de l'e-mail

(Facultatif) Réaliser un test A/B de votre e-mail (Marketing Hub Pro et Entreprise uniquement)

  • Dans l'angle supérieur gauche de l'éditeur, cliquez sur Créer un A/B test test.
  • Dans la boîte de dialogue, saisissez un nom pour chaque version de votre e-mail.
  • Configurez vos options de test :
    • Répartition A/B : utilisez le diaporama pour déterminer quel pourcentage de contacts recevra une variante A et une variante B. Vous pouvez également définir le diaporama pour qu'il envoie la variante A à 50 % et la variante B à 50 %. Cela enverra une variante de l'e-mail à la moitié des contacts de la liste et l'autre variante à l'autre moitié des contacts. Ainsi, vous pouvez analyser les statistiques des deux e-mails après l'envoi afin de voir lequel a eu le plus de succès.
    • Indicateur gagnant : si vous avez choisi d'envoyer les variantes A et B à un plus petit groupe, puis d'envoyer la version la plus performante au reste de vos destinataires, cliquez sur le menu déroulant Indicateur gagnant pour choisir l'indicateur qui déterminera le choix de la version gagnante : Taux d'ouverture, Taux de clics ou Taux de clics/ouvertures.
    • Durée du test : utilisez le curseur pour définir une durée afin de recueillir des données avant de sélectionner une variante gagnante et de l'envoyer. Votre A/B test peut fonctionner pendant une durée allant jusqu'à 100 heures. Si les résultats du test ne sont pas concluants après la durée du test, la variante A sera envoyée aux destinataires restants.
  • Cliquez sur Créer un test.

Configurer l'A/B test pour un e-mail

Remarque : Vous pouvez effectuer un A/B test en division complète (50/50) en utilisant un échantillon de toute taille. Toutes les autres divisions d'échantillons nécessitent une liste contenant au moins 1 000 destinataires, sans compter les contacts précédemment associés à un rejet permanent ou à une désinscription.


Après avoir créé les deux versions de votre e-mail pour l'A/B test, vous pouvez basculer entre les deux à tout moment ou mettre à jour vos options de test.

  • Dans l'angle supérieur gauche de l'éditeur de contenu, cliquez sur le nom de la version de l'e-mail.
  • Pour modifier l'autre version de votre e-mail, sélectionnez le nom de l'autre version.
  • Si vous devez modifier l'une de vos options de test A/B, cliquez sur Gérer le test.

Basculer entre les versions de l'e-mail

Aperçu ou test de votre e-mail

Avant d'envoyer ou de planifier votre e-mail, vous pouvez en générer un aperçu pour vos destinataires sur différents types d'appareils. Vous pouvez également envoyer un e-mail test à vous-même ou à un autre utilisateur de votre compte.
  • Dans l'angle supérieur droit, cliquez sur le menu déroulant Actions et sélectionnez Aperçu
    • L'onglet Appareils présente l'apparence de votre e-mail sur un appareil mobile ou sur un ordinateur de bureau. Par défaut, l'e-mail affiche des valeurs par défaut pour la personnalisation. Cliquez sur le menu déroulant Afficher en tant que contact spécifique pour prévisualiser votre e-mail pour un contact spécifique.
    • Cliquez sur l'onglet Clients et cochez la ou les cases pour tout client de messagerie que vous souhaitez tester, puis cliquez sur Tester mon e-mail maintenant. En bas de la liste des clients, vous pourrez consulter les résultats des tests précédents sur différents clients de messagerie pour l'e-mail.

Remarque : Les utilisateurs Marketing Hub Starter n'ont pas accès aux aperçus des clients de messagerie.

Aperçu de l'e-mail dans l'éditeur de glisser-déposer
  • Si vous disposez d'un compte Marketing Hub Starter, Pro ou Entreprise, vous pouvez envoyer un e-mail de test pour vérifier que le contenu apparaît comme prévu dans la boîte de réception d'un destinataire :
    • Dans l'angle supérieur droit, cliquez sur Envoyer un e-mail de test.
    • Dans la fenêtre droite, cliquez sur le menu déroulant Sélectionnez un ou plusieurs destinataires pour choisir les destinataires de votre e-mail de test.
    • (Facultatif) Cliquez sur le menu déroulant Recevoir l'e-mail en tant que contact spécifique pour prévisualiser l'e-mail tel qu'il apparaîtra pour un contact spécifique. Vous pouvez ainsi tester la personnalisation.
    • Cliquez sur Envoyer un e-mail de test.

Envoyer un e-mail de test

  • Pour convertir votre e-mail en e-mail automatisé à utiliser dans les workflows, cliquez sur le menu déroulant Actions et sélectionnez Convertir en e-mail automatisé

Envoyer ou planifier votre e-mail

En haut de l'écran, cliquez sur l'onglet Envoyer ou planifier pour choisir les destinataires de vos e-mails et finaliser vos options d'envoi.

Onglet Envoyer ou planifier

  • Pour configurer les destinataires de vos e-mails :
    • Cliquez sur le menu déroulant Envoyer à et sélectionnez la ou les listes et/ou le ou les contacts individuels pour les ajouter à la liste des destinataires.
    • Cliquez sur le menu déroulant Ne pas envoyer à et sélectionnez la ou les listes et/ou le ou les contacts individuels pour les ajouter à la liste des destinataires.

Remarque : Si vous souhaitez envoyer votre e-mail aux contacts de la même entreprise, vous pouvez créer une liste de contacts, puis définir les critères de la liste pour qu'elle soit segmentée en fonction de la propriété Nom de l'entreprise.

    • Cochez sur la case Ne pas envoyer aux contacts non engagés pour exclure les contacts ayant un niveau d'interaction faible. Cette fonctionnalité est utile si vous avez déjà envoyé quelques campagnes d'e-mails à partir de HubSpot. Vous disposez ainsi de données pour identifier les contacts non engagés.
    • Vous pouvez voir combien de contacts recevront votre e-mail sous Nombre total de destinataires, en fonction des listes et des contacts individuels que vous avez sélectionnés.
      • Si vous avez choisi une liste à inclure, le nombre estimé de destinataires ne tiendra pas compte des contacts de la liste qui se sont désabonnés ou n'ont jamais été abonnés à vos e-mails marketing. Bien que ces contacts soient inclus dans l'estimation, ils ne recevront pas votre e-mail s'ils ne sont pas abonnés au type d'abonnement que vous avez sélectionné dans l'onglet Paramètres.
      • Au fur et à mesure que vous ajoutez des destinataires, vous pouvez vérifier combien de contacts mis en quarantaine, ayant entraîné un rejet, non engagés ou non marketing seront automatiquement exclus de la réception de vos messages. Les contacts dont l'adresse e-mail est invalide ou manquante seront également exclus.
  • Choisissez le moment auquel vous souhaitez envoyer votre e-mail en sélectionnant une option d'envoi :
    • Envoyer maintenant : votre e-mail sera immédiatement envoyé.
    • Planifier pour plus tard : envoyez votre e-mail à une date et une heure précises :
      • Cliquez sur les menus déroulants Date et Heure pour planifier votre e-mail. Par défaut, les e-mails sont envoyés en fonction du fuseau horaire de votre compte HubSpot. Pour configurer manuellement l'heure d'envoi optimale en fonction du fuseau horaire spécifique de vos destinataires, vous pouvez utiliser un convertisseur de fuseau horaire.
      • Si vous souhaitez envoyer votre e-mail à un contact en fonction de son fuseau horaire plutôt que de celui de votre compte HubSpot, sélectionnez la case à cocher Envoyer plutôt en fonction du fuseau horaire des contacts. Si la fiche d'informations d'un contact ne comporte pas la propriété Fuseau horaire de l'adresse IP, l'heure d'envoi correspondra par défaut au fuseau horaire de votre compte.
Options de planification pour l'e-mail
  • Pour utiliser l'e-mail dans un workflow, cliquez sur le menu déroulant Actions, puis sélectionnez Convertir en e-mail automatisé.
  • Dans l'angle supérieur droit, cliquez sur Vérifier et envoyer. Dans le panneau de droite, vous pouvez traiter les erreurs ou les avertissements que vous devez corriger avant d'envoyer votre e-mail.
  • Une fois que vous avez envoyé ou planifié votre e-mail, vous pouvez l'envoyer à davantage de destinataires si vous avez oublié de les inclure lors de la création de l'e-mail :
    • Depuis votre compte HubSpot, accédez à Marketing > E-mail.
    • Cliquez sur le nom de l'e-mail envoyé ou planifié que vous souhaitez envoyer à d'autres destinataires.
    • Dans l'angle supérieur droit, cliquez sur le menu déroulant Actions et sélectionnez Envoyer à d'autres contacts.
    • Cliquez sur le menu déroulant Envoyer à et sélectionnez la ou les listes et/ou le ou les contacts pour les ajouter à la liste des destinataires.
    • Cliquez sur le menu déroulant Ne pas envoyer à et sélectionnez la ou les listes et/ou le ou les contacts pour les ajouter à la liste des destinataires.
    • Cochez sur la case Ne pas envoyer aux contacts non engagés pour exclure les contacts ayant un niveau d'interaction faible.
    • Cliquez sur Envoyer.

Lectures complémentaires

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.