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

Utiliser des colonnes flexibles dans vos pages

Dernière mise à jour: février 11, 2019

Disponible avec :

Marketing Hub Professional, Enterprise
Basique
HubSpot CMS

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 sont disponibles uniquement pour les pages de destination et les pages de site web. Les colonnes flexibles ne prennent pas en charge le contenu intelligent.

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.

division de colonnes flexiblesModification 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 à la page, cliquez sur l'icône + dans le volet d'édition latéral de gauche.
  • Faites glisser et déposer un nouveau module dans votre page. Une icône de module met en évidence tout endroit où vous pouvez déposer le nouveau module dans l'éditeur de contenu.

ajout de colonnes flexibles

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 donnée, il est possible que cette zone ne fasse pas partie de la colonne flexible de votre modèle.

  • 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 modification de la mise en page.
  • 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.

déplacement des modules de colonnes flexibles

Vous pouvez également modifier la mise en page de la colonne flexible dans le volet latéral de gauche :

  • Cliquez sur l'icône de module Intégrations dans le volet latéral de gauche. Tous les modules inclus dans la colonne flexible sont donnés dans une liste dans l'ordre d'apparition sur la page.
  • Pour réorganiser les modules, cliquez sur le module que vous souhaitez déplacer et faites-le glisser jusqu'à une nouvelle position dans la liste des modules. L'éditeur de contenu à droite s'actualisera avec la nouvelle mise en page.

barre latérale des modules de colonnes flexibles

  • Pour supprimer un module d'une colonne flexible, passez le curseur de la souris sur le module et cliquez sur l'icône d'une poubelle Supprimer.
  • Une fois que vous avez fini de modifier vos modules et votre contenu, cliquez sur Enregistrer ou sur Publier pour mettre vos modifications en ligne.