Les building blocks.
Le vrai pouvoir d'Odoo : construire une page comme avec des Lego. On glisse un bloc tout prêt, on le déplace, on le personnalise — et la page prend forme, sans une ligne de code.
Objectifs de ce chapitre
- Comprendre ce qu'est un Building Block
- Insérer un bloc par drag and drop
- Réorganiser et déplacer les blocs
- Personnaliser couleurs, tailles, espacements
1 Qu'est-ce qu'un Building Block ?
Un Building Block est une brique de page pré-conçue par Odoo : hero, témoignages, équipe, prix, FAQ… Chaque bloc a son design propre, déjà responsive. Au lieu de partir d'une page blanche, vous assemblez des briques comme du Lego.
Un Building Block contient son propre HTML, CSS et parfois du JS. Quand vous le déposez, Odoo l'insère sur la page et vous le personnalisez ensuite.
2 Insérer un bloc par drag and drop
En mode édition, le panneau de droite affiche tous les blocs disponibles, classés par catégorie (Structure, Texte, Image, Caractéristiques, Personnes, Processus…).
-
1
Ouvrez l'onglet « Blocs »
En haut du panneau de droite.
-
2
Parcourez ou recherchez
Via les catégories ou la barre de recherche.
-
3
Cliquez et glissez
Maintenez le clic et glissez le bloc sur la page.
-
4
Lâchez à l'emplacement voulu
Une ligne bleue indique où le bloc va se placer.
-
5
Le bloc apparaît avec son contenu par défaut
Vous le personnaliserez juste après.
Si vous ne trouvez pas le bon bloc, tapez « tarif », « équipe » ou « FAQ » dans la recherche : Odoo filtre instantanément les blocs pertinents.
3 Déplacer et supprimer des blocs
Une fois un bloc en place, vous pouvez le repositionner, le dupliquer ou le supprimer via le mini-menu qui apparaît au survol.
- Déplacer · l'icône en croix → glissez-déposez à un nouvel emplacement
- Dupliquer · l'icône « deux carrés » → une copie identique apparaît en dessous
- Supprimer · l'icône poubelle → une confirmation est demandée
- Cloner pour réordonner · utile pour composer des listes ordonnées
4 Personnaliser un bloc
Cliquez sur un bloc : l'onglet « Personnaliser » s'ouvre dans le panneau de droite — couleurs, hauteur, espacement, animation, image de fond.
-
1
Sélectionnez le bloc
Cliquez n'importe où à l'intérieur.
-
2
Ouvrez l'onglet « Personnaliser »
Il s'ouvre dans le panneau de droite.
-
3
Modifiez ce que vous voulez
Couleur, image, taille, alignement…
-
4
Sauvegardez
Le bouton valide tous les changements.
Sur une page de test, insérez un bloc « Hero » depuis la catégorie « Structure ». Modifiez son titre, son sous-titre et sa couleur de fond. Puis supprimez-le.
Voir la solution
Vous devriez avoir enchaîné : le drag and drop d'un Hero, la modification de 2 textes, le changement de couleur, puis la suppression. Aucun risque pour vos vraies pages puisque vous travaillez sur une page de test.
À retenir
- Un Building Block : une brique pré-conçue (hero, prix, FAQ…), déjà responsive. Du Lego.
- Insérer : drag and drop depuis l'onglet « Blocs ». La recherche pour trouver vite.
- Réorganiser : le mini-menu au survol pour déplacer, dupliquer ou supprimer.
- Personnaliser : l'onglet « Personnaliser » pour couleurs, tailles, espacements, image de fond.
Quiz du chapitre 3
3 questions rapides. Cliquez votre réponse — le feedback apparaît immédiatement.
1. Comment insérer un bloc sur une page ?
2. Comment trouver vite un bloc précis ?
3. Où changer la couleur de fond d'un bloc ?
Aujourd'hui, je peux…
Cliquez pour cocher ce que vous maîtrisez après ce chapitre.
Allez plus loin avec une formation 1-to-1.
Si ce chapitre vous a plu, la Formation Odoo Site Web 1-to-1 va plus loin : on compose ensemble de vraies pages à partir des building blocks et on les personnalise aux couleurs de votre marque, sur votre propre site.
