Utiliser les modules par défaut dans l’éditeur de mise en page

HubSpot fournit des modules par défaut pour la création de modèles de glisser-déposer dans l’éditeur de mise en page du gestionnaire de conception. Vous pouvez ajouter des modules par défaut et cloner des modules par défaut à utiliser sur vos modèles de glisser-déposer. En outre, vous pouvez modifier le contenu par défaut de certains modules par défaut. 

Avant de commencer

Avant de commencer à utiliser cette fonctionnalité, assurez-vous de bien comprendre les étapes à suivre à l'avance, ainsi que les limites de la fonctionnalité et les conséquences potentielles de son utilisation. 

Compréhension des exigences

• Les utilisateurs doivent être un super administrateur ou avoir les autorisations Outils de conception activées pour accéder aux modules et les modifier. 

Compréhension des limites et des considérations

• Cet article explique comment utiliser l’inspecteur dans l’éditeur de mise en page du gestionnaire de conception pour ajouter et cloner des modules par défaut. Vous pouvez également modifier le contenu par défaut.pour certains modules par défaut.
• Pour ajouter des modules par défaut, en utilisant HubL, à des modèles HTML ou à des modèles personnalisés, découvrez-en davantage dans la documentation des développeurs.
• Pour ajouter et modifier des modules dans l’éditeur de contenu, découvrez-en davantage sur l’ajout et la modification de modules dans l’éditeur de contenu.
• Les comptes Marketing Hub et Content Hub  Pro &Entreprise disposent d’un dossier @hubspot dans le gestionnaire de conception par défaut. 
• Certains modules par défaut ne peuvent être ajoutés qu’à des types de modèles spécifiques. Par exemple, le module de formulaire n’est pas disponible pour les modèles d’e-mails.
• Les modules par défaut doivent être clonés avant que le code source du module puisse être personnalisé.

Ajouter des modules aux modèles de glisser-déposer

Vous pouvez ajouter des modules par défaut aux modèles de glisser-déposer, à l’aide de l’éditeur de mise en page, dans le gestionnaire de conception.

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
2. Dans la colonne de gauche, cliquez sur le nom  du modèle. 
3. Dans la colonne de droite, cliquez sur + Ajouter. 
4. Saisissez le nom  d'un module par défaut ou personnalisé dans la barre de recherche. 
5. Cliquez sur le module nommé, puis faites-le glisser dans votre modèle. 
6. Dans l’inspecteur de la section Options de style, définissez le style personnalisé pour le module. 

7. Dans l’inspecteur de la section Contenu par défaut, modifiez le contenu qui apparaîtra lorsque le module sera ajouté à l’éditeur de contenu. Découvrez-en davantage sur la modification du contenu par défaut des modules.

8. Pour empêcher d’autres utilisateurs de modifier le contenu par défaut d’un module, cliquez pour activer l’option Empêcher la modification dans les éditeurs de contenu dans la section Options de l’éditeur.

Cloner les modules par défaut

Vous pouvez cloner les modules par défaut dans le dossier @hubspot à l’gestionnaire de conception pour modifier le code source du module. Ce dossier contient tous vos thèmes et modules par défaut, y compris les modules d’e-mail glisser-déposer. 

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
2. Dans l’outil de recherche, cliquez sur le dossier @hubspot .

3. Effectuez un clic droit sur un module par défaut, puis sélectionnez Cloner le module. 
4. Dans le module cloné, modifiez le code source du module. Découvrez-en davantage sur la configuration d’un module.
5. Dans l'angle supérieur droit, cliquez sur Publier les modifications.

Gérer les versions du module

HubSpot peut publier périodiquement une nouvelle version d'un module par défaut existant. Cela permet à HubSpot d’implémenter des mises à jour importantes sans perturber le contenu existant. Par exemple, une nouvelle version d’un module peut offrir une meilleure organisation des champs, plus d’options de style et des fonctionnalités améliorées. Découvrez-en davantage sur la gestion des versions de module dans la documentation des développeurs de HubSpot.

Vous pouvez gérer les versions des modules depuis la page de paramètres des modules de thèmes & de votre compte, y compris la mise à jour d'une version, le rétablissement d'une version précédente ou l'affichage des versions actuelles de tous les modules par défaut.

Mettre à jour la version d'un module

• Pour passer à la nouvelle version d’un module :

1. 1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
   2. Dans le menu latéral de gauche, accédez àModules de thèmes &de contenu>.  
   3. Dans l’onglet Alertes , les dernières mises à jour des modules par défaut apparaîtront avec une balise Mise à jour disponible . Cliquez sur Afficher la mise à jour à côté d’un module pour afficher plus de détails sur la mise à jour.

1. 4. Dans la barre latérale droite, vérifiez les modifications. La barre latérale contient un récapitulatif de la mise à jour, ainsi qu’une répartition détaillée des modifications et des ressources qui seront affectées.

1. 5. Pour mettre à jour le module, cliquez sur Installer la mise à jour. Dans la boîte de dialogue, cliquez sur Confirmer la mise à jour.

