Utiliser des colonnes flexibles dans les pages HubSpot

Après avoir ajouté des colonnes flexibles à un modèle de page, vous pouvez ajouter ou réorganiser des modules dans l'éditeur de contenu à l'intérieur de ces colonnes.

Les colonnes flexibles ne sont pas disponibles sur les modèles de blog, d'e-mail ou de page système, . En savoir plus sur la modification d'une page de liste de blogs dans l'éditeur de contenu 

Ajouter des colonnes flexibles à un modèle

Pour utiliser les colonnes flexibles dans l'éditeur de contenu, vous devez d'abord les ajouter à un modèle de page. Tous les modules que vous ajoutez à une colonne flexible dans le gestionnaire de conception apparaîtront dans cette colonne dans l'éditeur de contenu.

Veuillez noter que les modules ajoutés aux colonnes flexibles dans le gestionnaire de conception n'apparaîtront que sur les pages nouvellement créées.  Les modules peuvent être ajoutés aux pages existantes à partir de 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. 

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 le module dans l'éditeur de la barre latérale et faites-le glisser sur la colonne flexible

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 les modules dans une colonne flexible :
  • 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 située en haut d'un module et faites-le glisser en position dans la colonne flexible. 
  • Pour terminer la réorganisation des modules, cliquez sur Quitter le mode de mise en page.