Comment utiliser la gestion des modèles ?

La gestion des modèles dans un CMS permet de créer du contenu HTML et CSS réutilisable. Vous pouvez ainsi créer un modèle et l'ajouter aux zones appropriées à l'aide de codes courts, au lieu de réécrire le même design ou bloc de contenu sur différentes pages.

Les modèles peuvent être utilisés pour les tableaux de prix, la signalétique d'appel, les encadrés d'informations personnalisés, les simulations linguistiques, les comparaisons de forfaits, les zones de campagne ou les sections de conception personnalisées récurrentes.

À quoi sert la gestion des modèles ?

La gestion des modèles vous permet de gérer de manière centralisée les éléments de design et de contenu fréquemment utilisés sur votre site web. Une fois le modèle créé, vous pouvez l'intégrer à l'aide de codes courts dans les zones de contenu HTML compatibles.

Cette structure est particulièrement utile lorsque le même contenu est utilisé sur plusieurs pages. Toute modification apportée à un modèle sera répercutée sur toutes les pages où ce modèle est utilisé.

L'un des principaux avantages de la gestion des modèles est qu'elle sécurise la traduction des structures HTML complexes. Lorsque l'intégralité du code HTML est incluse dans le processus de traduction, la structure des balises, les noms de classes ou la mise en page peuvent parfois être altérés. Avec la gestion des modèles, en revanche, la structure HTML est préservée et seuls les champs de texte définis comme paramètres sont traduits.

Par exemple, des structures réutilisables comme les suivantes peuvent être préparées comme modèles :

• tableaux comparatifs des emballages
• Cartes de prix ou de service
• Zones CTA
• Boîtes d'information
• Sections HTML personnalisées
• Visibilité Google ou simulations multilingues
• Blocs de campagne ou de promotion répétés

Comment puis-je accéder à la page de gestion des modèles ?

Pour gérer les modèles, vous pouvez accéder à la section Gestion des modèles depuis le menu de gauche du panneau d'administration Webayt.

 Gestion des modèles

Cette page répertorie les modèles créés précédemment. Vous pouvez ajouter de nouveaux modèles, modifier ou supprimer des modèles existants, ou afficher leurs codes courts.

Écran de liste des modèles

Sur l'écran principal de Gestion des modèles, les modèles créés sont répertoriés dans un tableau. Ce tableau affiche le nom du modèle, son code court, les informations sur ses paramètres et son statut.

L'écran de liste affiche généralement les informations suivantes :

• Nom du modèle : Il s’agit du nom du modèle affiché dans le panneau et lors de la sélection des modèles.
• Code court : un code spécial utilisé pour appeler le modèle dans les zones de contenu.
• Paramètre : Indique le nombre de variables utilisées dans le modèle ou l’état du paramètre.
• Statut : Indique si le modèle est ouvert ou fermé.
• Édition : Permet de mettre à jour les informations du modèle.
• Supprimer : Permet de supprimer le modèle correspondant.

Le shortcode de modèle permet d'appeler le modèle correspondant dans le contenu de la page. Par exemple, un shortcode de modèle peut ressembler à ceci :

 { { template:mock_template_name } }

Comment ajouter un nouveau modèle ?

Pour créer un nouveau modèle, accédez à l'onglet Ajouter un modèle . Sur cet écran, vous définissez le nom du modèle, son code court, son contenu HTML/CSS, ses paramètres et son statut.

1. Connectez-vous au panneau d'administration Webayt.
2. Dans le menu de gauche, accédez à Gestion des modèles .
3. Cliquez sur l'onglet Ajouter un modèle .
4. Saisissez le nom du modèle et la clé du code court.
5. Ajoutez votre contenu HTML ou CSS à la zone du modèle.
6. Définissez les champs de paramètres si nécessaire.
7. Activez ou désactivez le modèle.
8. Enregistrez le modèle en cliquant sur le bouton Ajouter .

Champs d'insertion de modèle

L'écran d'ajout ou de modification de modèle comprend des champs clés qui déterminent le fonctionnement du modèle.

Nom du modèle

Le nom du modèle est celui qui s'affichera dans le panneau et dans les sélections de modèles. Ce champ doit être descriptif afin de faciliter l'identification ultérieure du modèle.

Exemples de noms de modèles :

 Forfaits CTA
Page de recherche Google
Modèle de gestion de site
Assistance multilingue

Code court

La clé du code court est la clé unique utilisée pour appeler le modèle dans les champs de contenu. Ce champ est généralement créé à l'aide de lettres minuscules, de chiffres, de tirets et de traits de soulignement.

Par exemple, si la clé du shortcode est management_plans , ce modèle peut être appelé dans le champ de contexte avec le shortcode suivant :

 { { template:mock_template_name } }

Il est recommandé que le code court soit clair et explique l'objectif du modèle.

Zone de modèle

La zone de modèle est l'endroit où vous écrivez la structure HTML ou CSS que vous souhaitez créer. Cette section contient le code qui détermine l'apparence du modèle sur le site web.