Remarque : L’affichage du module mis à jour peut prendre jusqu’à 10 minutes.

• Après avoir mis à jour le module, vous serez redirigé vers l’onglet Modules de la page de paramètres des modules de thèmes & . Sur cette page, vous pouvez voir les modules récemment mis à jour, les modules avec les mises à jour disponibles et les informations de version pour tous les modules par défaut de votre compte.

Annuler un module mis à jour

Dans l’onglet Modules de la page des paramètres, vous pouvez rétablir une version précédente d’un module mis à jour au cours des 30 derniers jours. 

• Pour rétablir la mise à jour récente d’un module :
  1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
  2. Dans le menu latéral de gauche, accédez àModules de thèmes &de contenu>.  
  3. Cliquez sur l’onglet Modules , recherchez le module que vous souhaitez rétablir, puis cliquez sur Annuler la mise à jour récente.

• 4. Dans la barre latérale de droite, consultez l’historique de la version du module, puis cliquez sur Annuler cette mise à jour.

• 5. Vérifiez les informations dans la barre latérale de droite pour confirmer que vous souhaitez annuler la mise à jour, puis cliquez sur Annuler. 
  6. Dans la boîte de dialogue, cliquez sur Confirmer. 
• Après avoir rétabli le module, il peut s’écouler un certain temps avant que vos modèles et pages n’affichent le module rétabli. Vous pouvez mettre à jour le module à nouveau en mettant à jour la version d’un module.

Modifier le contenu par défaut pour différents types de modules

Vous pouvez modifier le contenu par défaut de certains modules par défaut dans des modèles de type glisser-déposer dans l’éditeur de mise en page du gestionnaire de conception. Pour voir la liste complète des modules par défaut, découvrez-en davantage sur les modules d’e-mail par défaut et les modules web par défaut.

Sauvegarde du désabonnement

Le module de désabonnement alternatif s’affiche pour les destinataires d’e-mails qui cliquent sur un lien pour se désabonner et HubSpot ne peut pas confirmer leur adresse e-mail. Ce module ne peut être modifié qu’à partir d’un modèle de système de désabonnement de sauvegarde des e-mails. 

• Pour modifier le contenu par défaut du module de désabonnement alternatif :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Désabonnement alternatif .
  4. Dans l’inspecteur de la section Contenu par défaut , saisissez le texte qui s’affiche pour En-tête, Sous-titre et Message d’erreur.

• Lorsque vous avez terminé de modifier le module, cliquez sur Publier les modifications.

Abonnement par e-mail au blog

Le module d'abonnement aux e-mails de blog permet aux visiteurs de s'abonner aux e-mails de votre blog en remplissant un formulaire. Ce module est alimenté par votre formulaire d'inscription au blog , qui peut être personnalisé dans votre outil de formulaires.

Remarque : le module d'abonnement aux e-mails de blog n'est pas disponible pour les modèles d'e-mail. 

• Pour modifier le contenu par défaut du module d’abonnement aux e-mails du blog :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Abonnement aux e-mails du blog ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur le menu déroulant Sélectionner le blog à afficher et sélectionnez le blog auquel vos visiteurs sont abonnés.
  5. Cliquez sur le menu déroulant Niveau d’en-tête pour sélectionner un niveau d’en-tête.
  6. Dans le champ Titre à afficher au-dessus du formulaire , saisissez le texte qui apparaîtra dans le titre au-dessus du formulaire.
  7. Dans le champ Réponse en ligne pour les utilisateurs , cliquez sur l’icône expandIcon de développement pour personnaliser le texte qui apparaît après qu’un visiteur a soumis le formulaire.

• Lorsque vous avez terminé de modifier le module d’abonnement aux e-mails du blog, cliquez sur Publier les modifications dans l’angle supérieur droit.

Call-to-action

Un module CTA place un CTA dans son propre module au sein de votre mise en page. Vous pouvez également insérer un CTA dans un module de texte enrichi .

• Pour modifier le contenu par défaut d’un module de call-to-action :

• 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Call-to-action ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur Sélectionner.

• 5. Dans le volet latéral droit, sélectionnez un CTA ou cliquez sur Créer.
  6. Cliquez sur Insérer.

Bibliothèque de contenu

Vous pouvez utiliser le module de bibliothèque de contenu pour configurer une bibliothèque de ressources à laquelle vos visiteurs peuvent accéder.

• Pour modifier le contenu par défaut du module de bibliothèque de contenu :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Bibliothèque de contenu ou ajoutez le module.
  4. Pour modifier une ressource existante dans la bibliothèque de contenu, cliquez sur l’icône editIc onModifier dans l’inspecteur. Vous pouvez personnaliser le nom, la description, le texte du lien et l’image.
  5. Pour supprimer une ressource du module de bibliothèque de contenu, cliquez sur l’icône deleteIcon Supprimer dans l’inspecteur.
  6. Pour ajouter une ressource personnalisée au module de bibliothèque de contenu, cliquez sur + Ajouter dans l’inspecteur.
  7. Pour définir une ressource comme en vedette, cliquez sur l’icône favoriteIcon Définir comme en vedette dans l’inspecteur.

