Découvrez comment configurer et personnaliser le modèle par glisser-déposer existant et utiliser les modules, les groupes et les colonnes en tant que blocs de création de modèle.
L'éditeur de mise en page du gestionnaire de conception vous permet de créer rapidement la mise en page de votre contenu sans avoir à écrire de code HTML.
Pour ajouter un module à une mise en page, cliquez sur + Ajouter au sommet de l'inspecteur de la mise en page. Recherchez ou sélectionnez un module, puis faites-le glisser vers l'emplacement souhaité sur la page. Si vous faites glisser un module au-dessus d'un autre, des colonnes ou des groupes de modules seront créés.
Pour modifier la largeur d'une colonne, placez le curseur de la souris entre les modules, cliquez et faites glisser horizontalement.
Les groupes de modules sont des unités de modules qui constituent différentes sections d'une page.
Pour regrouper deux modules, cliquez sur le premier module, puis, tout en appuyant sur la touche Ctrl/Cmd, sélectionnez le deuxième module. Répéter cette étape si vous regroupez plus de deux modules. Cliquez ensuite sur l'icône Groupe groupModule dans l'inspecteur du module.
Remarque : les groupes de modules ne peuvent pas dépasser un séparateur de section ou contenir un groupe partiellement sélectionné de modules.
La division d'un module le sépare en deux moitiés, créant ainsi deux modules. Pour diviser un module, cliquez dessus, puis cliquez sur l'icône Diviser le module splitModule dans l'inspecteur du module. Vous pouvez également faire un clic droit sur le module dans la mise en page et sélectionner Diviser le module.
Les colonnes flexibles sont conçues pour faciliter la gestion du contenu au niveau de la page pour les créateurs de contenu. Lorsqu'une colonne flexible est ajoutée à un modèle de page HubSpot, les utilisateurs ont la possibilité d'ajouter, de supprimer et de réorganiser les modules dans l'éditeur de page individuel. Cette fonctionnalité permet aux concepteurs de créer moins de modèles, tout en permettant aux équipes marketing de personnaliser chaque page en fonction de leurs besoins.
Pour ajouter une colonne flexible, cliquez sur + Ajouter au sommet de l'inspecteur de mise en page. Recherchez une colonne Flexible, puis faites-la glisser dans le modèle.
Remarque : les colonnes flexibles peuvent uniquement être ajoutées aux modèles de page, et non aux modèles d'e-mails ou de blogs.
Une fois que vous avez structuré la mise en page générale de votre modèle, vous pouvez échanger des modules et effectuer d'autres personnalisations.
Vous pouvez modifier les options d'un module en cliquant sur ce module dans l'éditeur de mise en page. L'inspecteur de module situé à droite affiche les options modifiables du module. Ces options comprennent généralement le style, le contenu par défaut et les options d'éditeur, et peuvent varier selon le type spécifique de module. En savoir plus sur la modification des paramètres et du contenu par défaut et CSS d'un module.
Après avoir ajouté un module à votre modèle, vous pouvez le remplacer pour un autre module. Cliquez sur le module dans l'éditeur de mise en page, puis cliquez sur Changer de module. Dans le menu déroulant qui s'affiche, sélectionnez le module qui doit remplacer le module d'origine.
Vous pouvez convertir un module du modèle en module global qui pourra être utilisé dans plusieurs modèles. Cette option est utile lorsque vous avez agencé le module d'une manière donnée et/ou que vous souhaitez réutiliser le contenu par défaut du module dans d'autres modèles.
Pour supprimer un module, cliquez sur le module dans l'éditeur de mise en page, puis sur l'icône Corbeille delete dans l'inspecteur du module. Vous pouvez également faire un clic droit sur le module et sélectionner Supprimer le module.
Outre les options de module, vous pouvez mettre en place différentes actions pour votre modèle.