La zone de modèle peut contenir des onglets HTML et CSS. L'onglet HTML est destiné au contenu structurel, tandis que l'onglet CSS permet l'édition visuelle.

Si vous souhaitez utiliser des champs modifiables dans votre modèle HTML, vous pouvez les définir entre accolades.

 {titre}
{description}
{button_text}

Ces variables peuvent être automatiquement listées dans le champ des paramètres du modèle et modifiées séparément pour chaque langue.

Paramètres

La section « Paramètres » permet de gérer les variables définies dans un modèle HTML. Les variables utilisées dans le modèle y sont listées, et le texte correspondant peut y être saisi.

Par exemple, si la variable {title} est définie dans le modèle HTML, le texte du titre correspondant peut être saisi dans le champ de paramètre. De même, des champs de paramètre distincts peuvent être créés pour des variables telles que {description} , {button_text} , etc.

L'objectif principal des paramètres est de garantir que seul le texte saisi dans ces champs soit traduit lors du processus de traduction. Cela empêche l'inclusion de l'intégralité du code HTML du modèle dans la traduction.

Cette structure est particulièrement importante dans les modèles contenant du code HTML complexe. Lorsque l'intégralité du code HTML est soumise à la traduction automatique, il arrive que les balises HTML, les noms de classes, les codes personnalisés ou la structure de conception soient altérés. En revanche, l'utilisation de paramètres permet de préserver la structure HTML et CSS ; seul le contenu textuel visible par l'utilisateur est traduit.

Par conséquent, pour les blocs de conception personnalisés, les champs à plusieurs colonnes, les tableaux de prix, les comparaisons de forfaits, les sections CTA avancées ou le contenu contenant du HTML complexe, il est recommandé d'utiliser la gestion des modèles.

Situation

Le statut détermine si le modèle peut être utilisé sur le site.

• Précision : même s’il est utilisé dans le contenu du modèle, il sera affiché sur le site.
• Désactivé : le modèle ne sera pas affiché sur le site même s’il est utilisé dans le contenu.

Si un modèle doit être temporairement désactivé, il peut être plus sûr de définir son statut sur « désactivé » plutôt que de le supprimer.

Comment utiliser les modèles dans le contenu ?

Les modèles créés dans la gestion des modèles peuvent être appelés à l'aide de codes courts dans les champs de contenu où du code HTML peut être saisi.

Par exemple, lorsque vous ajoutez le code court suivant à un éditeur de contenu compatible, le modèle correspondant s'affiche automatiquement dans ce champ :

 { { template:mock_template_name } }

Cette fonctionnalité vous permet d'ajouter rapidement un design précédemment créé à différentes pages.

Les modèles peuvent généralement être utilisés dans les zones où du contenu HTML peut être saisi. Par exemple, les codes courts de modèles sont à privilégier sur les pages d'information et de section, les pages de catégorie, les pages de contenu et les zones de contenu HTML personnalisées.

Sélection du modèle via l'éditeur

Dans l'éditeur CMS, les modèles disponibles s'affichent via une liste déroulante ou une zone de sélection. Choisissez le modèle souhaité pour ajouter le code court à l'éditeur.

Lorsqu'un modèle est sélectionné, son code court est ajouté à l'éditeur. Cependant, lors de l'affichage de la page sur le site, c'est le code HTML généré par le modèle qui s'affiche à la place de ce code court.

Comment utiliser l'aperçu du modèle ?

Vous pouvez vérifier à quoi ressemblera votre modèle en utilisant l'option d'aperçu sur l'écran d'édition du modèle.

La fenêtre d'aperçu vous permet de voir à quoi ressemblera le modèle sur le site. Vous pouvez ainsi vérifier la conception, le texte et la mise en page avant de publier le modèle.

La prévisualisation des modèles, en particulier ceux contenant du HTML et du CSS, est utile pour repérer les mises en page incorrectes ou les paramètres manquants.

L'avantage d'utiliser des paramètres dans les modèles

Les paramètres rendent les modèles plus flexibles et plus sûrs. Ils sont particulièrement utiles lorsque vous souhaitez gérer uniquement le titre, la description, le texte des boutons ou tout autre contenu modifiable, tout en conservant la même structure HTML.

Dans un modèle, les champs modifiables sont définis à l'aide d'accolades. Par exemple, des champs comme {title} , {description} ou {button_text} peuvent être utilisés comme paramètres.

L'un des principaux avantages des paramètres est que seul leur contenu est traduit lors de la traduction automatique. Ainsi, la structure HTML complète du modèle n'est pas incluse dans le processus de traduction.

Ceci est particulièrement important pour les conceptions contenant du code HTML complexe. Lorsque l'intégralité du code HTML est envoyée pour traduction, la structure des balises, les noms de classes, les codes personnalisés ou la mise en page peuvent être corrompus. En revanche, avec la gestion des modèles, la structure HTML est préservée et seul le texte saisi dans les champs de paramètres est traduit.

Il est donc recommandé d'utiliser la gestion des modèles pour les blocs de conception personnalisés, les structures HTML avancées, les champs à plusieurs colonnes, les tableaux de prix, les tableaux comparatifs ou les sections de contenu personnalisées réutilisables.

Par exemple, imaginons que vous créiez un champ CTA (appel à l'action). Si vous définissez des champs comme le titre, la description et le texte du bouton comme paramètres, vous pouvez les utiliser avec différents textes sans perturber la structure de la mise en page et vous assurer que seuls ces textes spécifiques sont traduits lors de la traduction.

Utilisation de modèles sur les sites web multilingues

Dans un CMS, les textes des paramètres utilisés dans les modèles peuvent être traduits en différentes langues. Cela permet d'utiliser la même structure de modèle avec un contenu linguistique différent sur des sites web multilingues.

Dans la gestion des modèles, la structure HTML et CSS reste inchangée ; la traduction s’effectue à partir du texte saisi dans les champs de paramètres. Cette structure permet d’éviter la corruption du code HTML complexe lors de la traduction.

Par conséquent, lors de la création de contenu avec du HTML personnalisé pour des sites web multilingues, il peut être plus avantageux de passer par la gestion des modèles plutôt que d'ajouter directement des codes HTML longs et complexes à l'éditeur de page.

Après avoir modifié le modèle, il peut être nécessaire de mettre à jour les listes concernées. Pour plus d'informations sur la mise à jour des listes et le choix de la langue de traduction, veuillez consulter le guide « Comment utiliser les listes pour effectuer une mise à jour ? » .

Quels éléments faut-il prendre en compte lors de la mise à jour du modèle ?

Lorsque vous mettez à jour un modèle, l'apparence des pages qui l'utilisent peut également être affectée. Il est donc important d'examiner les habitudes d'utilisation existantes avant d'apporter des modifications, en particulier aux modèles fréquemment utilisés.

• Vérifiez sur quelles pages le modèle est utilisé.
• Prévisualisez les modifications après avoir effectué des modifications HTML et CSS.
• Vérifiez qu'aucun texte manquant ou incorrect ne figure dans les champs de paramètres.
• Assurez-vous que le statut du modèle est activé.
• Mettez à jour les listes concernées si nécessaire.
• Si la mise en cache est activée, actualisez le cache de cette page.

Quels sont les éléments à prendre en compte lors de l'utilisation de modèles ?

La gestion des modèles est un outil puissant qui facilite la réutilisation des contenus. Cependant, il est essentiel que ces modèles soient organisés et faciles à comprendre.

• Choisissez dans le panneau un nom de modèle facile à comprendre.
• Rédigez le code court de manière simple et descriptive.
• Veillez à bien organiser votre code HTML et CSS.
• Définissez les noms des paramètres de manière compréhensible.
• Définissez le texte à traduire sous forme de paramètres chaque fois que cela est possible.
• Veillez à bien paramétrer l'utilisation des paramètres afin d'éviter la corruption du code HTML complexe lors de la traduction automatique.
• Évitez de créer inutilement plusieurs modèles pour un même objectif.
• Avant de supprimer les modèles inutilisés, vérifiez s'ils sont utilisés sur des pages actives.
• Vérifiez le modèle à l'aide d'un aperçu avant de le publier.

Quand faut-il utiliser la gestion des modèles ?

Si vous devez utiliser le même bloc de conception à plusieurs endroits, ou si des structures HTML personnalisées se répètent dans votre contenu, l'utilisation de la gestion des modèles est très utile.

Créer un modèle peut s'avérer judicieux dans les situations suivantes :

• Lorsque vous souhaitez utiliser le même champ CTA sur différentes pages
• Lorsque vous souhaitez gérer de manière centralisée les champs relatifs aux forfaits, aux prix ou à la comparaison.
• Lorsque vous ne souhaitez pas saisir à répétition des blocs HTML personnalisés
• Lorsque vous souhaitez utiliser le même design avec des textes différents dans un contenu multilingue
• Lorsque vous souhaitez éviter que du code HTML complexe ne soit corrompu lors de la traduction automatique.
• Lorsque vous souhaitez ajouter des blocs de conception prêts à l'emploi à l'éditeur

Résumé

La gestion des modèles est la section du CMS Webayt permettant de créer du contenu HTML et CSS réutilisable. Les modèles créés peuvent être utilisés dans les zones de contenu où le HTML peut être saisi via des shortcodes.

L'utilisation de paramètres dans les modèles permet de définir des champs modifiables, de garantir que seul le contenu de ces paramètres soit traduit lors de la traduction automatique et d'éviter la corruption des structures HTML complexes. Cette structure permet d'utiliser le même modèle de conception de manière plus sûre sur différentes pages et dans différentes langues.

Après avoir modifié le modèle, n'oubliez pas de mettre à jour les listes concernées dans la section « Listes à mettre à jour », si nécessaire.