• Lorsque vous avez terminé de modifier le module de bibliothèque de contenu, cliquez sur Publier les modifications dans l’angle supérieur droit.

Formulaire

Vous pouvez utiliser le module de formulaire pour ajouter un formulaire à votre contenu afin de collecter des informations sur les visiteurs.

Remarque : le module Formulaires n'est pas disponible pour les modèles d'e-mail. 

• Pour modifier le contenu par défaut du module de formulaire :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Formulaire ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , saisissez le texte du champ Titre du formulaire .
  5. Dans le menu déroulant Formulaire , sélectionnez un formulaire.
  6. Dans le champ Que verra le visiteur après avoir soumis votre formulaire ? , sélectionnez Rediriger vers une autre page ou Afficher un message de remerciement en ligne. 
     • Pour rediriger vers une autre page, dans le menu déroulant Lien de redirection , sélectionnez une page ou un article ou cliquez sur + Ajouter un lien externe. 
     • Pour afficher un message de remerciement en ligne, dans le champ Message de remerciement, cliquez sur l’icône expanddévelopper.
  7. Cochez la case Envoyer les notifications de formulaire à des adresses e-mail spécifiées au lieu de celles indiquées par défaut dans le formulaire pour remplacer les destinataires de notification définis dans l’outil Formulaires.
• Lorsque vous avez terminé de modifier le module de formulaire, cliquez sur Publier les modifications dans l’angle supérieur droit.

En-tête

Vous pouvez utiliser le module d’en-tête pour afficher une ligne de texte dans une balise d’en-tête HTML.

• Pour modifier le contenu par défaut du module d’en-tête :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module En-tête ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , saisissez du texte dans le champ Contenu de l’en-tête . 
  5. Cliquez sur le menu déroulant Niveau d’en-tête et sélectionnez un niveau d’en-tête (H1-H4).

• Lorsque vous avez terminé de modifier le module d’en-tête, cliquez sur Publier les modifications dans l’angle supérieur droit.

Image

Vous pouvez utiliser le module d’image pour afficher une seule image dans votre contenu.

• Pour modifier le contenu par défaut du module d’image :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Image ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur Remplacer dans le champ Image .
  5. Dans le volet latéral droit, sélectionnez l’image que vous souhaitez afficher. 
  6. Dans le champ Texte alternatif , saisissez une description textuelle de l’image.
  7. Dans le menu déroulant Taille , sélectionnez Ajuster automatiquement ou Largeur et hauteur exactes.
  8. Dans le menu déroulant Taille maximale , sélectionnez Taille d’origine de l’image ou Personnalisé.
  9. Dans le menu déroulant Chargement de l’image , sélectionnez Navigateur par défaut, Paresseux ou Impatient.
  10. Dans le champ Lien (facultatif), saisissez une URL facultative vers laquelle rediriger les visiteurs lorsque ceux-ci cliquent sur l’image.

• Lorsque vous avez terminé de modifier le module d’image, cliquez sur Publier les modifications dans l’angle supérieur droit.

Grille d’images

Vous pouvez utiliser le module de grille d’images pour ajouter une grille uniforme d’images à votre contenu. 

• Pour modifier le contenu par défaut du module de grille d’images :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Grille d’images ou ajoutez le module.
  4. Pour modifier une image existante dans le module de grille d’images, cliquez sur l’icône editIc onModifier dans l’inspecteur. Vous pouvez télécharger ou parcourir les images existantes et modifier le texte du lien, l’URL du lien ou le message survolé.
  5. Pour supprimer une image dans le module de grille d’images, cliquez sur l’icône deleteIcon Supprimer dans l’inspecteur.
  6. Pour ajouter une nouvelle image au module de grille d’images, cliquez sur + Ajouter dans l’inspecteur.
  7. Cliquez pour développer les paramètres. Dans le volet des paramètres, vous pouvez ajuster lafonctionnalité H over, lafonctionnalité C lick, les Columns et le rapport Aspect. 

• Lorsque vous avez terminé de modifier le module de grille d’images, cliquez sur Publier les modifications dans l’angle supérieur droit.

Curseur d’image

Vous pouvez utiliser le module de curseur d’image pour afficher plusieurs images qui défilent automatiquement dans le même module. 

• Pour modifier le contenu par défaut du module de curseur d’image :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Curseur d’image ou ajoutez le module.
  4. Pour modifier une image existante dans le module de curseur d’image, cliquez sur l’icône editIc onModifier dans l’inspecteur. Vous pouvez télécharger ou parcourir des images existantes et modifier la légende ou l’URL du lien.
  5. Pour supprimer une image du module de curseur d’image, cliquez sur l’icône deleteIcon Supprimer dans l’inspecteur.
  6. Pour ajouter une nouvelle image au module de curseur d’image, cliquez sur + Ajouter dans l’inspecteur.
  7. Cliquez pour développer les paramètres. Dans le volet des paramètres, vous pouvez ajuster lesoptions S,M ovement et Navigation. 

