OKAST propose un outil simple pour organiser et personnaliser la disposition de la page d’accueil de votre plateforme : l’éditeur des smart composants.
Les smarts composants sont les éléments qui vont apparaître sur votre page d’accueil. Comment les mettre en place et les gérer ? On vous explique tout ci-dessous.
Sur votre back office, rendez vous dans Plateforme > Disposition > Accueil : à partir de là vous pouvez gérer la mise en place de la page d’accueil de votre plateforme.
L’organisation de la page d’accueil par type d’appareil
Vous pouvez organiser cette page d’accueil selon les types d’appareils sur lesquels votre plateforme a été déployée : Web, Application Android, Application iOS.
Si vous souhaitez gérer la disposition selon les différents appareils de la même façon ne laissez que l’onglet web.
Si vous souhaitez désormais gérer la disposition selon les différents types d’appareils de façon indépendante, vous pouvez choisir de dupliquer la mise en forme de la page d’accueil d’un autre appareil :
Si vous souhaitez gérer la disposition selon les différents appareils de façon indépendante, vous pouvez ajouter un appareil et ne pas cocher la case « Dupliquer une page existante ?/Duplicate an existing page?
Désormais, avec cette organisation par type d’appareil, quand vous créez un smart composant dans un appareils, cela va donc se faire indépendamment des autres. Vous pouvez donc avoir une stratégie de contenus qui soit propre à chaque type d’appareil sur lesquels votre plateforme a été déployée.
La gestion de la page d’accueil
Une fois que vos différents types d’appareils sont mis en place, vous pouvez gérer à partir d’ici l’organisation de la page d’accueil de votre plateforme.
Vous avez la liste des smart composants de votre page d’accueil avec différentes informations utiles.
- Le nom du composant, qui sera visible uniquement côté back office.
- La Smartlist auquel est rattaché ce composant. Si aucune Smartlist est indiqué, c’est que le composant est rattaché à une liste dynamique.
- L’état du composant et/ou de la Smartlist : une icône verte signifie que que le composant et/ou la Smartlist est actif sur la page d’accueil, le rouge signifie que que le composant et/ou la Smartlist est inactif, donc non visible sur la plateforme.
- Le format d’image que le composant affiche (ex : 16:6, 3:4, etc.)
- Le type d’affichage du composant : carrousel ou mosaïque (plus de détails sur le type d’affichage ci-après).
- Une possible icône indiquant que le composant est rattaché à une liste dynamique :
Ma liste 
, Reprendre la lecture 
, Recommandation de contenus 
L’ordre d’affichage des composants détermine l’ordre d’affichage sur votre page d’accueil. Si vous souhaitez modifier l’affichage de tel ou tel composant, vous pouvez effectuer un simple glisser-déposer, un drag & drop, afin de réorganiser votre page d’accueil.
La création des smart composants
Les smart composants apparaissent sous la forme d’un carrousel, d’une mosaïque ou d’un widget.
- Les carrousels s’affichent sur une seule ligne et défilent horizontalement.
- Les mosaïques affichent les contenus les uns après les autres er ce, sur autant de lignes que nécessaire.
- Les widgets.
Les carrousels et les mosaïques vont pouvoir se rattacher à différentes sources de données : une autre Smartlist, le composant « ma liste », le composant « reprendre la lecture », l’algorithme de recommandation de contenus.
Composant de type carrousel
Chaque composant de type carrousel va pouvoir être personnalisable selon différents paramètres :
Type de smart composant
- Choisissez un nom à votre composant qui sera visible uniquement depuis le back office
- Activez ou désactivez le composant sur le storefront
- Choisissez le format d’images souhaités quant à votre composant. Vous avez 4 formats différents : 16/6 format « bannière », 16/9 format vignette, 3/4 format « poster », ou 1/1 format « carré ». Pour un rappel les dimensions exacte, consultez notre article dédié.
- Paramètres d’affichage :
- Afficher le titre de la Smartlist au-dessus du composant
- Afficher les titres des éléments en-dessous de chacun de ces éléments
- Afficher le dialogue (pour plus d’informations, consultez notre article sur l’option dialogue)
- Activer le carrousel circulaire où le composant et ses éléments défilent indéfiniment
- Activer le défilement automatique où les éléments du composants défilent automatiquement quand on parcourt la page d’accueil
- Afficher les flèches de navigation (à l’intérieur ou extérieur de l’image) et choisir d’afficher les flèches uniquement au survol
- Nombre d’éléments visibles et affiché sur la page d’accueil
Source de données
Vous devez ensuite choisir une source de données sur laquelle va être basée votre composant. Celui-ci peut être basé sur une Smartlist (que vous choisissez dans un menu déroulant) ou les listes dynamiques Ma liste, Reprendre la lecture ou Recommandation de contenu. Pour plus d’informations sur les listes dynamiques Ma liste et Reprendre la lecture, n’hésitez pas à consulter notre article dédié.
Conditions d’affichage
Vous pouvez activer ou non les conditions d’affichage de chaque composant que vous mettez en place.
Ces conditions d’affichage sont liées à la connexion à la plateforme et à l’abonnement à une offre sur la plateforme :
- L’utilisateur est/n’est pas connecté
- L’utilisateur a/n’a pas un abonnement actif
Il est possible, dans la limite du possible, de lier deux conditions, comme par exemple : L’utilisateur est connecté ET L’utilisateur n’a pas un abonnement actif
Composant de type mosaïque
Vous avez également la possibilité de choisir un composant de type mosaïque, qui est plus simple à mettre en place avec seulement 4 paramètres :
Type de smart composant
- Choisissez un nom à votre composant qui sera visible uniquement depuis le back office
- Activez ou désactivez le composant sur le storefront
- Choisissez le format d’images souhaités quant à votre composant. Vous avez 4 formats différents : 16/6 format « bannière », 16/9 format vignette, 3/4 format « poster », ou 1/1 format « carré ».
- Paramètres d’affichage :
- Afficher le titre de la Smartlist au-dessus du composant
- Afficher les titres des éléments en-dessous de chacun de ces éléments
- Afficher le dialogue
Source de données
Vous devez ensuite choisir une source de données sur laquelle va être basée votre composant. Celui-ci peut être basé sur une Smartlist (que vous choisissez dans un menu déroulant) ou les listes dynamiques Ma liste, Reprendre la lecture ou Recommandation de contenu. Pour plus d’informations sur les listes dynamiques Ma liste et Reprendre la lecture, n’hésitez pas à consulter notre article dédié.
Conditions d’affichage
Vous pouvez activer ou non les conditions d’affichage de chaque smart composant que vous mettez en place.
Composant de type widget
Pour la mise en place d’un composant de type widget, consultez notre article dédié sur la mise en place des widgets.