Créer des modèles de page, d'e-mail et de blog dans l'éditeur de mise en page
Dernière mise à jour: octobre 19, 2020
Utilisez le gestionnaire de conception de HubSpot pour créer des modèles à l'aide de modules à glisser et déposer. Ces modèles constituent la base de vos pages, e-mails et articles de blog. Découvrez-en davantage sur la création de modèles dans HubSpot dans ce module Academy.
Si l'équipe technique de HubSpot a configuré vos modèles, vous disposerez déjà de modèles personnalisés pour répondre aux exigences graphiques de votre site.
Pour créer un modèle HTML, découvrez comment créer un modèle codé personnalisé.
Remarque : Un abonnement Hub Marketing Pro ou Entreprise est requis pour créer des modèles d'e-mail. Les comptes Hub CMS peuvent créer des e-mails à l'aide de l'éditeur d'e-mails en glisser-déposer.
Qu'est-ce qu'un modèle HubSpot ?
Les modèles HubSpot constituent la base du contenu que vous créez. Ils sont conçus à l'aide de différents modules de contenu qui peuvent être glissés et déposés.
Le gestionnaire conception vous permet de concrétiser une idée, un brouillon ou un prototype à l'aide d'un modèle adaptatif qui vous aidera à créer du contenu.

Créer un modèle
- Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
- Cliquez sur Fichier > Nouveau fichier sous la barre de recherche pour créer un nouveau modèle.
- Dans la boîte de dialogue, sélectionnez Glisser et déposer.
- Utilisez le menu déroulant pour sélectionner le type de modèle. Bien que la plupart des modules par défaut soient disponibles pour tous les modèles, certains modules sont limités à certains types de modèles. Vous pouvez sélectionner les types de modèles suivants.
- Blog : des modèles structurés qui servent de base pour vos articles de blog et vos pages de listing.
- E-mail : des modèles structurés qui servent de base pour vos e-mails.
- Page : des modèles structurés qui servent de base pour vos pages de destination et votre site web.
- Système : des modèles structurés pour les pages d'erreur, les pages d'invite de mot de passe et les pages de gestion des inscriptions.
- Complétez ensuite le champ Nom du fichier. Une fois cette étape terminée, cliquez sur Créer.

Structurer et personnaliser le modèle
Vous pouvez ajouter plus de modules à votre modèle en utilisant l'inspecteur à droite. Cliquez sur + Ajouter 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 l'inspecteur. 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 dans l'outil. Cliquez sur un module ou un groupe pour accéder aux options de style spécifiques à ce composant. Découvrez-en davantage sur l'utilisation de l'inspecteur pour styliser votre modèle.
Remarque : Il n'est pas possible de joindre un fichier CSS ou JavaScript à un modèle d'e-mail. Cependant, vous pouvez ajouter des balises HTML, des attributs et des styles en ligne personnalisés.
Prévisualiser et publier votre modèle
- Dans l'angle supérieur droit, cliquez sur Aperçu pour afficher un aperçu de votre modèle sur un navigateur web. Si vous sélectionnez Aperçu en ligne avec options d'affichage, vous pouvez afficher votre aperçu tel qu'il apparaît sur d'autres appareils.
- Une fois que vous avez terminé votre modèle, cliquez sur Publier les modifications dans l'angle supérieur droit.
Une fois votre nouveau modèle publié, vous pouvez le sélectionner pour de nouvelles pages ou pour des e-mails. Vous pouvez également sélectionner ce modèle pour votre blog dans les paramètres de votre blog.
Articles similaires
-
Créer un modèle codé personnalisé
Dans l'outil Gestionnaire de conception, les concepteurs peuvent créer des modèles avec HTML depuis zéro....
Base de connaissances -
Personnaliser votre contenu
Grâce aux jetons de personnalisation, vous pouvez afficher du contenu personnalisé aux contacts de votre base...
Base de connaissances -
Créer, modifier et ajouter des fichiers CSS pour formater le style d'un site web
Les CSS (Cascading Style Sheets, en anglais) sont des fichiers codés qui sélectionnent des éléments d'une...
Base de connaissances