Les Composants sont tous les éléments qui s'affichent sur votre page d’accueil. Comment les mettre en place et les gérer ? On vous explique tout ci-dessous.

OKAST propose un module pour organiser et personnaliser la page d’accueil de votre plateforme : l’éditeur des Composants. Accessible avec le menu > PLATEFORME > Disposition > Accueil.

TABLE DES MATIÈRES

• L’organisation de la page d’accueil par type d’appareil
• La gestion de la page d’accueil
• La création des Composants
  • 1. Composant Mosaïque
  • 2. Composant Carrousel
  • 3. Composant Widget
  • 4. Composant Mise en avant

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 iOS, Application Android.

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 ?

Les carrousels et les mosaïques vont pouvoir se rattacher à différentes sources de données :
- Une Smartlist Standard ou Automatique
- La Smartlist Personalisée Ma liste (liée aux utilisateurs)
- La Smartlist dynamique Reprendre la lecture (liée aux utilisateurs)
- La Smartlist dynamique Recommandation de contenue (liée aux utilisateurs)
- La Smartlist dynamique Achat (liée aux utilisateurs)
- La Smartlist dynamique En cours (liée à des chaînes)

1. Composant de type Mosaïque

Le composant de type mosaïqueest le plus simple à mettre en place.

a. Type de Composant

• Choisissez un nom à votre composant qui sera visible uniquement depuis le back office. Exemple > Mosaic animals.
  
  
• Activez ou désactivez le composant sur le storefront (sur votre site).
  
  
• Choisissez le format d’images souhaitées quant à votre composant.
  Vous avez 4 formats différents (pour un rappel les dimensions exactes, consultez notre article dédié.) :
  - 16/6 format « bannière »
  - 16/9 format vignette
  - 3/4 format « poster »
  - 1/1 format « carré » (en version mobile, le nombre d'éléments visibles doit être de 1 ou 4 et plus pour des raisons de ration d'écrans téléphonique)
  
  
• 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)
  • Choisir l'ordre d'affichage des éléments de votre Smartlist
    - Aléatoire au premier chargement 
    - Aléatoire à chaque rafraichissement
    - Alphabétique
    - Du plus récent au plus ancien 
    - Du plus ancien au plus récent
    

b. Source de données

Vous devez ensuite choisir une source de données sur laquelle va être basé votre composant. Celui-ci peut être basé sur :
- Smartlist Standard ou Automatique à choisir dans un menu déroulant.
- Smartlist dynamique : Ma liste consulter notre article dédié.
- Smartlist dynamique Reprendre la lecture consulter notre article dédié.
- Smartlist dynamique de Recommandation de contenu
- Smartlist dynamique Achat de vos utilisateurs
- La Smartlist dynamique En cours consulter notre article dédié.

c. Conditions d’affichage

Vous pouvez activer ou non les conditions d’affichage de chaque Composant que vous mettez en place. Elles 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

2. Composant de type Carrousel

Le composant de type Carouselest le plus utilisé dans les plateformes de vidéo à la demande.

Chaque composant de type carrousel va pouvoir être personnalisable selon différents paramètres.

a. Type de Composant

• Choisissez un nom à votre composant qui sera visible uniquement depuis le back office > Documentaires
  
  
• Activez ou désactivez le composant sur le storefront (votre site).
  
  
• Choisissez le format d’images souhaitées quant à votre composant.
  Vous avez 4 formats différents (pour un rappel les dimensions exactes, consultez notre article dédié.) :
  - 16/6 format « bannière »
  - 16/9 format vignette
  - 3/4 format « poster »
  - 1/1 format « carré » (en version mobile, le nombre d'éléments visibles doit être de 1 ou 4 et plus pour des raisons de ration d'écrans téléphonique)
  
  
• 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
  • 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 composant 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
  • Choir le nombre d’éléments visibles et affichés sur la page d’accueil (entre 1 et 10)
  • Choisir l'ordre d'affichage des éléments de votre Smartlist
• 

b. Source de données

Vous devez ensuite choisir une source de données sur laquelle va être basé votre composant. Celui-ci peut être basé sur :
- Smartlist Standard ou Automatique à choisir dans un menu déroulant.
- Smartlist dynamique : Ma liste consulter notre article dédié.
- Smartlist dynamique Reprendre la lecture consulter notre article dédié.
- Smartlist dynamique de Recommandation de contenu
- Smartlist dynamique Achat de vos utilisateurs
- La Smartlist dynamique En cours consulter notre article dédié.

c. Conditions d’affichage

Vous pouvez activer ou non les conditions d’affichage de chaque Composant que vous mettez en place. Elles 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

3. Composant de type Widget

Pour la mise en place d’un composant de type widgetconsultez notre article dédié sur la mise en place des widgets. Ce sont des outils interactifs qui affichent des informations, divertissements, articles, liens, publicité, jeux, etc.