• Lorsque vous avez terminé de modifier le module du curseur d’image, cliquez sur Publier les modifications dans l’angle supérieur droit.

Sélecteur de langue

Vous pouvez utiliser le module Sélecteur de langue pour permettre aux visiteurs de passer d’une version traduite d’une page ou d’un blog à l’autre. 

Remarque : le module de sélection de langue n'est pas disponible pour les modèles d'e-mail. 

• Pour modifier le contenu par défaut du module Sélecteur de langue :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Sélecteur de langue ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cochez la case Ajouter un chevron vers le bas pour afficher un chevron pour le sélecteur de langue.
  5. Cliquez sur le menu déroulant Mode d’affichage pour sélectionner l’un des éléments suivants :
     
     • Pagelang : le nom de chaque langue qui apparaîtra dans la langue de la page actuelle. Par exemple, si vous consultez la version anglaise d'une page dotée d'une traduction en français et que vous cliquez sur le bouton Sélecteur de langue, vous verrez les mots English et French. 
     • Localisé/Localized : le nom de chaque langue s'affichera dans la langue sélectionnée pour la page. Par exemple, si vous consultez la version anglaise d'une page traduite en français, lorsque vous cliquez sur le sélecteur de langue, vous verrez apparaître English et Français comme noms de langue.
     • Hybride : une combinaison des deux. Par exemple, si vous consultez la version anglaise d'une page traduite en français, lorsque vous cliquez sur le sélecteur de langue, vous verrez apparaître les noms de langue Anglais et French (Français).
  6. Cliquez sur le menu déroulant Options d’icône et sélectionnez Aucun, Icône ou Icône personnalisée.

• Lorsque vous avez terminé de modifier le module Sélecteur de langue, cliquez sur Publier les modifications dans l’angle supérieur droit.

Remarque : Ce module n’apparaîtra que sur les pages en ligne ayant plus d’une traduction publiée. Découvrez-en davantage sur la gestion de contenu multilingue dans HubSpot.

Logo

Vous pouvez utiliser le module de logo pour afficher le logo de votre entreprise de votre kit de marque sur votre contenu. 

• Pour modifier le contenu par défaut du module de logo :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Logo ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur le bouton Remplacer le logo par défaut pour télécharger une nouvelle image pour le contenu utilisant le modèle.
  5. Pour modifier le logo par défaut, cliquez sur Modifier le logo par défaut dans ce domaine.
  6. Dans le menu déroulant Chargement de l’image , sélectionnez Navigateur par défaut, Paresseux ou Impatient. 
  7. Dans le champ URL du lien , saisissez le texte de l’URL vers laquelle vous souhaitez que les visiteurs soient dirigés lorsqu’ils cliquent sur l’image du logo. Cela remplacera la valeur par défaut spécifiée dans votre kit de marque .

• Lorsque vous avez terminé de modifier le module de logo, cliquez sur Publier les modifications dans l’angle supérieur droit.

Grille de logo

Vous pouvez utiliser le module de grille de logo pour disposer plusieurs logos de dimensions différentes dans une grille cohérente.

• Pour modifier le contenu par défaut du module de grille de logo :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Grille de logo ou ajoutez le module.
  4. Pour modifier une image existante, cliquez sur l’icône editIconModifier dans l’inspecteur. Vous pouvez télécharger ou parcourir les images existantes et modifier le texte alternatif ou le chargement de l’image.
  5. Pour supprimer une image dans le module de grille de logo, cliquez sur l’icône deleteIcon Supprimer dans l’inspecteur.
  6. Pour ajouter une nouvelle image au module de grille de logo, cliquez sur + Ajouter dans l’inspecteur.

• Lorsque vous avez terminé de modifier le module de grille de logo, cliquez sur Publier les modifications dans l’angle supérieur droit.

Corps principal de l'e-mail

Le module principal du corps de l’e-mail est un module de texte enrichi standard qui est inclus par défaut dans chaque modèle d’e-mail. 

• Pour modifier le contenu par défaut du module de corps d’e-mail principal :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Corps principal de l’e-mail .
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur l’icône expandIconde développement pour modifier le texte qui apparaît dans le corps de l’e-mail.

• Pour modifier les options de style du module de corps d’e-mail principal : 
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Corps principal de l’e-mail .
  4. Dans l’inspecteur de la section Options de style , saisissez des valeurs hexadécimales dans les champs de texte pour la Couleur du texte, la Couleur d’arrière-plan et la Couleur de la bordure. Vous pouvez également cliquer sur le sélecteur de couleur.

• Lorsque vous avez terminé de modifier le module du corps de l’e-mail principal, cliquez sur Publier les modifications dans l’angle supérieur droit.

Menu

Vous pouvez utiliser le module de menu pour ajouter de la navigation à votre contenu. Les menus sont créés et gérés directement dans les paramètres du menu de navigation. 

