Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Design Manager

Créer des modèles de page, d'e-mail et de blog dans l'éditeur de mise en page

Dernière mise à jour: juillet 15, 2020

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

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.

D'un brouillon à un modèle

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.

new-file

  • 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.
  • Complétez ensuite le champ Nom du fichier. Une fois cette étape terminée, cliquez sur Créer.
new%20file
 

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

Capture d'écran d'un article de support HubSpot

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. 
    Capture d'écran d'un article de support HubSpot

Une fois votre nouveau modèle publié, vous pouvez le sélectionner pour de nouvelles pages ou pour des e-mailsVous pouvez également sélectionner ce modèle pour votre blog dans les paramètres de votre blog

/fr/cms-general/create-page-email-and-blog-templates-in-the-layout-editor