Utiliser des colonnes flexibles dans vos pages
Dernière mise à jour: octobre 19, 2020
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.
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.
Articles similaires
-
Ajouter le code Google Analytics à vos pages HubSpot ou à votre blog
Vous pouvez intégrer le contenu de votre site web HubSpot et de votre blog avec Google Analytics en ajoutant...
Base de connaissances -
Ajouter des vidéos à votre contenu HubSpot
Vous pouvez ajouter HubSpot Video à votre contenu sur vos pages, articles de blog et articles de base de...
Base de connaissances -
Exportez votre contenu et vos données
Découvrez comment exporter vos contenus et données HubSpot depuis votre compte, notamment les pages, les...
Base de connaissances