• Pour modifier le contenu par défaut du module de menu :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Menu ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur le menu déroulant Menu et sélectionnez un menu existant ou cliquez sur Créer.
  5. Dans le menu déroulant Type de menu avancé, sélectionnez l’un des éléments suivants :
     • Statique - Toujours afficher les pages prioritaires dans le menu : gardez votre menu cohérent sur toutes les pages.
     • Dynamique par section - Afficher les pages du menu relatives à la section consultée : affiche les éléments de menu par rapport à l’élément de menu de niveau supérieur consulté.
     • Dynamique par page - Afficher les pages du menu relatives à la page consultée : Affichez les éléments du menu liés à la page spécifique en cours de visualisation.
     • Menu de style fil d'Ariane (utilise le flux horizontal) : affichez des éléments du menu horizontalement dans un chemin relatif en haut de votre site.
  6. Dans le champ Niveaux max , saisissez le nombre maximal d’éléments de menu enfant pouvant s’afficher.
  7. Dans le menu déroulant Orientation , sélectionnez Horizontal ou Vertical.
  8. Pour afficher les éléments du menu enfant lorsque vous passez le curseur de la souris sur la navigation parent, sélectionnez la case à cocher Activer les menus volants ? .

• Lorsque vous avez terminé de modifier le module de menu, cliquez sur Publier les modifications dans l’angle supérieur droit.

Adresse de l'entreprise

Le module Emplacement des bureaux comprend les jetons obligatoires qui doivent être inclus dans un modèle d’e-mail pour envoyer des e-mails marketing. 

• Pour modifier le contenu par défaut du module d’informations sur l’emplacement des bureaux :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle d’e-mail.
  3. Dans l’éditeur de mise en page, cliquez sur le module Informations sur l’emplacement de l’entreprise.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur l’icône expandIcon de développement pour modifier le texte qui apparaît avec les jetons requis dans votre e-mail.

• Pour modifier les options de style du module d’informations sur l’emplacement des bureaux :
  • Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  • Accédez à votre modèle.
  • Dans l’éditeur de mise en page, cliquez sur le module Informations sur l’emplacement de l’entreprise .
  • Dans l’inspecteur de la section Options de style , saisissez des valeurs hexadécimales dans les champs de texte pour la Couleur du texte, la Couleur d’arrière-plan et la Couleur de la bordure. Vous pouvez également cliquer sur le sélecteur de couleur.

• Lorsque vous avez terminé de modifier le module d’informations sur l’emplacement des bureaux, cliquez sur Publier les modifications dans l’angle supérieur droit.

Une ligne de texte

Vous pouvez utiliser le module d’une ligne de texte pour ajouter une seule ligne de texte à votre contenu. 

Invite de mot de passe

Le module d'invite de mot de passe est disponible sur l'invite de mot de passe modèles de système. Si une page est protégée par un mot de passe, la page d'invite de mot de passe s'affiche. 

• Pour modifier le contenu par défaut du module de requête de mot de passe :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle de requête de mot de passe.
  3. Dans l’éditeur de mise en page, cliquez sur le module Requête de mot de passe.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur l’icône expandIcon de développement pour modifier le texte du message du mot de passe incorrect.

• Lorsque vous avez terminé de modifier le module de requête de mot de passe, cliquez sur Publier les modifications dans l’angle supérieur droit.

Filtrage des articles

Vous pouvez utiliser le module de filtre d’article pour afficher une liste d’articles de blog liés à un thème, un mois ou un auteur spécifique. 

• Pour modifier le contenu par défaut du module de filtre d’article :

1. 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
   2. Accédez à votre modèle.
   3. Dans l’éditeur de mise en page, cliquez sur le module Filtre d’article.
   4. Dans l’inspecteur de la section Contenu par défaut , sélectionnez un blog à afficher dans le menu déroulant Sélectionner le blog à afficher .
   5. Dans le menu déroulant Liste des valeurs pour filtrer les liens , sélectionnez Balise , Mois ou Auteur.
   6. Dans le menu déroulant Ordre des valeurs pour filtrer les liens, sélectionnez Nombre d’articles ou Nom.
   7. Dans le champ Titre de la liste à afficher , saisissez le texte qui s’affichera en tant que titre de liste.
   8. Pour afficher tous les filtres, sélectionnez la case à cocher Afficher tous les filtres .
   9. Dans le champ Nombre maximal de valeurs de filtre à afficher , saisissez le nombre d’articles pour un filtre.
   10. Dans la section Texte à afficher si vous disposez d’une valeur supérieure à la valeur maximale à afficher. Pour omettre le champ de lien , saisissez le texte qui apparaîtra s’il y a plus d’articles disponibles dans une catégorie.

• Lorsque vous avez terminé de modifier le module de filtre d’article, cliquez sur Publier les modifications dans l’angle supérieur droit.

Listing des articles

Vous pouvez utiliser le module de listing d’articles pour afficher une liste d’articles de blog issus de votre blog. 

• Pour modifier le contenu par défaut du module de listing d’articles :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Listing des articles.
  4. Dans l’inspecteur de la section Contenu par défaut , sélectionnez un blog à afficher dans le menu déroulant Sélectionner le blog à afficher .
  5. Dans le menu déroulant Trier les articles par , sélectionnez Le plus récent, Le plus populaire - de tous les temps, Le plus populaire - l’année dernière, Le plus populaire - les six derniers mois ou Le plus populaire - le mois dernier.
  6. Dans le champ Choisir ce qui s’affiche dans votre fil, sélectionnez la case à cocher en regard de l’image, du titre, du nom de l’auteur et/ou de la date de publication.
  7. Dans le champ Nombre maximal d’articles de blog par liste , saisissez le nombre maximal d’articles de blog à afficher.
  8. Dans le champ En-tête de l’article , saisissez le texte affiché en haut du module.
  9. Dans le menu déroulant Niveau d’en-tête , sélectionnez le niveau d’en-tête (H1-H6) pour le contenu du module.

• Lorsque vous avez terminé de modifier le module de listing des articles, cliquez sur Publier les modifications dans l’angle supérieur droit.

Produit

Vous pouvez afficher les produits de votre bibliothèque de produits sur des pages et des articles à l’aide du module de produit. Les informations par défaut du produit sont affichées, mais vous pouvez choisir de les remplacer sur chaque page. 

• Pour modifier le contenu par défaut du module de produit :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Produit ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur Sélectionner un produit.
  5. Dans le volet latéral droit, sélectionnez la case à cocher à côté du produit, puis cliquez sur Sélectionner. Pour créer un nouveau produit, cliquez sur Créer un produit. 
  6. Une fois qu’un produit est sélectionné, vous pouvez remplacer et modifier le nom, la description, l’image et le bouton affichés.

• Lorsque vous avez terminé de modifier le module de produit, cliquez sur Publier les modifications dans l’angle supérieur droit.

Texte enrichi

Le module de texte enrichi prend en charge les options d’édition de différents composants, tels que le texte, les images et les CTA.

• Pour modifier le contenu par défaut du module de texte enrichi :
  
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module de texte enrichi ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur l’icône expandIcon de développement pour modifier le contenu du texte enrichi. Découvrez-en davantage sur la modification du contenu dans les modules de texte enrichi.

• Lorsque vous avez terminé de modifier le module de texte enrichi, cliquez sur Publier les modifications dans l’angle supérieur droit.

Listing RSS

Vous pouvez utiliser un module de listing de RSS pour afficher des récapitulatifs de article de blog pour un blog HubSpot ou un RSS fil externe.

Remarque : le module Liste RSS n'est pas disponible pour les modèles d'e-mail. Utilisez plutôt un e-mail RSS.  

• Pour modifier le contenu par défaut du module de listing RSS :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Liste RSS ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , entrez le texte du champ Titre RSS .
  5. Dans le champ Ajouter une RSS fil , sélectionnez Utilisez un RSS fil externe ou Utilisez un blog hébergé par HubSpot.
  6. Dans le menu déroulant Blog , sélectionnez un blog.
  7. Dans le menu déroulant Filtrer par balise , sélectionnez une balise .
  8. Dans le champ Nombre maximal d’articles à afficher , saisissez le nombre d’articles.
  1. Pour inclure une image en vignette, sélectionnez la case à cocher Inclure l’image en vignette .
  2. Pour afficher le nom de l’auteur, cochez la case Afficher le nom de l’auteur.
  3. Dans le champ Texte d’attribution de l’auteur , saisissez le texte à afficher. Par défaut, le texte d’attribution est par .
• 
  
  4. Pour afficher un récapitulatif de blog, cochez la case Afficher le récapitulatif.
  5. Dans le champ Limiter la longueur du récapitulatif (nombre de caractères), saisissez le nombre de caractères auquel le récapitulatif doit être limité.
  6. Dans le champ Texte de clic récapitulatif , saisissez le texte à afficher. La valeur par défaut inclut Lire plus comme texte.
  7. Pour afficher la date de publication, cochez la case Afficher la date de publication.
  8. Dans le menu déroulant Format de la date de publication , sélectionnez le format de la date de publication.
  9. Dans le champ Texte indicateur de la date de publication , saisissez le texte indicateur à afficher. Par défaut, le texte est publié à .

• Lorsque vous avez terminé de modifier le module de listing RSS, cliquez sur Publier les modifications dans l’angle supérieur droit.

Titre de la section

Vous pouvez utiliser le module de titre de section pour afficher du texte dans une balise de titre avec un sous-titre de paragraphe. 

• Pour modifier le contenu par défaut du module d’en-tête de section :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module En-tête de section ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , saisissez le texte du champ Contenu de l’en-tête de section . 
  5. Dans le menu déroulant Niveau d’en-tête , sélectionnez le niveau d’en-tête (H1-H6) du contenu textuel.

• Lorsque vous avez terminé de modifier le module d’en-tête de section, cliquez sur Publier les modifications dans l’angle supérieur droit.

Menu simple

Vous pouvez utiliser le module menu simple pour créer un menu pour un modèle spécifique.

• Pour modifier le contenu par défaut du module de menu simple :

