Description des modules standard de HubSpot

Dernière mise à jour: March 5, 2018

Disponible avec :

Marketing: Basique, Pro, Enterprise
Sales: N/A
Services: N/A
Cet article décrit les différents modules qu'il est possible d'ajouter à un modèle. Chaque type de module est adapté à certains objectifs et contextes d'utilisation. Veuillez noter que certains modules sont spécifiques à certains types de modèle.

Pour obtenir la liste complète des modules compatibles avec le modèle sur lequel vous travaillez, cliquez sur l'icône d'engrenage de n'importe quel module, puis sur Changer de module. Veuillez noter que des modules additionnels spécifiques sont disponibles pour certains types de modèle.

HubSpot Help article screenshot

Menu avancé

Le module Menu avancé permet d'ajouter des options de navigation au contenu et aux modèles. L'arborescence de navigation doit être créée dans l'outil Menus avancés (Contenu > Paramètres du contenu > Menus avancés). Pour en savoir plus sur la construction de menus, veuillez consulter cet article.

Advanced Menu Options
HubSpot Academy

Meilleures pratiques

Le menu de navigation principal doit être ajouté à tous les modèles, hormis aux modèles de page de destination. Le menu de navigation principal doit être simple. En effet, des menus trop ramifiés rendent la navigation difficile.

Les menus déroulants simples, les barres latérales de navigation et/ou les menus en pied de page facilitent la consultation des sites web complexes. Pour gérer des arborescences multiples, accédez à Contenu > Paramètres du contenu > Menus avancés. En cas de navigation à plusieurs niveaux, veillez également à configurer des menus déroulants adaptatifs pour la navigation sur mobile.

En savoir plus

