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.
CMS-Pages-Editor

Créer et modifier des pages dans HubSpot

Dernière mise à jour: avril 26, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
HubSpot CMS

Dans le CMS de HubSpot, vous pouvez créer des pages de destination et des pages de site web. Les pages de site web sont les éléments indispensables du site web de votre entreprise et de vos menus avancés. Les pages de destination sont généralement utilisées pour créer des offres de contenu afin de booster les conversions sur vos formulaires

Avant de commencer avec votre nouvelle page, assurez-vous d'avoir tous les éléments nécessaires. Créez un modèle dans le Gestionnaire de conception ou recherchez-en un sur la MarketplaceTéléchargez les attributs de votre site sur votre gestionnaire de fichiers et personnalisez les paramètres avec le branding de votre entreprise.

Si vous cherchez de l'inspiration en matière de conception, consultez les exemples de clients de l'Academy et de notre  Forum Design.

Créer une page

Pour créer une page à partir de zéro :

main-nav-content-website-pages-2016.png

Pour modifier une page existante :

Modifier le contenu de votre page

Une fois dans l'éditeur de page, vous pouvez modifier et  optimiser votre contenu.

Pour modifier le contenu de votre page :

  • Passez le curseur de la souris sur un module et cliquez sur  l'icône Crayon afin de modifier son contenu et son style. Vous pouvez également cliquer sur l'icône du module pour ouvrir une liste des modules de votre page, ouvrir une liste des modules de votre modèle et pour les modifier dans l'éditeur de barre latéral.
  • Cliquez sur le module à modifier.
  • Effectuez les modifications dans l'éditeur de barre latéral.
  • Cliquez sur Appliquer pour voir les modifications répercutées sur l'éditeur de page.
  • Une fois que vous avez terminé, cliquez sur Enregistrer et aller à la liste des modules.

edit-modules

Les modules texte enrichi, en-tête et texte d'une ligne peuvent être modifiés directement dans l'éditeur de page. Les autres types de modules peuvent être modifiés dans l'éditeur de barre latéral glissant. Si le modèle contient des colonnes flexibles, vous pouvez modifier ou réorganiser vos modules dans l'éditeur de page ou dans le menu latéral du module.

Les feuilles de style associées à la page sont appliquées aux modules par défaut, mais vous pouvez également appliquer certains styles intraligne personnalisés dans l'éditeur de contenu.

Pour ce faire :

  • Passez le curseur de la souris sur le module que vous souhaitez styliser.
  • Cliquez sur l'icône de pinceau en haut de l'écran.Un panneau latéral contenant les  options de style pour ce module spécifique apparaît. 

edit-styles

Modifier les paramètres de votre page

Pour modifier les paramètres de votre page, cliquez sur l'onglet Paramètres en haut de l'éditeur de page et ajoutez des informations de base : 

  • Nom interne de la page : le nom interne de votre page. Il s'agit du nom que vous avez ajouté lors de la première création de la page, mais vous pouvez le modifier ici. Il s'agit d'un nom interne à titre purement informatif que les visiteurs de votre site web ne pourront pas voir.
  • Titre de la page : ce titre s'affiche au sommet du navigateur lors du chargement de la page.
  • URL de la page : il s'agit de l'adresse URL de la page. Celle-ci apparaît dans la barre d’adresse du navigateur lorsqu’un visiteur accède à la page. Vous pouvez modifier l'URL de la page même après sa publication.
  • Ajouterune page à un menu : permet d'ajouter la page du site web sur laquelle vous travaillez à un menu avancé nouveau ou existant dans vos paramètres de contenu. 
  • Méta-description : cette description apparaît dans les résultats de recherche, en dessous du titre de la page.
  • Campagne : ce menu déroulant permet d'associer la page à une campagne HubSpot. Vous pouvez sélectionner Ajouter nouveau pour créer une nouvelle campagne.
  • Image en vignette : activez ce bouton si vous souhaitez qu'une image spécifique soit mise en vignette lorsque votre page est partagée sur les réseaux sociaux. Cliquez sur Charger pour sélectionner une image de votre ordinateur ou Parcourir les images pour sélectionner une image de votre gestionnaire de fichiers.

edit-settings

Options avancées

Cliquez sur Options avancées pour personnaliser plus de paramètres pour votre page. Ces paramètres ne sont pas obligatoires pour publier la page.

  • Exiger un mot de passe pour consulter la page : cochez cette case pour ajouter un mot de passe obligatoire permettant aux visiteurs d'accéder au contenu de la page.
  • Annuler la page à une date spécifique : cochez cette case pour que votre page expire et redirige vers une autre page à une date spécifique. 
  • Blocs de texte de code supplémentaires : cela vous permet d'ajouter des blocs de code dans les champs HTML de l'en-tête ou HTML du pied de page. Vous pouvez ainsi ajouter du HTML brut ou un code de suivi vers la balise <head> ou <footer> de la page. Capture d'écran d'un article d'aide HubSpot

  • HubDB :si vous utilisez un  tableau HubDB pour gérer une base de données dynamique, vous pouvez l'ajouter à votre page ici.
  • Modèle : voir le modèle appliqué à votre page. Cliquez sur l'aperçu du modèle pour modifier le modèle, ou cliquez sur Sélectionner un modèle différent pour appliquer un nouveau modèle à la page. 

  • Feuilles de style : décidez quelles feuilles de style joindre à votre page. Utilisez les menus déroulants pour choisir si les feuilles de style par défaut doivent être activées, désactivées, ou utiliser les paramètres par défaut. Cliquez sur Joindre une feuille de style et utilisez le menu déroulant pour ajouter une feuille de style à votre page.

HubSpot Help article screenshot

  • URL canonique : champ permettant de personnaliser l'URL canonique de votre page qui se trouve en bas de vos paramètres avancés. Si d'autres pages de votre site contiennent un contenu similaire, cela permet d'indiquer aux moteurs de recherche quelle page doit apparaître plus haut dans les résultats de recherche.

Prévisualiser votre page

Cliquez sur l'icône représentant un œil view pour voir les options de prévisualisation. Vous pouvez ensuite mettre à jour les éléments suivants :

  • Aperçu des appareils : cliquez sur l'une des icônes type d'appareil pour afficher un aperçu de votre page dans l'éditeur de page sur un appareil spécifique et dans un sens spécifique.
  • Aperçu intelligent : utiliser le menu déroulant Afficher en tant que contact spécifique pour choisir un contact dans votre base de contacts. Vous voyez ainsi comment s'affiche le contenu de la page pour ce visiteur spécifique, ce qui peut vous aider à prévisualiser une personnalisation ou un contenu intelligent sur votre page.
  • Aperçu partageable : cliquez sur Ouvrir dans une nouvelle fenêtre pour voir un aperçu en direct de la page dans votre navigateur. Ce lien d'aperçu fonctionnera avant que la page soit publiée. Cliquez sur Copier pour copier le lien dans le presse-papiers et le partager avec votre équipe.
HubSpot Help article screenshot

Publier la page ou planifier sa publication

Après avoir ajouté votre contenu, l'avoir optimisé pour les moteurs de recherche et prévisualisé la page, celui-ci est prêt à être publié.

  • Cliquez sur Publier ou planifier, et choisissez de publier la page maintenant ou de planifier la publication à une date ultérieure. Si vous choisissez Planifier pour plus tard, pensez à mettre à jour la date et l'heure prévues.
  • Une fois les sélections effectuées, cliquez sur Planifier ou Publier.

HubSpot Help article screenshot