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.
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 à 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.
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.
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 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.
- 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
- 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.