Créer des modèles de page, d'e-mail et de blog dans l'éditeur de mise en page
Dernière mise à jour: mars 7, 2025
Disponible avec le ou les abonnements suivants, sauf mention contraire :
|
|
Ancienne version Marketing Hub Basique |
L'utilisation d'un modèle permet de contrôler la structure de différents types de contenus sur un blog, une page ou un e-mail. Vous pouvez créer des modèles dans le gestionnaire de conception en faisant glisser et en déposant des modules. Apprenez-en plus sur la création de modèles dans HubSpot dans cette leçon de la HubSpot Academy.
Avant de commencer
Avant de commencer à utiliser cette fonction, assurez-vous de bien comprendre les mesures à prendre à l'avance ainsi que les limites de la fonction et les conséquences potentielles de son utilisation.
Comprendre les exigences
- Vérifiez que vous disposez de l’autorisation Outils de conception pour créer et modifier des modèles dans le gestionnaire de conception.
- Il est également recommandé de disposer des autorisations Paramètres du contenu global et du thème et Paramètres du site web si vous devez modifier les ressources web globales et les paramètres de blog/site web.
Comprendre les limites et les considérations
- Un abonnement Marketing Hub Pro ou Entreprise est requis pour créer des modèles d’e-mails. Les comptes Content Hub peuvent créer des e-mails à l’aide de l’éditeur d’e-mails glisser-déposer.
- L’ajout de fichiers CSS ou JavaScript à un modèle d’e-mail n’est pas pris en charge, mais vous pouvez ajouter au modèle un balisage HTML, des classes de corps et un style en ligne personnalisés.
- Les modèles glisser-déposer ne prennent pas en charge toutes les fonctionnalités de contenu disponibles. Pour utiliser la plus large gamme d’outils, découvrez-en davantage sur l’utilisation de modèles HTML + HubL à la place.
Comprendre les modèles HubSpot
Les modèles HubSpot fournissent le cadre pour les blogs, les pages et les e-mails , tandis que vos utilisateurs génèrent le contenu réel dans l’éditeur de contenu. Vous pouvez créer des modèles en faisant glisser et en déposant des modules de contenu pour créer une mise en page. Pour créer un modèle à l'aide de HTML, voir . Personnaliser un modèle codé.
L'éditeur de mise en page vous aide à convertir une idée, un croquis ou un prototype en un modèle responsive pour créer du contenu.

Créer un nouveau modèle
- Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
- En haut de la colonne de gauche, cliquez sur le menu Fichier et sélectionnez Nouveau fichier.
- Dans la boîte de dialogue, cliquez sur le menu déroulant Que souhaiteriez-vous créer aujourd'hui ? et sélectionnez Glisser et déposer. Cliquez ensuite sur Suivant.
- Cliquez sur le menu déroulant Type de modèle et sélectionnez un type. Alors que la plupart des modules par défaut de sont disponibles pour n'importe quel modèle, certains modules sont limités à certains types de modèles. Vous pouvez sélectionner les types de modèles suivants.
- Saisissez un nom de fichier. Une fois cette étape terminée, cliquez sur Créer.

Structurer et personnaliser le modèle
Vous pouvez ajouter d’autres modules à votre modèle à l’aide du contrôleur sur le côté droit du gestionnaire de conception. Cliquez sur add Ajouter dans la colonne de droite pour rechercher des modules à ajouter à votre modèle. Découvrez-en davantage sur la modification de la structure de votre modèle.
Pour personnaliser le style de votre modèle, vous pouvez utiliser les options de la colonne de droite. Si aucun module n'est sélectionné, vous avez la possibilité de gérer le style en éditant l'en-tête du modèle. Cliquez sur un module ou un groupe pour accéder aux options de style spécifiques à ce composant. En savoir plus sur l'utilisation de l'inspecteur pour styliser votre modèle.
Prévisualiser et publier votre modèle
Une fois votre modèle créé, vous pouvez prévisualiser son affichage sur une page, puis le publier.
- Pour prévisualiser le modèle :
- Dans l’angle supérieur droit, cliquez sur Aperçu.
- Si vous sélectionnez Aperçu en ligne avec options d’affichage, vous pouvez prévisualiser votre modèle tel qu’il apparaît sur d’autres appareils en sélectionnant le paramètre prédéfini Viewport.
- Si vous sélectionnez Aperçu sans options d’affichage, vous pouvez uniquement prévisualiser l’apparence de votre modèle sur les navigateurs.
- Une fois votre modèle finalisé, vérifiez que l’option Rendre disponible dans [type de contenu] est activée, puis cliquez sur Publier les modifications dans l’angle supérieur droit.
Une fois votre nouveau modèle publié, vous pouvez l’utiliser pour créer de nouvelles pages ou de nouveaux e-mails. Un modèle de blog peut être appliqué à un blog existant dans les paramètres de votre blog.