{"id":570,"date":"2023-10-26T16:55:00","date_gmt":"2023-10-26T14:55:00","guid":{"rendered":"https:\/\/www.erpsolution.fr\/blog\/?p=570"},"modified":"2026-01-26T12:39:17","modified_gmt":"2026-01-26T11:39:17","slug":"creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16","status":"publish","type":"post","link":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/","title":{"rendered":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16"},"content":{"rendered":"\n
Cr\u00e9ez votre site web en seulement 4 \u00e9tapes :<\/h4>\n\n\n\n
Pour construire notre site web, dirigeons-nous vers l\u2019option \u00ab\u00a0Application\u00a0\u00bb, recherchons \u00ab\u00a0Site Web\u00a0\u00bb et cliquons sur le bouton \u00ab\u00a0activer\u00a0\u00bb \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.<\/p>\n\n\n\n
En activant l\u2019application \u00ab\u00a0Web site\u00a0\u00bb, Odoo ouvrira instantan\u00e9ment une page blanche avec un bouton, invitant \u00e0 d\u00e9buter la cr\u00e9ation du site web en quatre \u00e9tapes simples. Cliquez alors sur le bouton \u00ab\u00a0ALLONS-Y\u00a0\u00bb.<\/p>\n\n\n\n
Remarque : Il est tout \u00e0 fait possible de ne pas suivre l\u2019assistant d\u2019Odoo pour cr\u00e9er votre site web en cliquant sur le petit bouton \u00ab\u00a0passer et commencer de z\u00e9ro\u00a0\u00bb, situ\u00e9 en bas de la page \u00e0 droite. Cependant, il est conseill\u00e9 d\u2019utiliser l\u2019assistant car il produit d\u2019excellents r\u00e9sultats en un minimum de temps.<\/p>\n\n\n\n
Dans l\u2019\u00e9tape suivante, Odoo vous invitera \u00e0 r\u00e9pondre \u00e0 une question pour personnaliser davantage la cr\u00e9ation : \u00ab\u00a0Je veux cr\u00e9er :\u00a0\u00bb.<\/p>\n\n\n\n
\n
Un site Web d\u2019entreprise<\/li>\n\n\n\n
Une boutique de l\u2019entreprise<\/li>\n\n\n\n
Un Blog<\/li>\n\n\n\n
Un Site d\u2019\u00e9v\u00e8nementiel<\/li>\n\n\n\n
Une plateforme d\u2019e-learning<\/li>\n<\/ol>\n\n\n\n
Vous pouvez choisir \u00ab\u00a0Un site Web d\u2019entreprise\u00a0\u00bb si vous n\u2019avez pas encore une id\u00e9e pr\u00e9cise pour commencer. En r\u00e9pondant \u00e0 la premi\u00e8re question, Odoo vous demande ensuite de sp\u00e9cifier le domaine de votre futur site web. Vous pourriez choisir, par exemple, \u00ab\u00a0Soci\u00e9t\u00e9 de logiciels\u00a0\u00bb.<\/p>\n\n\n\n
Une troisi\u00e8me question apparaitra apr\u00e8s que vous ayez d\u00e9fini le domaine, concernant l\u2019objectif de votre site. Vous serez amen\u00e9 \u00e0 choisir une option parmi celles propos\u00e9es pour d\u00e9terminer cet objectif !<\/p>\n\n\n\n
Choisissez, par exemple, l\u2019option \u00ab\u00a0D\u00e9velopper la marque\u00a0\u00bb. Une autre page appara\u00eetra, vous demandant de choisir le mod\u00e8le de conception de votre site. Vous avez le choix entre s\u00e9lectionner des couleurs arbitraires \u00e0 partir de la palette propos\u00e9e, ou si vous avez un logo d\u2019entreprise, vous pouvez le t\u00e9l\u00e9verser. Odoo prendra en consid\u00e9ration votre choix pour concevoir graphiquement votre site selon les couleurs de la palette ou celles de votre logo.<\/p>\n\n\n\n
En choisissant une couleur ou un logo, Odoo vous pr\u00e9sentera, dans une derni\u00e8re \u00e9tape, une page qui vous permettra d’ajouter des options \u00e0 votre site web. Ces options installeront d\u2019autres applications pour enrichir les fonctionnalit\u00e9s de votre site. Plusieurs options sont possibles :<\/p>\n\n\n\n
\n
Ajout de la page \u00ab\u00a0\u00c0 propos\u00a0\u00bb<\/li>\n\n\n\n
Ajout de la page \u00ab\u00a0Services\u00a0\u00bb<\/li>\n\n\n\n
Ajout de la page \u00ab\u00a0Tarification\u00a0\u00bb<\/li>\n\n\n\n
Ajout de la page \u00ab\u00a0Politique de confidentialit\u00e9\u00a0\u00bb<\/li>\n\n\n\n
Ajout de la page \u00ab\u00a0Actualit\u00e9s\u00a0\u00bb et installation automatique de l\u2019application \u00ab\u00a0Blog\u00a0\u00bb<\/li>\n\n\n\n
Ajout d’une option de menu \u00ab\u00a0Succ\u00e8s Story\u00a0\u00bb, d\u00e9pendant aussi de l\u2019application \u00ab\u00a0Blog\u00a0\u00bb<\/li>\n\n\n\n
\u00ab\u00a0Carri\u00e8re\u00a0\u00bb ajoutera la page \u00ab\u00a0Recrutement\u00a0\u00bb et installera l\u2019application \u00ab\u00a0Ressources humaines\u00a0\u00bb ainsi que le module de gestion de recrutement<\/li>\n\n\n\n
\u00ab\u00a0\u00c9v\u00e8nement\u00a0\u00bb ajoutera la page \u00ab\u00a0\u00c9v\u00e8nements\u00a0\u00bb et installera l\u2019application \u00ab\u00a0\u00c9v\u00e8nement\u00a0\u00bb<\/li>\n\n\n\n
\u00ab\u00a0Forum\u00a0\u00bb ajoutera la page \u00ab\u00a0Forum\u00a0\u00bb et installera \u00e9galement l\u2019application \u00ab\u00a0Forum\u00a0\u00bb<\/li>\n\n\n\n
\u00ab\u00a0Live chat\u00a0\u00bb activera le module \u00ab\u00a0Chat en ligne\u00a0\u00bb, permettant de discuter avec les visiteurs en ligne<\/li>\n\n\n\n
\u00ab\u00a0E-learning\u00a0\u00bb ajoutera la page \u00ab\u00a0E-learning\u00a0\u00bb et installera l\u2019application \u00ab\u00a0E-learning\u00a0\u00bb<\/li>\n<\/ul>\n\n\n\n
Activez les options que vous souhaitez int\u00e9grer \u00e0 votre site web, puis cliquez sur le bouton \u00ab\u00a0CONSTRUIRE MON SITE WEB\u00a0\u00bb. Patientez quelques instants pour que votre site web soit pr\u00eat \u00e0 \u00eatre personnalis\u00e9 et publi\u00e9. En activant toutes les fonctionnalit\u00e9s, vous obtiendrez une interface principale incluant les options s\u00e9lectionn\u00e9es, vous permettant de commencer directement la personnalisation.<\/p>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Personnalisation de votre site web :<\/h4>\n\n\n\n
Maintenant que le site est construit, vous pouvez personnaliser n’importe quel \u00e9l\u00e9ment de votre site web. Avec la sortie de la version 16, la personnalisation est devenue plus simple, et les possibilit\u00e9s sont plus larges. De plus, nouveaut\u00e9 de la version 16, il n’y a pas de diff\u00e9rence entre la partie backend et la partie frontend. Vous pouvez personnaliser votre site web tout en restant toujours dans la partie backend.<\/p>\n\n\n\n
Pour \u00e9diter le contenu de votre site web, l’id\u00e9e est simple : s\u00e9lectionnez l’\u00e9l\u00e9ment \u00e0 personnaliser, puis ajustez-le en utilisant les options de personnalisation qui se trouvent \u00e0 droite.<\/p>\n\n\n\n
\n
\u00c9dition des \u00e9l\u00e9ments :
Allez dans le menu \u00ab\u00a0Site Web\u00a0\u00bb de votre application, puis cliquez en haut \u00e0 droite sur \u00ab\u00a0\u00c9diter\u00a0\u00bb.<\/li><\/ul>\n
\n
Ensuite, cliquez sur l’\u00e9l\u00e9ment que vous souhaitez personnaliser. Vous pouvez commencer directement \u00e0 \u00e9diter le texte qui se trouve dans la section o\u00f9 vous avez cliqu\u00e9.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
Utilisation de l’onglet de personnalisation :
\u00c0 droite, l’onglet \u00ab\u00a0Personnaliser\u00a0\u00bb s’activera, offrant plusieurs possibilit\u00e9s de personnalisation, en fonction de l’\u00e9l\u00e9ment s\u00e9lectionn\u00e9.<\/li><\/ul>\n
\n
Si c’est le menu, vous aurez des options pour personnaliser le menu. Si c’est une zone de texte, vous aurez des options relatives \u00e0 cette zone de texte, et ainsi de suite.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
Personnalisation du menu principal :
Pour \u00e9diter le menu principal, cliquez sur un \u00e9l\u00e9ment du menu principal.<\/li><\/ul>
Juste en dessous de l’\u00e9l\u00e9ment, un menu contextuel appara\u00eetra avec une petite ic\u00f4ne en forme de hi\u00e9rarchie.<\/li><\/ul>\n
\n
En cliquant sur cette ic\u00f4ne, une fen\u00eatre pop-up s’ouvrira, vous permettant de personnaliser, changer l’ordre des \u00e9l\u00e9ments du menu, en ajouter d’autres ou ajouter une m\u00e9ga rubrique.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Ainsi, avec Odoo 16, vous avez la flexibilit\u00e9 et la simplicit\u00e9 de personnaliser votre site web selon vos besoins sp\u00e9cifiques, tout en ayant une exp\u00e9rience utilisateur fluide et intuitive.<\/p>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Exemple de personnalisation de l\u2019en-t\u00eate et du pied de page :<\/h4>\n\n\n\n
Modifier l’aspect de l’en-t\u00eate et du pied de page est une mani\u00e8re efficace d’apporter une touche personnelle et professionnelle \u00e0 votre site web. Voici comment vous pouvez le faire :<\/p>\n\n\n\n
\n
Personnalisation de l’en-t\u00eate (menu principal) :<\/li>\n<\/ul>\n\n\n\n
Commencez par cliquer sur un \u00e9l\u00e9ment du menu principal si vous souhaitez changer la disposition des \u00e9l\u00e9ments. Ensuite, dans l’onglet personnalisation, cliquez sur l’option \u00ab\u00a0mod\u00e8le\u00a0\u00bb. Une liste de mod\u00e8les d’en-t\u00eate appara\u00eetra, vous permettant de choisir celui qui vous convient. Les modifications que vous apportez seront automatiquement sauvegard\u00e9es. N\u2019h\u00e9sitez pas \u00e0 explorer et \u00e0 exp\u00e9rimenter avec les diff\u00e9rentes options pour voir celles qui vous conviennent le mieux.<\/p>\n\n\n\n
\n
Personnalisation du pied de page :<\/li>\n<\/ul>\n\n\n\n
Le processus est assez similaire \u00e0 celui de l’en-t\u00eate. Cliquez simplement sur le pied de page, et les options de personnalisation appara\u00eetront automatiquement, vous offrant diff\u00e9rentes mani\u00e8res de modifier la disposition des \u00e9l\u00e9ments de votre pied de page. Choisissez celles qui correspondent le mieux \u00e0 vos besoins et pr\u00e9f\u00e9rences, et les modifications seront \u00e9galement sauvegard\u00e9es automatiquement.<\/p>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Ajout d’autres blocs \u00e0 votre site web :<\/h4>\n\n\n\n
Enrichir votre site web avec divers \u00e9l\u00e9ments et widgets est une t\u00e2che simplifi\u00e9e gr\u00e2ce \u00e0 l’application Site Web d’Odoo. Pour ce faire, naviguez simplement dans l\u2019application Site Web et cliquez sur \u00ab\u00a0\u00c9diter\u00a0\u00bb situ\u00e9 \u00e0 droite de votre \u00e9cran. Un panneau pr\u00e9sentant une multitude de blocs apparaitra, vous permettant de s\u00e9lectionner et d’utiliser n’importe quel \u00e9l\u00e9ment ou widget selon vos besoins.<\/p>\n\n\n\n
Le CMS d\u2019Odoo est \u00e9quip\u00e9 d’une vari\u00e9t\u00e9 de composants et de widgets pr\u00e9con\u00e7us et pr\u00eats \u00e0 \u00eatre utilis\u00e9s. L\u2019avantage principal est qu\u2019il n\u2019est pas n\u00e9cessaire d’avoir des comp\u00e9tences techniques pour ajouter et personnaliser ces blocs. Il suffit de choisir un bloc, de le placer \u00e0 l’endroit que vous pr\u00e9f\u00e9rez sur votre page, et de le personnaliser selon vos pr\u00e9f\u00e9rences en suivant les m\u00e9thodes de personnalisation d\u00e9j\u00e0 mentionn\u00e9es. Et voil\u00e0, votre bloc est pr\u00eat \u00e0 \u00eatre publi\u00e9 et \u00e0 enrichir l\u2019exp\u00e9rience utilisateur sur votre site.<\/p>\n\n\n\n
Exemple d’ajout d’un Bloc \u00e0 notre page d’accueil :<\/h4>\n\n\n\n
Supposons que nous voulions int\u00e9grer un carrousel \u00e0 notre page d’accueil. Pour ce faire, dans l’onglet BLOCS, vous trouverez une barre de recherche en haut. Entrez simplement les premi\u00e8res lettres du mot \u00ab\u00a0carrousel\u00a0\u00bb, par exemple \u00ab\u00a0carr\u00a0\u00bb, et l’option de carrousel apparaitra.<\/p>\n\n\n\n
Proc\u00e9dez ensuite par glisser-d\u00e9poser pour placer l’\u00e9l\u00e9ment de carrousel \u00e0 l’endroit d\u00e9sir\u00e9 sur votre page. Une fois que l’\u00e9l\u00e9ment est positionn\u00e9, vous pouvez commencer la personnalisation. Cliquez sur le carrousel ajout\u00e9, et une s\u00e9rie d’options de personnalisation s’affichera sur le c\u00f4t\u00e9 droit.<\/p>\n\n\n\n
Parmi les \u00e9l\u00e9ments que vous pouvez personnaliser dans le carrousel, on trouve :<\/p>\n\n\n\n
\n
Les images d’arri\u00e8re-plan pour chaque slide,<\/li>\n\n\n\n
Le nombre de slides que vous voulez afficher,<\/li>\n\n\n\n
L’ajout de nouvelles slides,<\/li>\n\n\n\n
Les titres de chaque diapositive,<\/li>\n<\/ul>\n\n\n\n
Et bien d’autres options de personnalisation sont disponibles pour ajuster le carrousel selon vos pr\u00e9f\u00e9rences et les besoins de votre site.<\/p>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n\n\n\n<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"
Cr\u00e9ez votre site web en seulement 4 \u00e9tapes : Pour construire notre site web, dirigeons-nous vers l\u2019option \u00ab\u00a0Application\u00a0\u00bb, recherchons \u00ab\u00a0Site Web\u00a0\u00bb et cliquons sur le bouton \u00ab\u00a0activer\u00a0\u00bb \u00e0 c\u00f4t\u00e9 de l\u2019application Site web. En activant l\u2019application \u00ab\u00a0Web site\u00a0\u00bb, Odoo ouvrira instantan\u00e9ment une page blanche avec un bouton, invitant \u00e0 d\u00e9buter la cr\u00e9ation du site web […]<\/p>\n","protected":false},"author":1,"featured_media":571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[25,1],"tags":[],"class_list":["post-570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides-et-conseils","category-odoo-apps"],"yoast_head":"\n
Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO<\/title>\n<meta name=\"description\" content=\"Pour construire notre site web, dirigeons-nous vers l\u2019option "Application", recherchons "Site Web" et cliquons sur le bouton "activer" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO\" \/>\n<meta property=\"og:description\" content=\"Pour construire notre site web, dirigeons-nous vers l\u2019option "Application", recherchons "Site Web" et cliquons sur le bouton "activer" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodo\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-26T14:55:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-26T11:39:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"453\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/#\\\/schema\\\/person\\\/685f1b56018b23f955423da9cc45ea94\"},\"headline\":\"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16\",\"datePublished\":\"2023-10-26T14:55:00+00:00\",\"dateModified\":\"2026-01-26T11:39:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/\"},\"wordCount\":1406,\"image\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/creation-de-site-internet-odoo.png\",\"articleSection\":[\"Guides et Conseils\",\"Odoo Apps\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/\",\"url\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/\",\"name\":\"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/creation-de-site-internet-odoo.png\",\"datePublished\":\"2023-10-26T14:55:00+00:00\",\"dateModified\":\"2026-01-26T11:39:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/#\\\/schema\\\/person\\\/685f1b56018b23f955423da9cc45ea94\"},\"description\":\"Pour construire notre site web, dirigeons-nous vers l\u2019option \\\"Application\\\", recherchons \\\"Site Web\\\" et cliquons sur le bouton \\\"activer\\\" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/creation-de-site-internet-odoo.png\",\"contentUrl\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/creation-de-site-internet-odoo.png\",\"width\":1024,\"height\":453,\"caption\":\"creation de site internet odoo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/\",\"name\":\"Kodo\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/#\\\/schema\\\/person\\\/685f1b56018b23f955423da9cc45ea94\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"https:\\\/\\\/www.erpsolution.fr\\\/blog\"],\"url\":\"https:\\\/\\\/www.kodo.fr\\\/blog\\\/author\\\/root\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO","description":"Pour construire notre site web, dirigeons-nous vers l\u2019option \"Application\", recherchons \"Site Web\" et cliquons sur le bouton \"activer\" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO","og_description":"Pour construire notre site web, dirigeons-nous vers l\u2019option \"Application\", recherchons \"Site Web\" et cliquons sur le bouton \"activer\" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.","og_url":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/","og_site_name":"Kodo","article_published_time":"2023-10-26T14:55:00+00:00","article_modified_time":"2026-01-26T11:39:17+00:00","og_image":[{"width":1024,"height":453,"url":"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png","type":"image\/png"}],"author":"root","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"root","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#article","isPartOf":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/"},"author":{"name":"root","@id":"https:\/\/www.kodo.fr\/blog\/#\/schema\/person\/685f1b56018b23f955423da9cc45ea94"},"headline":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16","datePublished":"2023-10-26T14:55:00+00:00","dateModified":"2026-01-26T11:39:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/"},"wordCount":1406,"image":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png","articleSection":["Guides et Conseils","Odoo Apps"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/","url":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/","name":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16 - KODO","isPartOf":{"@id":"https:\/\/www.kodo.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#primaryimage"},"image":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png","datePublished":"2023-10-26T14:55:00+00:00","dateModified":"2026-01-26T11:39:17+00:00","author":{"@id":"https:\/\/www.kodo.fr\/blog\/#\/schema\/person\/685f1b56018b23f955423da9cc45ea94"},"description":"Pour construire notre site web, dirigeons-nous vers l\u2019option \"Application\", recherchons \"Site Web\" et cliquons sur le bouton \"activer\" \u00e0 c\u00f4t\u00e9 de l\u2019application Site web.","breadcrumb":{"@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#primaryimage","url":"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png","contentUrl":"https:\/\/www.kodo.fr\/blog\/wp-content\/uploads\/2023\/10\/creation-de-site-internet-odoo.png","width":1024,"height":453,"caption":"creation de site internet odoo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kodo.fr\/blog\/creer-un-site-web-elegant-et-dynamique-rapidement-avec-odoo-16\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.kodo.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Cr\u00e9er un site Web \u00e9l\u00e9gant et dynamique rapidement avec Odoo 16"}]},{"@type":"WebSite","@id":"https:\/\/www.kodo.fr\/blog\/#website","url":"https:\/\/www.kodo.fr\/blog\/","name":"Kodo","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kodo.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.kodo.fr\/blog\/#\/schema\/person\/685f1b56018b23f955423da9cc45ea94","name":"root","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f9edfb81ccdb00c694f54bcb25441423b78473e76185664cd7f998bbe7d85bc0?s=96&d=mm&r=g","caption":"root"},"sameAs":["https:\/\/www.erpsolution.fr\/blog"],"url":"https:\/\/www.kodo.fr\/blog\/author\/root\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/posts\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":1,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/posts\/570\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/posts\/570\/revisions\/591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/media\/571"}],"wp:attachment":[{"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/media?parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/categories?post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kodo.fr\/blog\/wp-json\/wp\/v2\/tags?post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/backend-fronted-odoo-1.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/backend-fronted-odoo-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/options-pages-odoo16-3.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/choix-plaette-loggo-odoo4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/questionnaire-odo-website-odoo-5.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/preet-a-creer-votre-site-web-odoo-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/editer-site-web-odoo-16-1.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/editer-site-web-odoo-16-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/personaliser-pied-depage-1.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/menu-contextuel-menu-pricipale-2.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/menu-contextuel-menu-pricipale-2-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/edit-menu-pricipale-3-1.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.erpsolution.fr\/blog\/wp-content\/uploads\/2023\/10\/personaliser-eleemnt-menu-4-1.png\")
<\/figure>\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n\n\n
<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"