Exemple de Content page (page de contenu)

Ceci est le tagline. Texte suivi, aucun saut de ligne possible. Pour l’image: format 1920x1080. 3 possibilités: image pleine largeur avec tagline dessous; image à moitié avec tagline à droite; pas d’image (le choix revient à l’équipe du Web). Après tagline, possible de mettre 1 ou 2 boutons CTA.

Main content (H2)

Ceci est le Main content. Il comprend un titre (H2) et du contenu. Le Main content ne prend pas toute la largeur de la page. On l’utilise surtout dans des pages plus informatives, avec beaucoup de texte suivi. C’est l’intégrateur qui va décider s’il l’utilise ou non.

Des Features peuvent être intégrées dans le Main content:

  • Spotlight
  • Info list
  • Icon block
  • Icon block list
  • FAQ

Si on place des Features dans cette section, elles ne prendront pas toute la largeur de la page. Encore une fois, c’est l’intégrateur qui va décider s’il place les Features ici ou plus bas (là où elles pourront prendre toute la largeur de la page).

Dans le reste de cette page exemple, nous affichons les Features qui sont disponibles pour les pages de contenu.

Free text: pour du texte «normal»

Assurance_auto.png

Ceci est la description du Free text. Elle n’est pas obligatoire. On ne peut pas mettre de puces.

Ceci est la section «content» du Free text. C'est ici qu’on met le contenu principal du Free text. Possibilité de mettre des puces. On peut mettre des hyperliens, mais pas de boutons.

Image:

  • Pas obligatoire.
  • Un seul positionnement possible (entre le titre et le reste du texte).
  • Format 1920x1080.

Spotlight

Ceci est la description du spotlight. Elle n'est pas obligatoire. Le titre ci-dessus n'est pas obligatoire.

Dans un Spotlight, on peut mettre 1 ou 2 blocs de texte à droite de l’image. On a 2 choix de types de bloc: Quick info (texte, avec boutons si désiré) ou Contact info (texte avec numéros de téléphone, et boutons si désiré). Possible de mettre 2 blocs du même type ou de types différents.

Video Spotlight

Ceci est la description du spotlight. Elle est obligatoire tout comme le titre ci-dessus et l'image.

Vous devez fournir le code de votre vidéo Youtube.

Choix de couleur habituel pour le background.

Info list: pour faire une liste d’éléments

Ceci est la description de l'info list. Possible de faire des paragraphes. Pas possible de faire une liste à puces dans cette description. Image pas obligatoire.

4 types de blocs (voir ci-dessous). On choisit un type de liste et on met autant de blocs qu'on veut. Si on met un titre à la liste, il s'affiche à gauche en desktop. Si on ne met pas de titre à la liste, les blocs vont s'afficher en pleine largeur.

Possible de mettre un bouton après la liste. On peut choisir le nombre d'éléments de la liste montrés dans la page, puis il faut cliquer sur un bouton de type Voir plus pour voir le reste. On peut aussi mettre un bouton qui mène vers une autre page.

1) Titre de la liste Accordion

Ceci est la description du bloc de type accordéon (accordion). Cette description est obligatoire.

On peut mettre un lien vers une autre page.

2) Titre de la liste Bullet

  • 2) Bloc de type Bullet (puce) - Titre obligatoire. Tout le texte doit être placé ici. 2 types de puces: Check (crochet) et Arrow (flèche).

3) Titre de la liste Description

3) Bloc de type Description - Description obligatoire.

On peut mettre du texte plus long ici.

4) Titre de la liste Rich list

  • Ceci est la description du bloc de type Rich list. Pas obligatoire. Possible de mettre un hyperlien sur le titre (label), mais pas obligatoire.

Icon block

Le Icon block comprend un titre (heading) et une description. On peut mettre une icône à gauche ou non (elle n’est pas obligatoire). La liste des icônes est limitée (voir avec l’intégrateur pour discuter des possibilités).

Il y a 6 choix de background: bleu, vert, jaune, mauve, orange et aucune couleur.

Icon block list

Ceci est la description de la Icon block list. Elle n'est pas obligatoire. Ce module permet de mettre des blocs de textes sur 2 ou 3 colonnes. Il est prévu à la base pour mettre des icônes et des labels. Mais il est possible de ne pas en mettre.

CTA et couleurs de background habituel pour chaque élément.

CTA global pour l'ensemble de l'icon block list (au bas à droite)

Habitation

Heading du Bloc 1

  • Text
  • Text
  • Text
2026

Heading du Bloc 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget mattis metus, tincidunt dignissim ante. Nam pretium porta nisl, quis semper tellus blandit eget.

Prévention des sinistres

Heading du Bloc 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget mattis metus, tincidunt dignissim ante. Nam pretium porta nisl, quis semper tellus blandit eget.

Services et privilèges exclusifs

Heading du Bloc 4

Text

FAQ

Réponse à la question. Possible de faire de la mise en forme (puces, gras, etc.) et de mettre des hyperliens.

Gallery

La galerie permet de présenter plusieurs images ou vidéos. Elle ne comprend pas de texte. Si on veut mettre un titre ou une description, il faut alors créer un Free text avant la Gallery.

Advice - Tile List - Specific: pour afficher des pages précises de la section Conseils

Ceci est la description de l'Advice Tile List Specific. Visuellement, cette liste est identique à la liste de type Query ci-dessus. Elle sert toutefois à afficher des pages précises de la section Conseils. Nous choisissons exactement ce que nous mettons dans cette liste.

Opinion

Le bloc opinion permet de présenter une citation d'un collaborateur.

5 choix de tags:

  • Sans
  • Astuce de pro
  • Coup de coeur
  • Mot de l'expert
  • Mot de l'experte

Image : Left ou Rigth

Background color: 8 choix habituels

Pour l'inventaire de tous les experts disponibles et des citations voir cette page.

Le mot de l’expert

«Les occupants de la maison doivent rester à l’écart de la zone à nettoyer pendant toute l’intervention. Au besoin, isolez l’espace avec des feuilles de polyéthylène pare-vapeur afin d’éviter la contamination des autres pièces. Enfin, maintenez une pression négative dans la zone pour limiter la dispersion des moisissures dans la maison.»

Yves AllardDirecteur adjoint, habitation, CAA-Québec

Bento Mosaic - Heading

Éléments de la Mosaic: Quick link item + CTA

Background color: Light blue, Green, Yellow, Purple, Orange, Teal, Blue, White

Icon Block List - Heading

Icon Block List Description

Maison

Block 1 Heading

  • Liste test 1
  • liste test 2
Pneus

Block 2 Head

  • Liste test 1
  • liste test 2
  • liste test 3

Block 3 Head

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Maison

Description

Block 5 Head

Description

L'info list de type accordéon peut être utilisée pour créer un bloc pour les notes légales en bas de page. On met alors un seul bloc de type accordéon, avec un titre et une description. On ne met pas de «Info list title» pour que le bloc s'affiche en pleine largeur.

L'info list de type Description peut être utilisée pour ajouter des notes légales toujours visibles dans la page (pas dans un tiroir), comme les notes légales des assureurs.