Ideagency
Hubspot 13 min
le

HubSpot CMS : présentation, avantages, prix ...

Ideagency est un partenaire HubSpot, et en tant que tel, nous utilisons le CMS de HubSpot pour la plupart de nos clients, mais également pour notre propre site. Forts de notre expérience, nous allons vous présenter cet outil que nous utilisons quotidiennement, ses avantages et son coût.

 

Qu’est-ce que HubSpot CMS ?

HubSpot CMS est, comme son nom l’indique, un CMS (Content Management System) qui a pour objectif de permettre une création simplifiée de sites web. Sa grosse différence par rapport aux autres CMS du marché réside dans le fait qu’il est le seul nativement couplé avec un CRM (Customer Relationship Management) et des outils de marketing et sales automation.

Du COS HubSpot au CMS HubSpot

Il y a 5 ans, HubSpot lançait son COS (Content Optimization System) pour permettre aux entreprises possédant la suite marketing de disposer d'un outil de création de pages. En 2018, HubSpot a décidé d'entrer sur le marché des CMS en proposant justement leur CMS comme un produit à part entière.

HubSpot l'a donc rebaptisé CMS ce qui a coïncidé aussi avec une amélioration de sa plateforme et notamment de son outil de conception de templates et de modules. Un nouveau gestionnaire a vu le jour, toujours dans l'optique de faciliter l'intégration de contenu par les équipes marketing.

La place du CMS HubSpot au sein de la plateforme HubSpot

La solution HubSpot comme ils aiment le rappeler est une solution dédiée à la croissance des entreprises. Le CMS, outil de conception de site internet, est une pièce centrale autour duquel viennent se greffer, la brique Marketing (blog, landing page, email, social media, automation), la brique Sales / CRM (gestion des contacts, des deals...), la partie Services (gestion des feedbacks, du SAV...).

Customer-Success

A noter qu'Hubspot CMS est le seul CMS du marché à être nativement relié à un CRM.

Quel langage pour le CMS HubSpot ?

Il utilise le langage HubL très proche du langage Liquid utilisé sur Shopify. Pour développer sur HubSpot CMS, cela demande donc une maitrise des langages standards frontend (HTML, CSS, JS) et une montée en compétences sur le langage natif d’HubSpot (on peut vous aider).

Comment est construit le CMS HubSpot ?

Le CMS HubSpot s’articule autour de 2 grandes notions : les templates et les modules. Pour les adeptes de WordPress c’est l’équivalent des Thèmes et Extensions. Pour construire un site, il faut donc créer des pages auxquelles nous affectons des templates qui contiennent eux-mêmes des modules.

hubspot-cms-design-manager

Qu'est-ce qu'un template HubSpot ?

Un template c'est la coquille qui va servir à votre page. Vous pouvez construire des templates en utilisant la fonction Drag Drop d'HubSpot en utilisant l'un de leurs 30 composants natifs (Rich Text, Forms, Header, Image, Gallery...).

Un template se configure grâce à un panneau latéral dans lequel vous pouvez :

  • Lier des feuilles de styles internes ou externes ;
  • Ajouter des éléments à la balise <head> ;
  • Ajouter une classe à la balise <body> qui peut être intéressant pour spécifier un comportement ;
  • Lier des scripts internes ou externes ;
  • Ajouter des éléments avant la fermeture </body> pratique pour le SEO.

Pour aller plus loin, vous allez pouvoir utiliser des modules personnalisés et c'est là tout la puissance d'HubSpot CMS.

Qu'est-ce qu'un module HubSpot ?

Un module HubSpot est un composant indépendant qui a vocation à pouvoir être utilisé sur n'importe quel template. Pourquoi et comment ? HubSpot a pensé son coeur en suivant les pratiques UX d'atomic design. Chaque module créé possède son propre code HTML, son propre style et ses propres scripts.

Quels sont les composants du CMS HubSpot ?

Website page / Page de site

hubspot-cms-website-pages

L'outil Website vous permet de créer les pages web de votre site. C'est ici que vous retrouvez vos pages telles que la homepage, les services, la présentation de votre entreprise... Ce panneau est composé (comme la plupart des panneaux du CMS) de la partie Administration (Manage) et de la partie Analyse.

Pour créer une page, il suffit de choisir un template puis d'éditer la page et enfin de la contribuer. Il est aussi possible de réaliser des A/B tests sur toutes vos pages de type "Website". Pour plus de renseignements sur la manière de créer des sites, vous pouvez consulter l'article dédié à ce sujet.

Landing page

hubspot-cms-landing-pages

Les landing pages sont les pages de conversion par excellence. Lorsqu'on crée un parcours de conversion pour une stratégie d'inbound marketing, c'est une pièce centrale qui permet de récupérer les informations de contact de vos visiteurs. Cet espace se compose (comme pour les Website Pages) d'une partie Administration et d'une partie Analyse. De la même manière, si vous souhaitez découvrir comment créer une landing page, nous avons écrit un article à ce sujet.

 

Blog

hubspot-cms-blog

Indéniablement, l'outil Blog d'HubSpot est un des piliers de ce CMS. En effet, il a été conçu pour permettre aux équipes marketing de facilement créer du contenu, contenu lui-même pièce centrale des stratégies d'inbound marketing. Basé sur les mêmes panneaux que les landing pages et les website pages, l'outil de blog embarque en plus les fonctionnalités spécifiques des blogs : gestion de tags, gestion des commentaires et bien évidemment publication d'articles.

HubDB

La HubDB est une base de données mise à disposition par HubSpot. C'est une fonctionnalité qui peut être utilisée par les néophytes d'HubSpot alors qu'elle permet de rationaliser et d'optimiser la génération de pages. Vous pouvez notamment créer un système de gestion de vos offres d'emploi (ex : Espace Carrière de Planisware), gérer vos équipes et les affecter à des projets (ex : Business Case dynamique de Sipios).

C'est une fonctionnalité que nous affectionnons particulièrement chez Ideagency d'ailleurs. Nous vous présenterons bientôt un site immobilier essentiellement basé sur la HubDB.

File Manager

hubspot-file-manager

Le file manager - ou gestionnaire de fichiers - est l'endroit où vous allez pouvoir stocker vos différents fichiers (image, vidéo, pdf...). Très simple dans sa conception, il est conçu pour un classement dossiers/fichiers.

Attention à bien réfléchir à votre nomenclature et votre plan de classement sinon votre File Manager risque vite de ressembler à un fourre-tout inmaintenable.

 

Call-to-action / CTA

hubspot-cms-cta

Quoi de mieux pour convertir vos internautes en prospects, que de beaux calls-to-action (CTA) ?! Le CMS HubSpot vous permet de les créer de manière très intuitive, soit en choisissant une image ou alors en customisant soi-même son CTA.

Le bouton d'appel à l'action doit être lié à une campagne et doit rediriger vers l'une de vos landing pages. En cliquant sur un call-to-action vous aurez accès à toutes les statistiques associées (clicks, taux de conversions). Tout CTA peut être A/B testé. Vous avez même la possibilité depuis peu de laisser HubSpot valider lui-même la version à afficher en fonction de vos visiteurs !

Formulaires

hubspot-cms-forms

Les formulaires sont très importants dans les parcours de transformation que vous allez mettre en place. Les fonctionnalités des formulaires HubSpot sont nombreuses : création de champs personnalisés, ajout de champs RGDP, progressive profiling (ajout de champs en fonction du statut de votre internaute).

 

Email

hubspot-cms-emails

La gestion des vos campagnes emailing est facilitée avec la fonctionnalité Email. Pas besoin d'être un développeur pour mettre en place un email. Des templates sont à disposition. De plus, HubSpot a lancé depuis le début de l'année une version bêta (dont on peut vous faire bénéficier en tant que beta-testeur HubSpot) qui rend encore plus simple la mise en place d'email. Les emails sont directement reliés au CRM et au CMS ce qui permet de personnaliser de façon simple leur contenu.