1. 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
   2. Accédez à votre modèle.
   3. Dans l’éditeur de mise en page, cliquez sur le module Menu simple ou ajoutez le module.
   4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur Menu Édition pour le champ Menu simple . 

1. 5. Pour modifier le menu simple, cliquez sur Ajouter un élément de menu. Saisissez ensuite le texte du champ Libellé de l’élément de menu. Le type d’élément du menu par défaut est défini sur Lien de page.
      • Pour remplacer le type d’élément du menu par un lien URL externe, cliquez sur le menu déroulant Actions, puis sur Lien d’URL.
      • Pour modifier le type d’élément du menu afin qu’il n’ait pas de lien URL, cliquez sur le menu déroulant Actions , puis sur Aucun lien.
      • Pour modifier le type d’élément du menu en une page hébergée par HubSpot avec un paramètre URL, cliquez sur le menu déroulant Actions , puis sur le paramètre Lien de page avec URL.

1. 6. Dans le champ Orientation du menu , sélectionnez Horizontal ou Vertical. Lorsque vous modifiez les paramètres d’orientation du menu, une classe de ou hs-menu-flow-vertical est ajoutée au conteneur wrapper hs-menu-flow-horizontal du menu. Cette classe peut être utilisée pour styliser le menu dans votre CSS. Découvrez-en davantage sur les classes ajoutées par les paramètres du module dans la documentation des développeurs.

• Lorsque vous avez terminé de modifier le module de menu simple, cliquez sur Publier les modifications dans l’angle supérieur droit.

Partage sur les réseaux sociaux

Vous pouvez utiliser le module de partage sur les réseaux sociaux pour offrir aux visiteurs la possibilité de partager votre contenu sur les réseaux sociaux et par e-mail.

• Pour modifier le contenu par défaut du module de partage sur les réseaux sociaux :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Partage sur les réseaux sociaux ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , saisissez une URL de page personnalisée facultative dans le champ URL du lien .
  5. Dans chaque section de réseau social, cliquez pour développer la section, puis sélectionnez l’option Activé ? pour l’intégrer à votre contenu.
  6. Une fois qu’un réseau social a été activé, le champ Lien sera automatiquement renseigné avec les balises HubL requises pour partager votre contenu. Dans les e-mails marketing, le module utilisera l’URL de la version web de cet e-mail dans le lien de partage.
     

Remarque : le module de partage sur les réseaux sociaux utilise des icônes par défaut pour chaque réseau social. Si vous souhaitez utiliser vos propres icônes sociales personnalisées  , vous pouvez créer une version personnalisée du module.

• Lorsque vous avez terminé de modifier le module de partage sur les réseaux sociaux, cliquez sur Publier les modifications dans l’angle supérieur droit.

Suivi social

Vous pouvez utiliser le module de suivi sur les réseaux sociaux pour permettre aux visiteurs de suivre votre entreprise sur les réseaux sociaux.

• Pour modifier le contenu par défaut du module de suivi sur les réseaux sociaux :

1. 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
   2. Accédez à votre modèle.
   3. Dans l’éditeur de mise en page, cliquez sur le module Suivi sur les réseaux sociaux ou ajoutez le module.

• 4. Pour modifier un lien social existant depuis le module Suivi sur les réseaux sociaux, cliquez sur l’icône editIconModifier dans l’inspecteur. Vous pouvez personnaliser l’URL et sélectionner Ouvrir le lien dans une nouvelle fenêtre, Ceci est un podcast, Personnaliser le texte alternatif et/ou Personnaliser les icônes.

1. 5. Pour supprimer un lien social du module de suivi sur les réseaux sociaux, cliquez sur l’icône deleteIcon Supprimer dans l’inspecteur.
   6. Pour ajouter un lien social au module de suivi sur les réseaux sociaux, cliquez sur + Ajouter dans l’inspecteur. Dans le menu déroulant Lien vers , sélectionnez Externe ou Adresse e-mail.

• Lorsque vous avez terminé de modifier le module de suivi sur les réseaux sociaux, cliquez sur Publier les modifications dans l’angle supérieur droit.

Préférences d'abonnement

Vous pouvez utiliser le module de préférences d’abonnement pour personnaliser le contenu qu’un destinataire de courrier électronique voit lorsqu’il gère sa page de gestion des inscriptions. Ce module est uniquement disponible sur les modèles système de page de gestion des inscriptions.

• Pour modifier le contenu par défaut du module de page de gestion des inscriptions :

1. 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
   2. Accédez à votre modèle.
   3. Dans l’éditeur de mise en page, cliquez sur le module Préférences d’abonnement .
   4. Dans l’inspecteur de la section Contenu par défaut , saisissez le texte du champ En-tête .
   5. Dans le menu déroulant Niveau d’en-tête de l’en-tête, sélectionnez un niveau d’en-tête (H1-H6).
   6. Dans le menu déroulant Niveau d’en-tête de l’e-mail , sélectionnez un niveau d’en-tête (H1-H6).
   7. Dans le champ Sous-titre , cliquez sur l’icône expandIcon de développement pour modifier le texte.

