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.
Landing Pages

Utiliser des colonnes flexibles dans les pages HubSpot

Dernière mise à jour: août 19, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Pro, Entreprise
Ancienne version Marketing Hub Basique

Les colonnes flexibles sont des sections d'une page qui prennent en charge l'ajout et la réorganisation des modules dans l'éditeur de contenu. Pour être utilisées dans l'éditeur de contenu, les colonnes flexibles doivent d'abord être ajoutées à un modèle de page. 

Remarque : les colonnes flexibles ne prennent pas en charge le contenu intelligent et ne sont pas disponibles pour les blogs. 

Ajouter des colonnes flexibles à un modèle

Lorsqu'une colonne flexible est ajoutée à un modèle de page, les modules peuvent être ajoutés, supprimés ou réorganisés dans cette section de la page dans l'éditeur de contenuLes modules ajoutés à la colonne flexible du modèle apparaîtront dans l'éditeur de page par défaut. 

Remarque : les modules ajoutés à des colonnes flexibles dans un modèle apparaîtront uniquement sur les nouvelles pages utilisant ce modèle. Des modules peuvent être ajoutés aux pages existantes depuis l'éditeur de contenu. 

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans la recherche, cliquez sur un modèle pour l'ouvrir dans l'éditeur de mise en page. 
  • Dans l'inspecteur, cliquez sur l'onglet + Ajouter.
  • Saisissez colonne flexible dans la barre de recherche, puis cliquez sur le module Colonne flexible et faites-le glisser sur le modèle. 
  • Sur l'onglet + Ajouter, cliquez sur un module que vous souhaitez ajouter à la colonne flexible et faites-le glisser sur la colonne flexible du modèle. 

division de colonnes flexibles

Modifier des colonnes flexibles dans l'éditeur de contenu

Une fois que vous avez créé une nouvelle page avec un modèle utilisant des colonnes flexibles, vous pouvez personnaliser la structure et le contenu de ces colonnes flexibles dans l'éditeur de contenu.

  • Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
  • Placez le curseur sur une page et cliquez sur Modifier
  • Pour ajouter un module à la colonne flexible dans l'éditeur de contenu, cliquez sur un module dans l'éditeur de barre latérale et faites-le glisser sur la colonne flexible. 

flexible%20columns%20add%20module

Remarque : vous ne pouvez ajouter de modules que dans des zones qui utilisent des colonnes flexibles. 

  • Pour supprimer un module d'une colonne flexible, placez le curseur sur le module et cliquez sur l'icône Supprimer delete.
  • Pour réorganiser la mise en page des modules :
    • Placez le curseur sur l'un des modules d'une colonne flexible et cliquez sur l'icône de colonne flexible flexColumn.
    • Cliquez sur l'icône à quatre flèches en haut d'un module et faites-le glisser dans la colonne flexible. 
    • Une fois que vous avez fini de réorganiser vos modules, cliquez sur Quitter le mode Mise en page.

rearrange-modules-in-a-flexible-column

  • Dans l'angle supérieur droit, cliquez sur Publier ou Mettre à jour.