Utiliser du contenu global dans plusieurs modèles

Le contenu global permet de réutiliser une section de contenu, comme un titre ou un pied de page, sur plusieurs pages. Lorsque le contenu global est mis à jour, les modifications s’appliquent partout où le module ou groupe global est utilisé. 

Le contenu global peut être créé et modifié dans le gestionnaire de conception et modifié à partir de l’éditeur de contenu. 

Avant de commencer

Avant d’utiliser du contenu global sur plusieurs modèles, vérifiez les exigences et limites suivantes.

Compréhension des limites et des considérations

• Les colonnes flexibles, les zones de glisser-déposer et les modules codés ne peuvent pas être utilisés dans des groupes globaux.
• Les modifications apportées au contenu global s’appliquent à tous les modèles et éléments qui font référence au même module ou groupe global. 
• Les modèles par glisser-déposer et les modèles codés utilisent différentes méthodes pour produire du contenu global.

Création de contenu global dans le gestionnaire de conception

Le contenu global peut être créé en tant que nouveau module ou converti à partir de modules ou de groupes existants.

Créer un module global

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception..
2. Dans l’outil de recherche, cliquez sur le menu déroulant Fichier et sélectionnez Nouveau fichier.
3. Dans la boîte de dialogue, cliquez sur le lien Que souhaiteriez-vous créer aujourd’hui ? et sélectionnez Module, puis cliquez sur Suivant.
4. Dans la section Où souhaitez-vous utiliser ce module ? section, sélectionnez la case à cocher à côté de chaque type de contenu qui utilisera ce module global. Les modules globaux utilisés pour les e-mails ne peuvent pas inclure de CSS ou de Javascript.
5. Dans la section Portée du contenu du module , sélectionnez Module global.
6. Saisissez un nom de fichier, puis cliquez sur Créer.
7. Dans l’éditeur de module, continuez à modifier le module.

Convertir un module ou groupe local existant

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception..
2. Dans l’outil de recherche, cliquez sur un modèle pour modifier son contenu.
3. Si vous créez un groupe global, vous pouvez modifier les options de plusieurs modules. Appuyez sur la touche Ctrl / Commande, cliquez sur les modules que vous souhaitez regrouper, puis cliquez sur l’icône de groupModule groupe dans l’inspecteur.
4. Cliquez sur le module ou le groupe de modules pour le sélectionner dans l’éditeur de mise en page.
5. Dans l’inspecteur, cliquez sur le menu déroulant Plus et sélectionnez Convertir en module/groupe global.

Ajouter un module ou un groupe global à un modèle de glisser-déposer

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception..
2. Dans l’outil de recherche, cliquez sur un modèle glisser-déposer pour modifier son contenu.
3. Dans l’inspecteur, cliquez sur + Ajouter.
4. Saisissez du texte dans le champ Rechercher ou cliquez sur le menu déroulant Filtrer par catégorie ou balises pour trouver votre module/groupe global.
5. Cliquez sur votre groupe/module global et faites-le glisser dans la mise en page du modèle.
6. Lorsque vous avez terminé, cliquez sur Publier dans l’angle supérieur droit.

Utiliser du contenu global dans des modèles codés

Les modèles codés n’incluent pas l’option Convertir en module/groupe global . Les modules globaux doivent être créés et référencés manuellement.

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception..
2. Dans l’outil de recherche, cliquez sur le menu déroulant Fichier et sélectionnez Nouveau fichier.
3. Dans la boîte de dialogue, cliquez sur le lien Que souhaiteriez-vous créer aujourd’hui ? et sélectionnez Module, puis cliquez sur Suivant.
4. Dans la section Portée du contenu du module, sélectionnez Module global.
5. Saisissez un nom de fichier, puis cliquez sur Créer.
6. Créez les champs obligatoires pour qu’ils correspondent au module d’origine. 
7. Copiez le bloc de texte prédéfini HubL du module. 
8. Collez le bloc de texte prédéfini HubL dans votre modèle codé pour référencer le module global.
9. Lorsque vous avez terminé, cliquez sur Publier dans l’angle supérieur droit.

Remarque : Les développeurs peuvent également dupliquer le module et le définir "global": true dans le fichier meta.json dupliqué via l’ILC avant de mettre à jour les modèles pour l’utiliser. Pour en savoir plus, consultez la documentation des développeurs.

Modifier le contenu global dans l'éditeur de contenu

Le contenu global peut être modifié directement à partir des pages ou des articles dans l’éditeur de contenu. Les mises à jour s’appliquent à toutes les ressources utilisant le même module ou groupe global.

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre contenu.
3. Dans l’éditeur de contenu, cliquez sur l’icône de siteTreeIcon contenu , puis sur l’icône de globalGroup contenu global pour le module global. 
4. Dans la boîte de dialogue, cliquez sur Ouvrir dans l'éditeur de contenu global.
5. Dans l’éditeur de contenu global, cliquez sur l’icône de siteTreeIcon contenu et utilisez les outils de glisser-déposer pour modifier les modules du groupe global.
6. Si vous n’avez pas encore ajouté de logo, vous pouvez en ajouter un à votre en-tête global dans le module de logo. Découvrez-en davantage sur la configuration de votre branding . Pour ajouter un logo, cliquez sur le module Logo puis sur Paramètres de marque.
   • Dans la boîte de dialogue, cliquez sur Ajouter.
   • Cliquez sur Charger pour charger une image depuis votre ordinateur ou cliquez sur Parcourir les images pour sélectionner une image de l’outil Fichiers.
   • Saisissez le texte pour donner un nom au logo dans le champ Nom du logo.
   • Saisissez le texte des champs Texte alternatif du logo et URL du logo.
   • Lorsque vous avez terminé, cliquez sur Enregistrer. Cliquez ensuite sur Publier sur [#] ressources.
7. Pour modifier un menu de navigation, cliquez sur le module. Dans l’éditeur de barre latérale, cliquez sur Modifier dans le menu. Dans la boîte de dialogue, continuez à personnaliser le menu de navigation.
8. Pour prévisualiser le contenu global sur des pages ou des articles existants, cliquez sur le menu déroulant Afficher sur dans l’angle supérieur gauche et sélectionnez une page ou un article sur lequel le contenu global est affiché. Pour afficher le contenu global seul, sélectionnez plutôt Group only.
9. Pour créer une version multilingue du contenu global, cliquez sur le menu déroulant Langue dans l’angle supérieur gauche et sélectionnez Ajouter/modifier des variantes multilingues. Découvrez-en davantage sur la création de contenu global multilingue.

10. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l'angle supérieur droit. Ces modifications seront appliquées à toutes les pages et à tous les articles utilisant un modèle qui inclut le contenu global.

Modifier le contenu global dans le gestionnaire de conception

Les développeurs peuvent modifier des modules ou des groupes globaux dans le gestionnaire de conception. Les modifications apportées au contenu global seront appliquées à tous les contenus utilisant un modèle qui contient le même contenu global.

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception..
2. Dans l’outil de recherche, cliquez sur un modèle pour modifier son contenu.
3. Pour modifier le contenu d’un module ou d’un groupe global uniquement pour une page, un article de blog ou un e-mail spécifique, vous pouvez créer une copie locale du contenu global à modifier dans le gestionnaire de conception.
4. Pour modifier un groupe global dans l’éditeur de mise en page, cliquez sur groupe global dans le modèle. Dans l’inspecteur, cliquez sur le menu déroulant Plus et sélectionnez Modifier le groupe global. 

5. Lorsque vous avez terminé, cliquez sur Publier les modifications.