Personyze Wiki Personyze Wiki docs
Français
Open Personyze
Docs/ Modèle Recommandations de contenu : slider, rangée ou liste

Modèle Recommandations de contenu : slider, rangée ou liste

Afficher des articles recommandés sous forme de cartes : quatre dispositions, champs du catalogue, badges, preuve sociale et réglages du slider.

5 min read Updated 36 minutes ago

Content Recommendations — Slider, Row or List affiche des articles recommandés sous forme de cartes. Choisissez l’une des quatre dispositions : un rail horizontal que le visiteur fait défiler avec des flèches, une rangée de cartes simple qui passe à la ligne, une liste empilée, ou un bandeau compact. Chaque carte peut porter une image, une catégorie, un titre, un auteur, une date, un extrait, une note, des compteurs de lecture en direct et un lien « Lire la suite ». Le modèle lit votre catalogue de contenus : une fois vos colonnes associées, chaque carte se remplit d’elle-même.

Quand l’utiliser

  • Lectures associées à la fin d’un article, pour prolonger la visite.
  • Sélection de la rédaction ou tendances sur une page d’accueil ou de rubrique.
  • Lecture personnalisée pour un visiteur qui revient, selon ce qu’il a déjà lu.

L’ajouter à une action

Créez une action, ouvrez le sélecteur de modèles et choisissez Content Recommendations — Slider, Row or List. Parcourez la barre latérale dans l’ordre : choisissez un Layout, associez vos Catalog Fields, puis stylisez. Les réglages qui ne s’appliquent pas à vos choix se masquent d’eux-mêmes — la section Slider disparaît entièrement si vous choisissez une autre disposition, par exemple.

Réglages

Disposition et taille

  • Layoutslider est un rail horizontal avec des flèches (par défaut). horizontal est une rangée de cartes simple qui passe à la ligne. vertical est une liste empilée. compact est un mini-bandeau avec de petites vignettes.
  • Maximum Width — limite la largeur du widget et le centre. Utilisez 100 % pour remplir le conteneur, ou une valeur fixe comme 1200px.
  • Text Direction — de gauche à droite, ou de droite à gauche pour l’arabe, l’hébreu et les langues similaires. Inverse les cartes, le rail et les flèches.

Slider

Affiché uniquement quand la disposition slider est sélectionnée.

  • Items Visible — combien de cartes tiennent en largeur sur ordinateur, tablette et mobile. Les décimales fonctionnent : 4,5 affiche la moitié de la carte suivante comme indice de balayage, ce qui signale au visiteur qu’il y a plus à faire défiler.
  • Arrow Positioninside place les flèches sur le bord des cartes ; outside leur réserve de la place à côté. Dans les deux cas, les flèches restent dans le widget : la page autour ne peut donc pas les rogner.
  • Image Height, Space Between Cards, Minimum Card Width — la forme de chaque carte et l’espace entre elles.

Le slider fait défiler tous les articles qu’il reçoit : la limite Max Items et le lien Show More ne s’y appliquent donc pas.

Champs du catalogue

Associez-les une fois par site : titre de l’article, URL, image, auteur, description, catégorie et valeur de note. Si un titre, une image ou une signature semble faux ou vide, c’est le premier endroit à vérifier — un champ non associé ne produit rien.

Style

  • Colour Preset — light, gold, bold ou ocean. Recolore ensemble les cartes, les badges, les liens et les accents. Gold est un thème sombre et donne au widget une surface sombre.
  • Text Font — system, serif, rounded ou condensed.
  • Loading Skeleton et Smooth Reveal — un espace réservé scintillant pendant le chargement des recommandations, et une courte pause avant l’apparition en fondu, pour que le widget ne saute pas pendant que la page se stabilise.

Cartes d’article

  • Card Info Orderstandard affiche la catégorie, puis le titre, puis l’auteur et la date. title-first commence par le titre. meta-top place l’auteur et la date au-dessus du titre.
  • Chaque partie — catégorie, titre, auteur et date, description, note, « Lire la suite » — a son propre interrupteur, et son réglage de style n’apparaît que lorsque cette partie est activée.

Nombre, badges et preuve sociale

  • How Many — limite par nombre d’éléments ou par nombre de rangées, avec un lien Show More facultatif. Non utilisé par le slider.
  • New Badge — une fenêtre glissante en jours. Réglez-la sur 7 et elle signifie toujours les sept derniers jours ; elle ne devient jamais une date fixe.
  • Popular Badge — signale les articles dans les N % les plus lus, sur aujourd’hui ou la semaine écoulée.
  • Social Proof Text — un compteur de lecture en direct sous chaque article, avec un minimum pour qu’un petit chiffre ne dessert jamais l’article.

Quand il n’y a rien à afficher

Si le catalogue ne renvoie aucun article pour un visiteur, le widget affiche un court message au lieu d’un cadre vide. Désactivez le message pour ne rien afficher du tout. Dans l’éditeur, vous voyez ici des articles d’exemple, pour pouvoir continuer à concevoir sur une disposition complète.

Conseils

  • Adaptez Items Visible à l’emplacement du widget. Quatre en largeur conviennent à une page pleine largeur ; dans une barre latérale ou une colonne étroite, utilisez deux, ou un avec une décimale comme 1,2 pour que la carte suivante dépasse.
  • Les badges et les compteurs de lecture viennent des statistiques du site Personyze. Ils peuvent paraître vides dans l’éditeur et se remplir sur le site en ligne à mesure que le trafic s’accumule.
  • Utilisez le badge New glissant plutôt qu’une date. Il continue de fonctionner sans que personne n’ait à modifier l’action plus tard.
  • Vérifiez la page en ligne, pas seulement l’aperçu. L’aperçu utilise des données de démonstration : une colonne du catalogue non associée peut y sembler correcte et s’afficher vide en production.

Consultez la documentation sur le catalogue de contenus et les flux pour savoir comment les articles arrivent dans Personyze, et les réglages Lieu et fréquence d’affichage de votre action pour savoir où et à quelle fréquence le widget apparaît.

Did this page answer your question?
Thank you — that goes to whoever maintains this page.