Les options suivantes du module peuvent être personnalisées :

  • Type de menu :
    • Statique : affiche l'intégralité de l'arborescence
    • Dynamique par section : affiche les éléments relatifs à la section consultée (et ceux des niveaux parents)
    • Dynamique par page : affiche les éléments relatifs à la page consultée (et un seul niveau parent)
    • Fil d'Ariane : affiche le chemin de navigation jusqu'à la page en cours
  • Nombre maximum de menus déroulants/lanceurs affichés
  • Orientation (horizontale ou verticale, intégrée au balisage HTML afin de permettre l'application de styles)
  • Activation ou désactivation des menus déroulants/lanceurs contenant les éléments enfants
  • Sélection du menu avancé qui doit servir d'arborescence de base

Page de désabonnement alternative

La page de désabonnement alternative s'affiche lorsque HubSpot ne parvient pas à identifier l'adresse e-mail du destinataire d'un e-mail qui cherche à se désabonner. Ce module vous permet de personnaliser le texte d'aide affiché sur les modèles de page de désabonnement alternative.

Cliquez ici pour en savoir plus sur la création de modèles système.

Backup Unsubscribe

Commentaires du blog

Le module Commentaires du blog permet d'insérer une section dédiée aux commentaires sur les modèles d'article de blog. Le formulaire de saisie des commentaires peut être personnalisé dans l'outil Formulaires (Contacts > Formulaires). Le nom du formulaire fera référence au titre du blog (par ex., « formulaire de commentaires Actualités »). Ce module est compatible uniquement avec les modèles de blog.

Default blog comments form

Contenu du blog

Le module Contenu du blog contient le balisage HTML/HubL des articles de blog et des pages de listing du blog. Vous pouvez modifier le balisage des articles en cliquant sur Modifier le modèle d'article, ou modifier le balisage des listings en cliquant sur Modifier le modèle de listing.

Pour en savoir plus sur le balisage des modules de contenu, veuillez consulter cet article. Il est toujours possible de rétablir le code d'origine en remplaçant ce module par un nouveau module Contenu du blog.

blog-content-1.png

Abonnement par e-mail au blog

Le module Abonnement par e-mail au blog permet aux visiteurs de s'abonner aux e-mails de notification d'un blog en remplissant un formulaire.  Il n'est pas compatible avec les modèles d'e-mail. Il intègre le formulaire d'abonnement au blog configuré et personnalisé dans l'outil Formulaires (Contacts > Formulaires).

Blog email subscription

Call-to-action

Un bouton de CTA peut être inséré dans un module de texte enrichi, ou bien à l'aide d'un module Call-to-action. Utilisez le module Call-to-action si vous voulez pouvoir sélectionner ou modifier un call-to-action sans toucher à la mise en forme d'un module de texte enrichi. Pour en savoir plus sur les CTA, veuillez consulter le guide de l'utilisateur relatif aux call-to-action.

HubSpot Help article screenshot

HTML personnalisé

Le module HTML personnalisé permet d'accéder au code HTML d'un module lors de la modification d'une page, et de le personnaliser. Il est compatible avec les langages HTML, CSS, JavaScript et HubL. Les modules HTML personnalisé sont par exemple utiles pour insérer le code d'intégration de vidéos, lecteurs multimédia, flux de réseaux sociaux, plans, etc. Contrairement aux modules des modèles HubL, ils peuvent être modifiés au niveau d'une page.

HubSpot Help article screenshot

Module personnalisé

Les modules personnalisés sont des modules de code qui vous offrent la possibilité d'utiliser le langage HTML, CSS, Javascript ou HubL pour ajouter des fonctionnalités avancées à un modèle, tout en permettant aux équipes marketing de modifier facilement le contenu. Un modèle peut contenir de multiples modules personnalisés. Les modules personnalisés sont abordés en détail dans une autre section de ce guide..

Colonne flexible

Un module Colonne flexible peut être ajouté à un modèle de page de site ou de page de destination pour permettre aux créateurs de contenu d'ajouter des modules à cette colonne (ou de les supprimer) directement dans l'éditeur de contenu. Il n'est pas compatible avec les modèles de blog, de page système ou d'e-mail.

Il permet aux équipes marketing d'ajouter des modules à une page spécifique sans modifier les autres pages construites sur le même modèle. Pour transformer un groupe de modules contenu dans une colonne flexible en groupe statique, cliquez sur l'icône d'engrenage > Rétablir le groupe statique.

Flexible column
Une fois qu'une colonne flexible a été personnalisée dans l'éditeur de contenu, les modifications apportées au niveau du modèle ne s'appliquent pas à la page personnalisée.

Suivez-moi

Le module Suivez-moi permet aux visiteurs d'entrer en contact avec l'entreprise sur les réseaux sociaux. Contrairement au module Partage sur les réseaux sociaux, le module Suivez-moi redirige directement les visiteurs vers les sites de réseaux sociaux associés. 

Pour sélectionner les pages de réseaux sociaux à associer au module Suivez-moi, accédez aux Paramètres des réseaux sociaux (Réseaux sociaux > Paramètres des réseaux sociaux > Suivez-moi).

Follow me module

Formulaire

Le module Formulaire permet aux utilisateurs d'ajouter un formulaire à une page. Les formulaires servent à recueillir les coordonnées des visiteurs d'un site web. Ce module peut être ajouté au contenu et aux modèles de page de destination, de page de site et de blog. Les formulaires ne sont pas compatibles avec les modèles d'e-mail. 

Le module Formulaire permet de :

  • Spécifier un titre à afficher sur la page
  • Choisir le formulaire HubSpot à afficher sur la page
  • Rediriger les visiteurs ayant soumis le formulaire vers une autre page ou afficher un message de remerciement sur la même page
  • Ignorer les options de notification par défaut configurées dans les paramètres HubSpot, et envoyer les e-mails de notification de soumission aux adresses e-mail spécifiées
  • Envoyer des e-mails de suivi aux visiteurs ayant soumis le formulaire
  • Ajouter les visiteurs ayant soumis le formulaire à une campagne Salesforce (réservé aux comptes HubSpot Pro ou Entreprise avec intégration Salesforce)
Form module options

Galerie

Le module Galerie permet de créer une brève présentation de diapositives, une navigation par vignettes ou une galerie d'images à afficher sur une page HubSpot. Cliquez sur + Ajouter une diapositive pour ajouter des images à la galerie. L'onglet Paramètres de ce module permet de modifier certains éléments de la présentation, comme le type de transition, les légendes, etc.

HubSpot Help article screenshot

Recherche Google

Le module Recherche Google permet d'ajouter une fonctionnalité de recherche Google à votre contenu. Si un visiteur effectue une recherche, il est redirigé vers une page de résultats Google. Si vous préférez que les résultats de la recherche s'affichent directement sur le site web, veuillez configurer un moteur de recherche personnalisé Google ou un moteur de recherche Swiftype, et insérer le code d'intégration dans un module HTML personnalisé.

Google search

En-tête

Le module En-tête permet d'afficher une ligne de texte au sein d'une balise de titre HTML. Pour sélectionner la balise de titre à afficher (h1 – h4), modifiez les options par défaut du module.

HubSpot Help article screenshot

Espacement horizontal

Le module Espacement horizontal permet d'ajouter un espace vide dans vos modèles afin de personnaliser la mise en page des modules de contenu. Il crée une balise div vide qui sert à espacer les différents éléments d'une page.

HubSpot Help article screenshot

Modèle HubL

Le module Modèle HubL est un module de code compatible avec le langage de balisage de HubSpot, ainsi qu'avec les langages HTML, CSS et JavaScript. Il est souvent utilisé pour créer d'autres modules modifiables utilisant le langage HubL pour la mise en page d'un modèle.

Contrairement aux modules HTML, ces modules ne sont pas modifiables dans l'éditeur de contenu. Les modules Modèle HubL ne peuvent pas être définis en tant que modules globaux. Pour cela, utilisez des modules HTML personnalisé ou des modules personnalisés.

Pour en savoir plus sur le langage HubL, veuillez consulter la documentation de référence relative au langage HubL.

HubSpot Help article screenshot

Image

Le module Image permet de placer une image sur une page ou dans un e-mail. Vous pouvez sélectionner des images dans le gestionnaire de fichiers ou charger une nouvelle image lorsque vous ajoutez du contenu par défaut ou travaillez dans l'éditeur de contenu. Ce module est utile pour mettre en forme une image dans le modèle, et pouvoir ensuite changer d'image sans toucher à sa mise en forme.

Les options suivantes peuvent également être modifiées :

  • URL vers laquelle les visiteurs sont renvoyés lorsqu'ils cliquent sur l'image
  • Texte alternatif de l'image
  • Hauteur et largeur de l'image
Image module

Diaporama

Le module Diaporama permet de créer un carrousel d'images que les équipes marketing peuvent facilement modifier.

Les options suivantes peuvent être personnalisées :

  • Activation du défilement automatique et vitesse de défilement
  • Activation du défilement en boucle
  • Affichage de la pagination
  • Utilisation de la taille d'image la plus grande ou ajustement en fonction de chaque image
  • Activation des légendes
  • Affichage des légendes en dessous des images ou superposition

Les diaporamas sont esthétiques mais, puisque les images défilent, ils reçoivent généralement moins de clics que les CTA statiques.

HubSpot Help article screenshot

Changement de langue

Le module Changement de langue permet aux visiteurs de passer d'une langue à l'autre sur les pages de site ou les pages de destination. Quand il est intégré à un modèle, il apparaît à la consultation uniquement si au moins une page traduite a été publiée. Pour en savoir plus, cliquez ici.

Module de logo

Le module Logo affiche le logo de l'entreprise défini sous Paramètres du contenu > Publication de page > Logo.

Logo module

Corps principal de l'e-mail

Le module Corps principal de l'e-mail est un module de texte enrichi standard, intégré par défaut à tous les modèles d'e-mail.  Il contient la zone de texte enrichi principale au sein de laquelle les créateurs de contenu vont composer l'e-mail.

Email Body

Adresse de l'entreprise

Ce module intègre différents jetons obligatoires devant être inclus dans tous les modèles d'e-mails commerciaux, conformément à la législation. La mise en forme de cette section peut être modifiée. Toutefois, aucun modèle d'e-mail ne peut être enregistré sans module Adresse de l'entreprise, ni sans les balises HubL intégrées.

HubSpot Help article screenshot

Une ligne de texte

Le module Une ligne de texte permet aux créateurs de contenu d'insérer une ligne de texte sur une page ou dans un e-mail. Il sert à ajouter des champs de texte simples, dont la mise en forme ne peut être modifiée.

One line text

Pied de page

Le module Pied de page affiche les informations de propriété intellectuelle, ainsi que l'année en cours et le nom de l'entreprise. Le nom de l'entreprise est défini dans les paramètres CAN-SPAM de vos e-mails (Contenu >Paramètres du contenu > E-mail > Informations du pied de page.) Si vous souhaitez personnaliser les informations relatives à la propriété intellectuelle apparaissant en pied de page du site, veuillez utiliser un module de texte enrichi.

Page footer

Invite de mot de passe

Le module Invite de mot de passe est destiné aux modèles système de demande de mot de passe.  Si une page est protégée par un mot de passe, la page d'invite de mot de passe s'affiche. Le texte du bouton de soumission, ainsi que le texte à afficher en cas de mot de passe incorrect, peuvent être personnalisés.

Cliquez ici pour en savoir plus sur la création de modèles système.

Filtrage des articles

Le module Filtrage des articles permet d'afficher la liste des articles de blog associés à un sujet, un mois ou un auteur donné. Il n'est pas compatible avec les modèles d'e-mail.

Vous pouvez personnaliser les paramètres suivants en accédant aux options par défaut du module (Icône d'engrenage > Modifier les options) :

  • Blog associé au module
  • Liste de valeurs permettant de filtrer les liens (sujets, mois ou auteur)
  • Ordre d'affichage des valeurs (nombre d'articles ou nom)
  • Titre de liste à afficher
  • Nombre maximal d'articles à afficher
  • Texte du lien permettant d'afficher des valeurs supplémentaires, le cas échéant
Post filter

Listing des articles

Le module Listing des articles permet d'afficher la liste des articles les plus récents ou les plus populaires d'un blog HubSpot. Il n'est pas compatible avec les modèles d'e-mail. 

Post listing
b

Informations avancées

Le module Listing des articles permet de mettre simplement en avant les articles les plus récents ou les plus populaires, mais vous pouvez créer des listes plus avancées en utilisant les fonctionnalités HubL.

Les fonctionnalités HubL permettent de récupérer un nombre fixe d'articles récents, d'articles sur un sujet spécifique, d'articles populaires ou d'articles d'un auteur donné. Cliquez ici pour en savoir plus.

En savoir plus

Vous pouvez personnaliser les paramètres suivants en accédant aux options par défaut du module (Icône d'engrenage > Modifier les options) :

  • Blog associé au module
  • Tri des articles (le plus récent ou le plus populaire)
  • Titre de liste à afficher
  • Nombre maximal d'articles à afficher

Texte enrichi

Le module Texte enrichi est le module le plus utilisé dans les outils de contenu HubSpot. C'est celui qui offre le plus d'options personnalisables : mise en forme du texte, insertion d'images, de liens, de CTA, et plus. Les comptes HubSpot Pro et HubSpot Entreprise permettent d'utiliser des modules de texte enrichi pour ajouter du contenu intelligent à une page. Utilisez ce module pour créer des zones de contenu modifiables pour les équipes marketing.

HubSpot Help article screenshot

Listing RSS

Le module Listing RSS permet d'afficher des résumés d'articles publiés sur un blog HubSpot ou un flux RSS externe. Il n'est pas compatible avec les modèles d'e-mail (des e-mails RSS sont disponibles). L'affichage du listing RSS peut être personnalisé et, avec les flux RSS internes, il est possible d'afficher des images en vignette. Pour activer cette option, cliquez sur l'icône d'engrenage du module Listing RSS, et, dans les options, cochez la case Inclure une image en vignette.

HubSpot Help article screenshot

Titre de section

Le module Titre de section permet d'afficher une balise de titre h1 et un paragraphe de sous-titre. Il permet notamment de donner un titre à la section principale d'une page.

Section header

Menu simple

Le module Menu simple permet aux utilisateurs de créer un menu pour une page donnée, directement dans l'éditeur de contenu. Contrairement aux menus avancés, dont l'arborescence doit être gérée dans l'outil Menu avancé, les menus simples sont gérés directement dans l'éditeur de page.

Simple menu

Partage sur les réseaux sociaux

Le module Partage sur les réseaux sociaux permet aux visiteurs de partager facilement du contenu sur les réseaux sociaux et par e-mail. Les fonctionnalités de partage sur les réseaux sociaux sont un excellent moyen d'encourager les visiteurs à partager du contenu, et de booster le trafic inbound issu des réseaux sociaux.

HubSpot Help article screenshot

Préférences d'abonnement

Le module Préférences d'abonnement est un module spécial, compatible uniquement avec les modèles système de mise à jour des préférences d'abonnement. Il permet de personnaliser la page affichée lorsqu'un visiteur accède à ses préférences d'abonnement ou souhaite se désabonner des communications par e-mail.

Cliquez ici pour en savoir plus sur la création de modèles système.

Subscription preferences

Confirmation de mise à jour des préférences d'abonnement

Ce module de texte enrichi est disponible sur les modèles système de confirmation de mise à jour des préférences d'abonnement, et permet de personnaliser la page affichée à l'issue d'une mise à jour.

Cliquez ici pour en savoir plus sur la création de modèles système.

Subscription updates

Afficher en tant que page web

Le module Afficher en tant que page web permet aux destinataires d'un e-mail d'afficher une version web de l'e-mail. L'apparence des e-mails HTML pouvant varier d'un client de messagerie à l'autre, cette option permet donc aux destinataires d'afficher la version originale de l'e-mail dans leur navigateur.

HubSpot Help article screenshot

Article précédent:

Article suivant: