Comment utiliser le module Segmented Slider ?

Le module Sectional Slider du CMS permet de créer des zones de diaporama avancées sur votre site web, incluant images, titres, descriptions et boutons. Ce module vous permet de créer non seulement des bannières visuelles, mais aussi des sections plus descriptives avec du texte et des zones de navigation.

Le module de diaporama segmenté est particulièrement utile pour les pages d'accueil, les présentations de services, les espaces promotionnels, les présentations de produits ou d'offres, ainsi que les sections de navigation attrayantes. Pour chaque élément du diaporama, vous pouvez gérer l'image, le titre, la description, le texte et le lien du bouton, les paramètres de couleur, la sélection du groupe, l'ordre et les informations d'état.

Quel est l'objectif du module de curseur segmenté ?

Le module de diaporama par sections vous permet de créer des sections de diaporama plus riches sur votre site web. Contrairement aux structures de diaporama standard, chaque élément peut inclure non seulement une image, mais aussi un titre, une description, des boutons et des paramètres de couleur.

Ainsi, au lieu de simplement présenter une image au visiteur, vous pouvez fournir un court message accompagnant l'image, un texte descriptif et un bouton qui le dirige vers la page correspondante.

Par exemple, le module de curseur segmenté peut être utilisé pour promouvoir un service, mettre en avant une campagne, annoncer une nouvelle fonctionnalité ou diriger un utilisateur vers une page spécifique.

Comment puis-je accéder à la page du module Segmented Slider ?

Pour accéder au module Segmented Slider, rendez-vous dans la section Modules du menu de gauche du panneau d'administration Webayt et accédez à la page du module Segmented Slider .

 Modules → Module de curseur segmenté

Cette page répertorie les éléments de diaporama précédemment ajoutés. Vous pouvez ajouter de nouveaux éléments, modifier les diaporamas existants ou les supprimer si nécessaire.

Écran de liste à curseur

Le module de curseur segmenté affiche les éléments ajoutés sous forme de tableau sur son écran principal. Ce tableau comprend l'image du curseur, son titre, les informations de groupe, sa valeur de séquence et son statut.

Les actions suivantes peuvent généralement être effectuées sur l'écran de liste :

• Affichage des éléments du curseur actuel
• Accédez à l'écran d'ajout du nouveau curseur.
• Modification des éléments du curseur
• Suppression des éléments du curseur
• Contrôle de l'état actif ou inactif des curseurs.

Cet écran vous permet de contrôler rapidement quels éléments sont inclus dans la zone de curseur segmentée et dans quel ordre ils sont affichés.

Comment ajouter un nouveau curseur multi-segments ?

Pour ajouter un nouvel élément de curseur segmenté, utilisez l'onglet « Insérer un curseur » . Sur cet écran, vous pouvez définir le texte, l'image, les informations des boutons, les paramètres de couleur, la sélection des groupes, l'ordre et le statut du curseur.

1. Connectez-vous au panneau d'administration Webayt.
2. Ouvrez la section Modules depuis le menu de gauche.
3. Accédez à la page du module de curseur sectionnel .
4. Cliquez sur l'onglet Ajouter un curseur .
5. Veuillez remplir les champs titre et description du diaporama.
6. Saisissez le texte du bouton et un lien si nécessaire.
7. Téléchargez ou sélectionnez une image pour votre diaporama.
8. Choisissez les couleurs de fond, du titre et de la description.
9. Choisissez un groupe si nécessaire.
10. Définissez la valeur de l'ordre du curseur.
11. Définissez son état sur activé ou désactivé.
12. Enregistrez l'élément de curseur en cliquant sur le bouton Ajouter .

Une fois le curseur ajouté, il devient disponible dans la zone du module concernée.

Comment utiliser le champ Titre ?

Le champ « Titre » sert à afficher le message principal mis en évidence sur le carrousel. Comme il s'agit d'un des premiers éléments de texte qui attirent l'attention du visiteur, il est recommandé de le rédiger de manière concise, claire et facile à comprendre.

Le champ « Titre » peut être utilisé pour mettre en avant le service, la campagne, la fonctionnalité ou le message de parrainage que vous souhaitez promouvoir.

