Utiliser des colonnes flexibles dans vos pages

Les colonnes flexibles sont des sections de page qui peuvent être modifiées et restructurées avec de nouveaux modules dans l'éditeur de page. Découvrez comment ajouter une colonne flexible à votre modèle et modifier les modules de la colonne flexible dans l'éditeur de page.

 Remarque : Les colonnes flexibles ne prennent pas en charge le contenu intelligent et ne sont pas disponibles dans l'outil de blog. Pour contrôler davantage la mise en page de vos pages, travaillez avec votre développeur web pour ajouter une zone de glisser-déposer à votre modèle de page.

Ajouter une colonne flexible à votre modèle

Ajoutez une colonne flexible à votre modèle de page pour ajouter, supprimer ou réorganiser des modules sur votre page dans l'éditeur. Les modules ajoutés à la colonne flexible sur le modèle seront disponibles dans l'éditeur de page par défaut.

• Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
• Dans le gestionnaire de fichiers, cliquez sur votre modèle existant pour l'ouvrir dans l'éditeur. Pour créer un nouveau modèle, cliquez sur le menu déroulant Fichier et sélectionnez Nouveau fichier.
• Dans l'inspecteur se trouvant sur la droite, cliquez sur + Ajouter et recherchez un module colonne flexible. Faites glisser le module jusque dans le corps de votre modèle.
• Faites glisser tout autre module que vous souhaitez faire apparaître dans la colonne flexible. En faisant passer un module sur la colonne flexible, vous verrez apparaître des rectangles bleus où vous pourrez déposer le contenu.
• Si vous souhaitez que des modules de vos colonnes flexibles soient côte à côte sur plusieurs colonnes, il est possible de cliquer sur un module de colonne flexible et de sélectionner Diviser la colonne flexible. 

Remarque : Des modules supplémentaires peuvent être ajoutés, modifiés ou supprimés de la colonne flexible au niveau de la page.

Modification des colonnes flexibles sur la page

Dès que vous avez créé une nouvelle page avec un modèle contenant des colonnes flexibles, vous pouvez personnaliser la structure et le contenu directement dans l'éditeur.

• Pour ajouter des modules à votre page, dans le panneau Ajouter à gauche, cliquez sur un module et faites-le glisser dans votre mise en page. Une icône de module met en évidence tout endroit où vous pouvez déposer le nouveau module dans l'éditeur de contenu.
• Pour supprimer un module d'une colonne flexible, passez le curseur de la souris sur le module et cliquez sur l'icône Corbeille delete.

Remarque : Vous ne pouvez ajouter de nouveaux modules que dans des zones qui utilisent des colonnes flexibles. Si vous n'êtes pas en mesure de déposer le module dans une zone spécifique, il est possible que cette zone ne fasse pas partie de la colonne flexible de votre modèle. Par exemple, elle peut faire partie d'un pied de page global.

• Pour réorganiser la mise en page des modules, passez le curseur sur l'un des modules de la colonne flexible et cliquez sur l'icône de colonne flexible flexColumn.

• Vous verrez apparaître une icône à quatre flèches au-dessus des modules que vous pouvez déplacer. Le curseur de votre souris changera aussi pour prendre la forme d'une icône à quatre flèches.
• Cliquez pour faire glisser les modules que vous souhaitez déplacer, puis déposez-les à un autre endroit disponible sur votre page. L'éditeur de contenu prend une teinte violette à l'endroit où le module sera placé.
• Une fois que vous avez fini de déplacer vos modules, cliquez sur Quitter le mode Mise en page.