Construire vos pages avec le Page Builder

Nouveau sur Videas ? Commencez par Premiers pas : tour de l’interface.

Le Page Builder est l’outil de composition visuelle de votre chaîne Videas. Là où l’onglet Identité définit votre couleur et votre logo, et l’onglet Apparence vos templates de cartes et votre style de navigation (voir Personnaliser l’apparence de votre chaîne), le Page Builder construit le contenu effectif de chaque page : section héro, carrousels de vidéos, blocs de catégories, FAQ, témoignages… 17 types de blocs répartis en 4 familles, agencés par glisser-déposer, configurés au clic, sans une ligne de code.

Prérequis

• Une chaîne déjà créée (voir Créer votre chaîne vidéo sur Videas)
• Le rôle Owner ou Admin sur la chaîne
• Idéalement, votre identité visuelle déjà configurée (logo, couleur, thème)

Ce que vous allez apprendre

• Accéder au Page Builder depuis l’éditeur de chaîne
• Comprendre le modèle de pages (accueil, pages personnalisées, pages système)
• Ajouter un bloc et choisir sa variante
• Configurer les champs communs et spécifiques d’un bloc
• Réorganiser, masquer, dupliquer, supprimer des blocs
• Enregistrer et publier vos changements
• Le catalogue complet des 17 blocs disponibles

Étape 1 : Accéder au Page Builder

Le Page Builder est intégré à l’éditeur de chaîne.

1. Ouvrez votre chaîne pour entrer dans l’éditeur
2. Dans la barre d’outils en haut, vous voyez le sélecteur de page (par défaut : la page d’accueil)
3. À gauche, le panneau présente deux onglets :
4. Blocs — la liste des blocs de la page en cours, avec le bouton Ajouter un bloc
5. Édition — l’inspecteur du bloc sélectionné

Au centre, la prévisualisation en direct affiche votre page exactement comme la verront vos visiteurs. Tout changement (ajout, configuration, déplacement) s’y répercute immédiatement.

Étape 2 : Comprendre le modèle de pages

Une chaîne Videas peut contenir plusieurs pages. Vous les gérez depuis la vue Pages (accessible depuis le menu de votre chaîne).

Pages personnalisées

• Page d’accueil — une seule par chaîne, c’est la page sur laquelle arrivent les visiteurs
• Pages personnalisées — autant que vous voulez (À propos, Tarifs, Contact, landing thématiques…), accessibles via une URL /<slug> que vous choisissez

Chaque page personnalisée a un statut :

• Publiée — visible sur le site public
• Brouillon — visible uniquement dans l’éditeur, le temps de travailler dessus

Pages système (templates)

Trois pages spéciales contrôlent l’apparence des gabarits générés automatiquement par Videas :

Bon à savoir : ces 3 pages se règlent différemment des pages personnalisées — leur structure est figée par le template choisi (voir l’onglet Apparence des Paramètres du site). Le Page Builder se concentre sur les pages personnalisées et la page d’accueil.

Créer une nouvelle page

Depuis la vue Pages, cliquez sur Créer une page : saisissez un titre et un slug d’URL (par exemple tarifs pour votre-chaine.videas.fr/tarifs), validez. La page nouvellement créée s’ouvre dans l’éditeur, vide, prête à recevoir des blocs.

Étape 3 : Ajouter un bloc

Depuis l’onglet Blocs :

1. Cliquez sur Ajouter un bloc
2. Un panneau de sélection s’ouvre avec les 17 types de blocs organisés en 4 catégories :
3. VOD — blocs orientés contenu vidéo (Hero, Items, Categories, Search)
4. Mise en page — blocs structurels (Banner)
5. Contenu — blocs éditoriaux (Content Block, Blog, Logo Cloud, Features)
6. Interactif — blocs d’engagement (FAQ, Testimonials, Team, Pricing, Custom HTML)
7. Survolez un type pour voir ses variantes s’afficher (par exemple le bloc Hero propose 9 variantes : centré, médias centrés, split gauche/droit, overlay, slider d’éléments, vidéo en avant…)
8. Cliquez sur la variante voulue : le bloc est ajouté à la fin de la page et l’éditeur bascule automatiquement sur l’onglet Édition avec ce nouveau bloc sélectionné

Étape 4 : Configurer un bloc

L’onglet Édition présente les champs propres au bloc sélectionné. Selon la variante choisie, vous trouverez tout ou partie des champs suivants.

Champs communs

• Variante — vous pouvez à tout moment basculer vers une autre variante du même type, sans perdre vos données
• Titre / Sous-titre — l’en-tête éditorial du bloc
• Texte enrichi — pour les blocs de contenu, un éditeur WYSIWYG
• Bouton (CTA) — libellé + URL pour l’appel à l’action principal
• Image / vidéo de fond — visuel d’arrière-plan, avec couleur de fond alternative
• Hauteur — préréglage Petite / Moyenne / Grande / Plein écran selon le bloc

Champs spécifiques aux blocs vidéo

• Source des contenus — sélection de la collection, catégorie, ou requête à afficher
• Nombre d’éléments (max_items) — limite le nombre de vignettes
• Colonnes — pour les variantes en grille
• Affichage — toggles d’affichage (durée, vues, description, date de publication, auteur…)

Astuce : quand un bloc est lié à une collection intelligente (filtre dynamique), son contenu se met à jour automatiquement à mesure que de nouvelles vidéos correspondent au filtre — pas besoin de toucher au bloc. Voir Créer des collections intelligentes.

Étape 5 : Réorganiser, masquer, dupliquer, supprimer

Sur chaque ligne de bloc dans l’onglet Blocs, vous disposez de plusieurs actions.