Comment utiliser le champ Description ?

Le champ « Description » permet de saisir un texte plus détaillé qui complète le titre. Ce champ peut expliquer brièvement le but du diaporama, ses fonctionnalités pour l'utilisateur ou son importance.

Il est recommandé que le texte descriptif ne soit pas trop long. Les zones de diaporama étant généralement des sections qui doivent être lues rapidement, les textes courts et percutants donnent de meilleurs résultats.

Comment utiliser le texte et les liens des boutons ?

Le champ « Texte du bouton » détermine le texte qui s'affichera sur le curseur. Par exemple, des textes courts et explicites tels que « Voir les détails », « Demander un devis », « Commencer maintenant » ou « Nous contacter » sont à privilégier.

Le champ « Lien du bouton » indique la page vers laquelle l'utilisateur sera redirigé lorsqu'il cliquera sur le bouton. Cette page peut rediriger vers une page de service, une page d'offre, une page de contact ou tout autre contenu.

Si un bouton n'est pas utilisé, son texte ou son lien peuvent rester vides, selon la structure du thème. En revanche, si un bouton est utilisé, assurez-vous que son lien pointe vers la page appropriée.

Comment utiliser l'espace visuel ?

Dans le module de diaporama, une image peut être sélectionnée pour chaque élément du diaporama. L'image renforce l'impact visuel du diaporama et fournit un texte explicatif.

Lors du chargement d'images, il convient de prêter attention à la taille des fichiers et aux types de fichiers pris en charge. Il est préférable d'utiliser des images conformes aux règles spécifiées dans le panneau.

Pour des informations détaillées sur les procédures générales de téléchargement d'images, vous pouvez consulter le guide « Comment télécharger des images dans le panneau Webayt ? » .

Quel est le rôle de la couleur de fond ?

Le paramètre Couleur d'arrière-plan permet de déterminer la couleur d'arrière-plan de l'élément de curseur concerné. Cela vous permet de créer une ambiance visuelle différente pour chaque élément de curseur.

Lors du choix d'une couleur de fond, il convient de veiller à sa compatibilité avec les couleurs de l'image, du titre et du texte descriptif. Si des couleurs très foncées ou très claires sont utilisées, il est également important de vérifier la lisibilité du texte.

Comment utiliser la couleur du titre et la couleur du texte de description ?

La couleur du titre détermine la couleur d'affichage du titre du curseur. La couleur du texte de description gère la couleur du texte dans la zone de description.

Ces couleurs doivent correspondre à la couleur de fond du curseur. Pour une meilleure lisibilité, utilisez du texte clair sur fond foncé et du texte foncé sur fond clair.

Lors du choix des couleurs, il est important de prendre en compte à la fois la cohérence de la marque et l'expérience utilisateur.

Quel est l'objectif de la sélection de groupe ?

La sélection de groupe permet d'associer un élément de curseur à un groupe spécifique. Ce champ peut être utilisé pour séparer les éléments de curseur segmentés selon différents cas d'utilisation ou pour afficher les curseurs appartenant à un groupe spécifique dans le module correspondant.

Si vous souhaitez afficher uniquement les éléments du diaporama appartenant à un groupe spécifique sur une page, vous pouvez sélectionner ce groupe. Pour une utilisation générale, le groupe par défaut peut être choisi.

Pour plus d'informations sur les groupes, vous pouvez consulter le guide « Comment utiliser les groupes » .

À quoi sert la zone d'attente ?

Le champ « ordre » permet de déterminer l'ordre d'affichage des éléments du curseur.

Si le curseur comporte plusieurs éléments, leur ordre d'affichage peut influencer leur disposition sur le site. Les éléments ayant un ordre d'affichage plus faible peuvent apparaître en premier, selon la structure du thème.

Pour assurer un fonctionnement fluide du curseur, il est utile de planifier systématiquement les valeurs de la séquence.

À quoi sert le champ « Statut » ?

Le champ « Statut » détermine si l’élément de curseur sera affiché sur le site.

