Les types de blocs

À la création d'un bloc, vous choisissez son type. Le formulaire n'affiche alors que les champs utiles pour ce type.

Contenu libre

Le type le plus souple : vous rédigez le contenu dans l'éditeur de texte habituel (texte, titres, images, tableaux, boutons…), exactement comme le contenu d'une page.

Exemples : un encadré « Bon à savoir », les horaires d'ouverture, un bandeau promotionnel.

Un bloc de contenu libre peut lui-même contenir d'autres blocs ou modules : un encadré qui intègre un bouton, par exemple.

Le champ Titre n'est pas utilisé pour ce type de bloc.

Image et texte

Une image choisie dans la médiathèque, présentée à côté d'un texte. Vous choisissez si l'image s'affiche à gauche ou à droite. Sur mobile, l'image et le texte s'empilent automatiquement.

Exemples : la présentation d'un service, un témoignage client avec photo, une mise en avant de produit.

Liste de pages ou liens

Une sélection de liens présentée sous forme de liste, avec un titre facultatif affiché au-dessus. Chaque élément de la liste est :

• soit une page de votre site, dont le nom et l'adresse restent toujours à jour, même si vous renommez la page ;
• soit un lien externe, pour lequel vous saisissez le libellé et l'adresse.

Vous pouvez réordonner les éléments par glisser-déposer. Quand la liste ne contient qu'un seul lien, celui-ci est mis en valeur comme un bouton d'appel à l'action.

Exemples : « Pour aller plus loin » en fin d'article, une liste de pages utiles, des liens vers des partenaires.

INFO

Les éléments de la liste s'ajoutent une fois le bloc enregistré. Chaque ajout, modification ou suppression d'élément est pris en compte immédiatement.

Lien

Un lien unique vers :

• une page du site ;
• un article ou une catégorie d'articles ;
• une question de FAQ ou une catégorie de FAQ ;
• une adresse externe.

Vous définissez le texte du lien, son style visuel (lien simple, bouton plein ou bouton contour) et s'il doit s'ouvrir dans un nouvel onglet.

Ce type est idéal pour un bouton répété sur plusieurs pages : si la page de destination change d'adresse, tous les liens suivent automatiquement.

Lien vers un contenu retiré

Si le contenu visé est supprimé ou dépublié, le lien disparaît du site pour ne pas envoyer vos visiteurs vers une page introuvable. Les administrateurs connectés voient à la place un badge « lien cassé » qui signale le bloc à corriger.

Réponse de formulaire (écran)

Le message qui s'affiche à la place d'un formulaire de contact une fois celui-ci envoyé : remerciement, lien de téléchargement, instructions, rendez-vous à prendre… Vous le rédigez dans l'éditeur de texte habituel.

Le bloc est rattaché à un formulaire lors de la configuration du site, par son nom.

Ne pas renommer ni désactiver le bloc

Le bloc est retrouvé par son nom exact. S'il est renommé ou désactivé, un message d'erreur s'affiche au visiteur à la place de votre texte.

Email de réponse de formulaire

Le texte de l'email envoyé automatiquement au visiteur après l'envoi d'un formulaire de contact :

• le Titre devient l'objet de l'email (texte brut) ;
• le Contenu devient le corps de l'email.

Sur un site multilingue, rédigez le titre et le contenu dans chaque langue. Le fonctionnement complet est décrit dans la réponse automatique au visiteur.

Ne pas renommer ni désactiver le bloc

Le bloc est retrouvé par son nom. S'il est renommé ou désactivé, la réponse automatique n'est plus envoyée.

Hero

Le grand visuel d'ouverture d'une page : une vidéo ou une image plein écran, avec un titre et un sous-titre par-dessus.

Exemples : le visuel d'accueil du site, l'ouverture d'une page de présentation.

Contrairement aux autres types, le hero ne s'insère pas dans le contenu : vous l'associez à une page dans ses paramètres, champ Hero. Il s'affiche alors tout en haut de la page. Le même bloc peut servir sur plusieurs pages.

Vidéo et image

• La vidéo est choisie dans la médiathèque. Elle se lance seule, sans son, en boucle.
• L'image est choisie dans la médiathèque. Seule, elle fait office de visuel. Avec une vidéo, elle sert d'image de remplacement.

Toujours choisir une image

Sur une connexion lente, en mode économie de données ou quand le visiteur a demandé de réduire les animations, la vidéo n'est pas lancée : l'image s'affiche à sa place. Sans image, le fond reste noir.

Titre et sous-titre

Le titre et le sous-titre sont des phrases courtes en texte simple. Les balises <br> (retour à la ligne), <strong> (gras) et <em> (italique) sont acceptées, pas les autres.

Pour chacun, vous réglez sa taille (de XXL à XS). Le titre se place avec :

• un alignement horizontal : gauche, milieu ou droite ;
• une position verticale : haut, milieu ou bas.

Le sous-titre suit le positionnement du titre.

Header transparent

Dans les paramètres de la page, la case Header transparent superpose le menu au hero : la vidéo ou l'image démarre tout en haut de l'écran, et le menu prend son fond habituel dès que le visiteur fait défiler la page.

Insérer le hero dans le contenu

Comme tout bloc, le hero peut aussi s'insérer dans le contenu d'une page avec {bloc@nom-du-bloc}. Le header transparent n'est alors pas disponible : il ne fonctionne qu'avec le champ Hero de la page.

Personnaliser l'aspect

Le champ Classes CSS permet à l'équipe technique d'appliquer un style propre à ce hero (couleur du texte, voile, hauteur) depuis la feuille de style du site.