Se rendre au contenu
CHAPITRE 3 / 7

Maîtriser les Building Blocks

Les blocs Odoo sont des composants prêts à l emploi. Insérer, déplacer, personnaliser.

🎯 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

1Qu 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 un design propre, déjà responsive.

Au lieu de partir d une page blanche, vous assemblez des briques comme du Lego.

📖 Définition

Un Building Block contient son HTML, CSS et parfois JS. Quand vous le déposez, Odoo l insère et vous le personnalisez ensuite.

2Insé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
Catégories ou barre de recherche.
3
Cliquez et glissez
Maintenez le clic, glissez sur la page.
4
Lâchez à l emplacement
Ligne bleue indique où le bloc va se placer.
5
Le bloc apparaît avec son contenu par défaut
Vous le personnaliserez ensuite.
💡 Astuce

Si vous ne trouvez pas le bon bloc, tapez "tarif", "équipe", "FAQ" dans la recherche : Odoo filtre les blocs pertinents.

3Déplacer et supprimer des blocs

Une fois un bloc en place, vous pouvez le repositionner, dupliquer ou supprimer via le mini-menu au survol.

  • Déplacer : icône en croix → drag and drop à un nouvel emplacement
  • Dupliquer : icône deux carrés → copie identique en dessous
  • Supprimer : icône poubelle → demande confirmation
  • Cloner pour réordonner : utile pour les listes ordonnées

4Personnaliser 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ù dedans.
2
Onglet "Personnaliser"
S ouvre dans le panneau droit.
3
Modifiez ce que vous voulez
Couleur, image, taille, alignement...
4
Sauvegardez
Le bouton valide tous les changements.
🎯 Exercice pratique

Sur une page de test, insérez un bloc "Hero" depuis "Structure". Modifiez son titre, sous-titre, couleur de fond. Supprimez-le ensuite.

Voir la solution

Vous devriez avoir manipulé : drag and drop d un Hero, modification de 2 textes, changement couleur, suppression. Aucun risque sur vos vraies pages.

📚 À retenir

  • →Les Building Blocks sont des briques pré-conçues qu on assemble par drag and drop.
  • →Le panneau "Blocs" liste les catégories ; la recherche aide à trouver vite.
  • →Le mini-menu de chaque bloc permet déplacer, dupliquer, supprimer.
  • →L onglet "Personnaliser" gère couleur, taille, espacement, animation.
🧠 Testez vos connaissances

Quiz du chapitre 3

1. Comment insérer un bloc sur une page ?

✓ Bravo ! Le drag and drop depuis "Blocs" est la méthode standard. Pas de code requis.
✗ Pas tout à fait. La bonne réponse est : Drag and drop depuis le panneau. Le drag and drop depuis "Blocs" est la méthode standard. Pas de code requis.

2. Comment trouver vite un bloc spécifique ?

✓ Bravo ! La recherche filtre instantanément par mots-clés.
✗ Pas tout à fait. La bonne réponse est : Barre de recherche du panneau Blocs. La recherche filtre instantanément par mots-clés.

3. Où changer la couleur de fond d un bloc ?

✓ Bravo ! Toutes les options visuelles sont dans "Personnaliser" qui s ouvre quand on sélectionne le bloc.
✗ Pas tout à fait. La bonne réponse est : Onglet "Personnaliser" du panneau droit. Toutes les options visuelles sont dans "Personnaliser" qui s ouvre quand on sélectionne le bloc.

✅ Aujourd hui, je peux...

Cliquez pour cocher ce que vous savez maintenant faire.

FIN DE CHAPITRE

Vous avez fini ce chapitre ?

Continuez en formation 1-to-1 sur vos vraies données, ou laissez-moi gérer le service clé en main.

🎓
FORMATION 1-TO-1 · 2 h

Formation Odoo Site Web avec moi

Pour Dirigeants PME, assistants administratifs, indépendants. 2 h en visio sur vos vraies données. Vous repartez autonome.

150 € TTC · visio par défaut, présentiel +100 €
Réserver la formation →
🛠️
SERVICE CLÉ EN MAIN

Site Vitrine Odoo

Site vitrine 5 pages clé en main, responsive, SEO, RGPD.

800 € TTC · prix fixe
Voir le service →