Aller au contenu principal
Retour au sommaire

Les pages et les blocs

Une page ne se rédige pas d’un seul tenant : elle s’empile, bloc après bloc. Chaque bloc est une section autonome — un titre d’accroche, une grille de coachs, une FAQ, un formulaire — que vous ajoutez, remplissez et réordonnez par glisser-déposer. C’est ce qui permet de composer une page d’accueil sans écrire une ligne de code.

Le hero et le corps

L’onglet Hero règle la bannière du haut de page : texte enrichi, média, boutons. L’onglet Contenu porte l’empilement de blocs qui constitue le reste de la page. Une page peut parfaitement n’avoir qu’un hero, ou n’avoir aucun hero et n’être qu’une suite de blocs.

Le type de hero détermine son allure, du plus sobre au plus spectaculaire :

  • Pas de titre de page — la page démarre directement sur le premier bloc.
  • Affiche le titre de la page, ou sa variante centrée — le titre seul, sans média.
  • Faible impact — l’image de marque, puis le titre de la page.
  • Impact moyen — un média, sans titre de page.
  • Fort impact — un média en pleine largeur, sans titre de page.

Les blocs disponibles

Le sélecteur en propose dix-sept, sous le nom exact repris ci-dessous. Aucun n’est obligatoire, et le même bloc peut servir plusieurs fois dans une page.

Mise en avant

  • Bannière héros — la grande section d’ouverture : sur-titre, titre, sous-titre, une image ou une vidéo posée à gauche ou à droite, deux boutons et des pastilles de texte. C’est le bloc avec lequel commence une page d’accueil.
  • Encart explicatif — une image ou une vidéo, un titre et un paragraphe : de quoi présenter un point fort, un lieu, une méthode.
  • Appel à l’action — titre, sous-titre, média et boutons, pour pousser le visiteur vers une inscription ou une réservation.
  • Bannière — un bandeau de texte coloré selon le ton choisi : information, avertissement, erreur ou succès. Idéal pour une fermeture exceptionnelle ou une annonce ponctuelle.

Votre studio

Ces trois blocs se remplissent tout seuls à partir de vos données : rien à ressaisir, et la page reste à jour. Chacun accepte une introduction, un nombre maximum d’éléments et un bouton « voir tout ».

  • Grille d’activités — vos activités, dans l’ordre que vous choisissez.
  • Grille de coachs — vos coachs et leur fiche.
  • Grille de prochaines séances — les séances à venir, sur le nombre de jours que vous fixez. Les séances passées en sortent d’elles-mêmes.

Contenu libre

  • Contenu — du texte enrichi réparti en colonnes, chacune large d’un tiers, d’une moitié, de deux tiers ou de toute la page. Une colonne peut aussi porter une image plutôt que du texte.
  • Bloc média — une image seule, avec sa légende.
  • Bloc vidéo — une vidéo, sa vignette d’attente et sa légende, en largeur étroite, contenue ou pleine. La lecture automatique, la boucle, les contrôles et le son se règlent bloc par bloc.
  • Carrousel — des produits qui défilent, choisis un par un ou pris dans une catégorie.
  • Grille à trois éléments — trois produits mis en avant côte à côte.

Conversion

  • Plan tarifaire — vos formules côte à côte. Chaque formule pointe vers un produit et énumère ce qu’elle comprend ; le prix affiché est celui du produit, jamais une valeur ressaisie à la main.
  • Témoignages — les avis de vos clients, avec photo, sur une, deux ou trois colonnes.
  • FAQ — une liste de questions dépliables. Elle désamorce les hésitations avant l’achat, et elle est lue par les moteurs de recherche.
  • Bloc de formulaire — insère l’un de vos formulaires dans la page : contact, devis, inscription.

Archive

  • Archive — une liste de produits, soit choisis un par un, soit tirés d’une ou plusieurs catégories, avec un texte d’introduction et un nombre maximum d’articles.

Les images et vidéos des blocs viennent de la médiathèque.

Régler un bloc

La plupart des blocs de section — bannière de tête, grilles de coaches et d’activités, prochaines séances, FAQ, tarifs — partagent trois paramètres qu’il vaut la peine de connaître.

  • Le sur-titre — un petit libellé affiché au-dessus du titre, du genre « 1 · LES ACTIVITÉS ». Numéroter ainsi les sections aide le visiteur à suivre la page.
  • Le titre par segments — le titre se compose de plusieurs parties plutôt que d’une seule ligne. Chaque partie peut être mise en emphase (gras, couleur d’accent) ou passer à la ligne. Attention aux espaces : ils restent dans les parties voisines, sans quoi les mots se collent.
  • L’arrière-plan — par défaut, ou atténué (gris). Alterner les deux d’une section à l’autre, en descendant la page, détache visuellement les blocs les uns des autres.

Adresse et traduction

Le slug est le morceau d’adresse de la page : une page de slug « tarifs » se lit à l’adresse /tarifs. Le slug « home » est réservé à la page d’accueil. Une fois la page connue de vos visiteurs et des moteurs de recherche, évitez de le changer : les anciens liens ne mèneraient plus nulle part.

La mise en page est traduite langue par langue : le sélecteur de langue de l’administration bascule d’une version à l’autre, et chacune peut avoir ses propres blocs. Composer d’abord la version française, puis passer à l’anglaise, est la façon la plus simple de s’y prendre.

Prévisualiser et publier

Une page reste en brouillon tant qu’elle n’est pas publiée : vos visiteurs ne la voient pas, vous si. L’aperçu affiche la page telle qu’elle sera, mise en forme, sans avoir à publier. Chaque enregistrement crée une version : revenir à un état antérieur est toujours possible depuis l’historique des versions.

Une page publiée n’apparaît pas d’elle-même dans le menu : ajoutez-lui un lien depuis le menu supérieur ou le pied de page. L’onglet SEO, lui, est traité dans Être trouvé sur les moteurs de recherche.