Réorganiser

• Drag & drop : saisissez la poignée à gauche du bloc et glissez-le à la position voulue. La numérotation se met à jour automatiquement
• Monter / Descendre : pour un déplacement d’un cran, utilisez les boutons dédiés dans le menu d’action

Masquer / Afficher

Le toggle Masquer rend le bloc invisible sur le site public sans le supprimer. Pratique pour :

• Préparer une section qui sera publiée plus tard
• Faire du A/B testing temporel (masquer une variante, en afficher une autre)
• Désactiver un bloc saisonnier sans perdre son contenu (Black Friday, lancement…)

Dupliquer

Crée une copie exacte du bloc juste en dessous, avec toute sa configuration. Idéal pour décliner une même structure (deux carrousels avec sources différentes, deux blocs de contenu sur la même mise en page…).

Supprimer

Une confirmation est demandée (« Êtes-vous sûr de vouloir supprimer ce bloc ? »). La suppression est immédiate dans l’éditeur mais ne devient effective sur le site public qu’après enregistrement.

Étape 6 : Enregistrer et publier

Le Page Builder ne dispose pas d’autosave : il faut enregistrer manuellement pour propager vos changements.

• Tant que vous avez des modifications non enregistrées, le bouton Enregistrer est actif (en surbrillance)
• Une fois cliqué, le bouton passe brièvement à Enregistré (vert) puis revient à l’état désactivé
• Si la page était en Brouillon, l’enregistrement la passe automatiquement en Publiée

À retenir : la prévisualisation en direct est purement locale tant que vous n’avez pas enregistré. Si vous fermez l’onglet du navigateur sans enregistrer, vos modifications sont perdues. Prenez l’habitude d’enregistrer après chaque session de travail significative.

Le catalogue des 17 blocs

Catégorie VOD (4 types)

Catégorie Mise en page (1 type)

Catégorie Contenu (4 types)

Catégorie Interactif (5 types)

Bonnes pratiques

Composer une page d’accueil efficace

Une recette éprouvée pour la page d’accueil d’une chaîne vidéo :

1. Hero — accroche immédiate avec une vidéo featured ou un visuel fort + CTA
2. Items (carrousel) — vos derniers contenus ou une sélection éditoriale
3. Categories — vos thématiques principales en grille
4. Items (mise en avant) — un contenu phare ou une série
5. Content Block — un message éditorial (qui vous êtes, votre proposition de valeur)
6. FAQ ou Testimonials — rassurance pour les visiteurs hésitants
7. CTA final — Hero compact ou Banner avec inscription / abonnement

Garder les pages courtes

Trop de blocs tuent l’engagement. Sur une page d’accueil, 5 à 8 blocs suffisent pour la majorité des chaînes. Si vous avez beaucoup de contenus à exposer, créez plutôt plusieurs pages thématiques plutôt que d’empiler 15 carrousels sur l’accueil.

Aligner avec votre identité

La couleur principale et le thème (clair / sombre) définis dans l’onglet Identité s’appliquent automatiquement aux boutons CTA, accents et arrière-plans alternatifs des blocs. Si vous voulez une cohérence visuelle parfaite, fixez d’abord votre identité, puis composez vos pages.

Tester sur mobile

Toutes les variantes sont responsive, mais leur rendu varie. Avant de publier :

• Ouvrez la prévisualisation en mobile (raccourci navigateur)
• Vérifiez la lisibilité des Hero (texte sur image)
• Vérifiez les grilles (passent-elles en 1 ou 2 colonnes ?)
• Testez les CTA (taille des boutons, scroll)

Sauvegarder tôt et souvent

Le Page Builder n’a pas d’autosave. Prenez le réflexe d’enregistrer après chaque ajout de bloc ou changement majeur, surtout sur les pages où vous travaillez longtemps.

Limites à connaître

• Pas d’autosave : sauvegarde manuelle obligatoire
• Pas d’undo / redo dans l’éditeur de blocs (un bloc supprimé ne se restaure pas — pensez à dupliquer avant d’expérimenter)
• Pages système (Catégories, Catégorie, Contenus) : leur structure est gérée par le template choisi dans l’onglet Apparence, pas par le Page Builder
• Custom HTML : utilisez ce bloc avec parcimonie — un script tiers mal conçu peut casser la mise en page ou ralentir la chaîne
• Pas de versioning : pas d’historique de modifications par bloc ; pour les pages critiques, dupliquez la page avant un gros remaniement

En résumé

• Le Page Builder se trouve dans l’éditeur de chaîne ; le sélecteur de page en haut permet de naviguer entre la page d’accueil, les pages personnalisées et les pages système
• 17 blocs organisés en 4 catégories : VOD (Hero, Items, Categories, Search), Mise en page (Banner), Contenu (Content Block, Blog, Logo Cloud, Features), Interactif (FAQ, Testimonials, Team, Pricing, Custom HTML)
• L’ajout se fait via Ajouter un bloc → choix de la variante ; la configuration via l’onglet Édition (titre, sous-titre, CTA, source, hauteur, colonnes, toggles d’affichage)
• Les blocs se réorganisent par drag & drop (ou Monter/Descendre), se masquent, se dupliquent, se suppriment
• Pas d’autosave — bouton Enregistrer explicite ; statut Publiée vs Brouillon
• Composez vos pages après avoir fixé l’identité visuelle, gardez-les courtes (5-8 blocs), testez sur mobile, sauvegardez régulièrement

Articles liés

• Créer votre chaîne vidéo sur Videas
• Personnaliser l’apparence de votre chaîne vidéo
• Catégories et menus de votre chaîne
• Créer un blog sur votre chaîne
• Créer des collections intelligentes