• Ouvrir : L'élément de diaporama est visible sur le site.
• Fermé : L’élément de curseur reste enregistré dans le panneau mais n’est pas affiché sur le site.

Au lieu de supprimer les éléments du curseur que vous souhaitez désactiver temporairement, vous pouvez les fermer. Vous pourrez ainsi les réactiver ultérieurement.

Comment mettre à jour un panneau coulissant sectionnel ?

Pour mettre à jour un élément de curseur segmenté existant, vous pouvez cliquer sur le bouton Modifier situé à côté de l'élément dans l'écran de liste.

Sur l'écran de mise à jour du diaporama, vous pouvez modifier le titre, la description, le texte et le lien du bouton, l'image, les couleurs, la sélection du groupe, l'ordre et l'état. Après avoir effectué vos modifications, cliquez sur le bouton « Mettre à jour » pour enregistrer le diaporama.

L'écran de mise à jour du curseur peut également inclure un champ « Listes à mettre à jour » . Ce champ permet de spécifier les listes de langues à mettre à jour dans les environnements multilingues.

Pour plus d'informations sur ce sujet, vous pouvez consulter le guide « Comment utiliser les listes de mise à jour ? » .

Suppression d'un curseur segmenté

Si un élément du curseur n'est plus nécessaire, il peut être supprimé à l'aide du bouton Supprimer sur l'écran de liste.

Lorsqu'un curseur est supprimé, l'élément correspondant est retiré de la liste segmentée des curseurs. S'il est susceptible d'être réutilisé ultérieurement, il est plus prudent de définir son statut sur « fermé » plutôt que de le supprimer.

Comment ajouter un module de diaporama sectionnel aux pages ?

La création d'éléments de curseur dans le module de curseur segmenté les rend disponibles dans le système. Cependant, pour que ces éléments s'affichent sur une page, il peut être nécessaire d'utiliser le module de curseur segmenté dans la zone de gestion des modules de cette page.

Pour obtenir des informations détaillées sur la manière d'ajouter des modules aux pages, vous pouvez consulter le guide « Comment ajouter des modules aux pages ? » .

Différence entre un curseur segmenté et un module de curseur

Le module Slider sert principalement à gérer les bannières visuelles. Le module Slider segmenté, quant à lui, offre des zones supplémentaires autour de l'image, telles qu'un titre, une description, des boutons et des paramètres de couleur.

Brièvement:

• Module Slider : Utilisé pour les structures de diaporama axées sur les bannières visuelles.
• Module de curseur sectionnel : utilisé pour les zones de curseur plus descriptives contenant des images, du texte, des boutons et des paramètres de couleur.

Quels sont les éléments à prendre en compte lors de l'utilisation d'un curseur segmenté ?

Les zones de diapositives sectionnelles sont un élément clé pour capter l'attention du visiteur. Par conséquent, les visuels, les textes et les couleurs doivent former un ensemble harmonieux.

• Trouvez un titre court et accrocheur.
• Ne rédigez pas un texte descriptif inutilement long.
• Créez des textes de boutons avec des phrases directionnelles claires.
• Vérifiez que le lien du bouton redirige bien vers la page appropriée.
• Assurez-vous que l'image est compatible avec le design du diaporama.
• Veillez à ce que les couleurs de fond et de texte soient lisibles.
• Déterminer les valeurs de commande de manière planifiée.
• Au lieu de supprimer les éléments inutilisés du curseur, envisagez de les désactiver.
• Si la sélection par groupe est utilisée, assurez-vous que le groupe correct est sélectionné.
• Après avoir effectué la mise à jour, vérifiez comment la page apparaît sur le site.

Résumé

Le module Segmented Slider est utilisé dans Webayt CMS pour créer des zones de curseur avancées contenant des images, des titres, des descriptions, des boutons et des paramètres de couleur.

Ce module vous permet de rendre les éléments du diaporama plus descriptifs et de diriger les visiteurs vers des pages spécifiques. Il est recommandé d'effectuer une vérification côté client après la mise à jour afin de s'assurer que les éléments du diaporama s'affichent dans le bon ordre, avec la bonne couleur, la bonne image et le bon lien.