SEO Cluster

hubspot-cms-seo-cluster

L'une des dernières fonctionnalités qu'HubSpot a développé : le tool SEO. Il permet de construire des clusters de contenu et de visualiser le maillage interne de vos contenus. C'est un outil indispensable aujourd'hui pour créer et suivre vos cocons sémantiques.

[Exemple concret] Cet article, par exemple, fait partie d'un cluster HubSpot que nous avons conçu, qui s'articule autour de la pillar page HubSpot et qui maille une vingtaine d'articles dédiés à l'univers de la solution. Nous avons conçu d'autres clusters comme pour le content marketing ou l'inbound marketing.

Quels sont les avantages du CMS HubSpot ?

Performance, rapidité

HubSpot CMS est basé sur un CDN (Content Delivery Network) qui est un ensemble de localisation à travers le monde, qui met en cache votre site et l'affiche localement. Cela évite par exemple d'être en France et d'appeler un serveur Canadien. Les CDN améliorent grandement la vitesse de chargement. D'autre part, les fichiers JS et CSS sont compressés afin d'optimiser le temps de chargement des pages.

Sécurité

Je vous l'accorde, en tant que professionnel du marketing, l'aspect sécuritaire n'est pas forcément de votre ressort. En revanche, bon nombre d'entre vous avez déjà été confronté à des problèmes de sécurité. C'est pourquoi HubSpot CMS grâce à différentes couches assure une sécurité maximale. Le CDN prévient des attaques DDoS et le Web Application Firewall des attaques de hacking de données. De plus, le SSL est activable sur l'ensemble de votre domaine et il est même possible de disposer d'un SSL avancé.

Fiabilité

HubSpot CMS a un taux de fiabilité, de disponibilité de 99,999% ce qui veut dire que votre site est constamment en ligne et disponible à votre audience. Fini les sites inaccessibles pendant plusieurs heures, fini les pertes de données, les heures de maintenance et de mises à jour.

Le CMS HubSpot, pilier de votre stratégie digitale

La mise en place de stratégie digitale et notamment d'inbound marketing repose pour nous sur deux concepts clés : le contenu et le parcours utilisateur. Il est primordial de maîtriser ces deux aspects afin de pouvoir proposer des parcours de navigation appropriés à vos internautes en fonction de leur maturité, de leurs centres d'intérêts et leurs interactions précédentes avec votre site.

Il faut donc être en capacité d'associer la data et les contenus. Pour ce faire, peu nombreux sont les outils qui le permettent. Et c'est là, l'un des grands avantages d'HubSpot CMS qui en étant relié directement au CRM accède de manière native aux données existantes.

Vous pourrez ainsi afficher une page de manière si votre visiteur découvre votre site pour la première fois ou si c'est déjà un lead ou un client. La personnalisation du contenu prend alors toute son importance et le parcours que vous proposez à votre internaute est ainsi plus impactant. Le modèle B2C et surtout eCommerce l'ont adopté depuis de nombreuses années, alors pourquoi pas en B2B ?

Enfin, qui dit stratégie digitale, dit forcément analyse des performances. Grâce au CMS HubSpot couplé par exemple avec Google Analytics, vous pourrez optimiser et suivre l'évolution de vos performance et donc de votre retour sur investissement (ROI).

Combien coûte le CMS HubSpot ?

Le CMS comme add-on de la Suite Marketing

Lorsque vous souscrivez une offre Marketing (Starter, Pro ou Entreprise), vous pouvez ajouter en complément le CMS Hubspot pour un coût de 280€/mois. Cette option vous permet par exemple de basculer votre blog en sous-directory, ce que vous ne pouvez pas faire si vous avez simplement souscrit à la solution Hub Marketing et que votre site est construit avec un autre CMS.

Le CMS HubSpot en mode standalone