1. 8. Saisissez le texte souhaité dans les champs suivants :
      • Texte d’aide de la sélection de préférences
      • Désabonner l’ensemble du texte d’aide
      • Désabonner l’ensemble du texte d’aide pour un. utilisateur actuellement désabonné
      • Libellé Désabonner tout
      • Mettre à jour le texte du bouton de préférences
      • Texte du bouton de réabonnement

• Lorsque vous avez terminé de modifier le module de page de gestion des inscriptions, cliquez sur Publier les modifications dans l’angle supérieur droit.

Confirmation de la mise à jour de l’abonnement

Vous pouvez utiliser le module de confirmation de la mise à jour des abonnements pour personnaliser le contenu qui s’affiche quand un destinataire met à jour sa page de gestion des inscriptions. Ce module est uniquement disponible sur les modèles système de confirmation d’inscription aux e-mails.

• Pour modifier le contenu par défaut du module de confirmation de la mise à jour des abonnements :

1. 1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
   2. Accédez à votre modèle de système.
   3. Dans l’éditeur de mise en page, cliquez sur le module Confirmation de la mise à jour des abonnements .
   4. Dans l’inspecteur de la section Contenu par défaut , saisissez le texte du champ En-tête .
   5. Dans le menu déroulant Niveau d’en-tête de l’en-tête, sélectionnez un niveau d’en-tête (H1-H6).
   6. Dans le menu déroulant Niveau d’en-tête de l’e-mail , sélectionnez un niveau d’en-tête (H1-H6).
   7. Dans le champ Sous-titre , cliquez sur l’icône expandIcon de développement pour modifier le texte.

1. 8. Dans le champ Message de désabonnement , saisissez le texte à afficher lorsqu’un visiteur se désabonne.
   9. Dans le champ Message sur la mise à jour de l’abonnement , saisissez le texte à afficher lorsqu’un visiteur met à jour sa page de gestion des inscriptions.

• Lorsque vous avez terminé de modifier le module de confirmation de la mise à jour des abonnements, cliquez sur Publier les modifications dans l’angle supérieur droit.

Afficher en tant que page web

Vous pouvez utiliser le module Afficher en tant que page web pour donner aux destinataires des e-mails la possibilité d’ouvrir vos e-mails marketing en tant que page web. Découvrez-en davantage sur l’utilisation de la version page web d’un module d’e-mail.

• Pour modifier la vue en tant que contenu par défaut du module de page web :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle d’e-mail.
  3. Dans l’éditeur de mise en page, cliquez sur le module Afficher en tant que page Web ou ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur l’icône expandIco de développement pour modifier le texte qui s’affiche dans le champ Afficher en tant que page Web .

• Pour modifier les options de style du module de corps d’e-mail principal : 
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle d’e-mail.
  3. Dans l’éditeur de mise en page, cliquez sur le module Afficher en tant que page Web ou ajoutez le module.
  4. Dans l’inspecteur de la section Options de style , saisissez des valeurs hexadécimales dans les champs de texte pour la Couleur du texte, la Couleur d’arrière-plan et la Couleur de la bordure. Vous pouvez également cliquer sur le sélecteur de couleur.

• Lorsque vous avez terminé de modifier le module du corps de l’e-mail principal, cliquez sur Publier les modifications dans l’angle supérieur droit.

Lien WhatsApp 

Vous pouvez utiliser le module de lien WhatsApp pour donner aux visiteurs du site Web la possibilité de se connecter directement avec vous. Ce module peut être ajouté à des pages, des articles de blog et des pages de listing de blog. Pour utiliser ce module, vous devez connecter votre canal WhatsApp à votre boîte de réception des conversations.

Remarque : Ce module est uniquement disponible pour les comptes Marketing Hub et Service HubPro  et  Entreprise .

• Pour modifier le contenu par défaut du module de lien WhatsApp :
  1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  2. Accédez à votre modèle.
  3. Dans l’éditeur de mise en page, cliquez sur le module Lien WhatsApp ou
     ajoutez le module.
  4. Dans l’inspecteur de la section Contenu par défaut , cliquez sur Accéder aux paramètres pour connecter votre canal WhatsApp à votre boîte de réception conversations. 
  5. Dans le menu déroulant Texte Inscription , sélectionnez une option de Inscription.
  6. Dans le menu déroulant Afficher , sélectionnez Texte et icône, Texte uniquement ou Icône uniquement. 
  7. Dans le menu déroulant Position de l’icône , sélectionnez Gauche ou Droite.
  8. Dans le champ Texte du bouton , saisissez le texte qui s’affichera sur le bouton. Le texte par défaut affichera Chat sur WhatsApp.
  9. Dans le champ Titre de l’icône Whatsapp , saisissez le texte du titre pour l’accessibilité. Le texte par défaut est l’icône WhatsApp.

• Lorsque vous avez terminé de modifier le module de lien WhatsApp, cliquez sur Publier les modifications dans l’angle supérieur droit.