Depuis septembre 2018, il est aussi possible de prendre le CMS seul sans aucune autre couche HubSpot. Dans cette configuration, il vous permet de déployer un site complet (page de site, landing page, call-to-action) tout en étant relié au CMS gratuit. Le CMS en version standalone est proposé à 280€/m. Pour connaître les fonctionnalités présentes dans cette configuration, vous pouvez vous référer à notre article "HubSpot CMS disponible en mode standalone".

Créer un site internet sur HubSpot CMS

Comment créer un site internet sur HubSpot CMS ?

Comme vu plus haut dans cet article, le CMS HubSpot s'articule autour de templates et de modules. De manière simplifiée, je pourrais résumer la création de site à la procédure suivante :

  1. Définir les objectifs, les personas et le parcours utilisateur ;
  2. Définir l'arborescence en fonction de votre parcours utilisateur et des requêtes SEO que vous souhaitez traitées ;
  3. Créer votre design avec des maquettes graphiques impactantes : essayez de réfléchir de manière "atomic" en réfléchissant plus en modules qu'en template ;
  4. Créer vos templates et surtout vos modules ;
  5. Créer une nouvelle page avec votre template et associez-y vos modules précédemment créés ;
  6. Contribuer votre contenu et enfin publier !

Si la création de sites internet sur HubSpot CMS vous intéresse, vous consultez notre article "Création de site internet sur HubSpot CMS", article dans lequel nous allons plus loin en détaillant les étapes clés, les méthodes (en mode projet ou en mode agile via le Growth-Driven Design) et vous donnons des tips pour gagner du temps dans sa réalisation.

La finalité : créer un environnement facilement administrable par les équipes marketing sans que les équipes techniques n'aient besoin d'intervenir.

 

Exemples de création de sites réalisés sur HubSpot CMS

Secteur SaaS/Tech

  • PadokTech / DevopsCréation du site sur le CMS HubSpot + Accompagnement Inbound Marketing

    Voir le site
  • BAMTech / Application React JSAccompagnement Growth Driven Design sur l'amélioration du site internet sur le CMS HubSpot

    Voir le site
  • SipiosFintech / Dev SpécifiqueMigration WordPress sur le CMS Hubspot + Accompagnement Inbound Marketing et Growth Driven Design

    Voir le site
  • Captain ContratLegaltechMigration WordPress sur le CMS Hubspot + Accompagnement Inbound Marketing et Growth Driven Design

    Voir le site
  • PlaniswareTech / ERP PPMCréation d’une plateforme dédiée au recrutement et multilingue sur le CMS HubSpot (FR, EN et DE)

    Voir le site
  • SOA PeopleTech / SAPMigration WordPress sur le CMS HubSpot + Accompagnement Growth Driven Design

    Voir le site

Secteur Consutling

  • VictanisConseil en stratégie B2BCréation du site multilingue (EN, FR et DE) sur le CMS HubSpot + Accompagnement Inbound Marketing

    Voir le site
  • MIXconceptConseil informatique & infogéranceCréation du site sur le CMS HubSpot + Accompagnement Inbound Marketing

    Voir le site
  • AriaseConseil TélécomMigration d'un CMS propriétaire sur le CMS HubSpot avec optimisation pour le référencement

    Voir le site

Secteur Bâtiment / Construction

  • Idelec PlusElectricité généraleCréation du site sur le CMS Hubspot + Accompagnement Inbound Marketing et Growth Driven Design

    Voir le site
  • Zebra CapitalPromotion immobilièreCréation du site sur le CMS HubSpot avec la HubDB pour gérer les biens à la vente

    Voir le site

J'espère que cet article vous aura permis d'y voir plus clair sur les possibilités qu'offrent le CMS HubSpot. Toute l'équipe d'Ideagency est à votre service pour vous accompagner sur HubSpot mais également pour répondre à vos questions. A très vite !

Nouveau call-to-action

AUTEUR
Loïc BURDET
Loïc BURDET Directeur technique Ideagency
Voir les articles du même auteur

Parlons de vous

15 min pour parler de votre projet , de vos objectifs et problématiques et vous donner ma vision. Simple et humain!
Contactez-nous