Créer rapidement et Facilement un site Web moderne et dynamqie avec Odoo 16

L’une des particularités d’Odoo, est qu’il permet à la fois la gestion des activités internes de l’entreprise, mais aussi Les activités reliées destinées au grand public à travers le site web de l’entreprise.
Le lien entre la partie backend et frontend étant parfaitement synchronisé, vous n’avez qu’à publier à votre choix, ce que vous avez en interne, pour que tout soit visible par le monde entier.
Dans cet article, nous allons comment créer en quelques étapes votre site web dynamique et moderne, en suivant l’assistant proposé par Odoo dès l’activation de l’application web, avec la possibilité d’jouter plusieurs options et pages à votre site web, comme l’e-commerce, l’e-learning, le recrutement en ligne, les évènements,

Pour créer un site web en utilisant le CMS (Content Management System) d’Odoo, plusieurs étapes sont nécessaires :  

•   Réservation d’un VPS (Virtual Private Server)
•  Installation d’Odoo sur ce VPS
•  Réservation du nom de domaine
• Pointer le nom de domaine vers le VPS

Nous n’allons pas traiter ces étapes car ils ont été abordés en détails  sur l’article (Création d’un site Web avec SSL, en utilisant Odoo 16) .
Après le traitement de ces étapes, nous serons prêt à utiliser l’application Site Web d’Odoo pour enfin créer notre site formidable, facilement personnalisable, en  quelques clics seulement ! 

Dans Odoo 16, Pour créer un site Web nous devons installer l’application Web site.
A partir de la version 15 d’Odoo, on peut créer notre site web en partant d’une page balance, puis en donnant  quelques informations sur notre futur Web site, Odoo va nous créer notre Site web prêt à l’emploi en se basant sur les informations que vous avez donné, à travers l’intelligence artificiel intégré dans ce processus.

Pour créer notre site Web, rendez-vous sur l’option Application, cherchez le type Site Web, appuyer sur le bouton activer à côté de l’application Site web.
En activant l’application Web site, Odoo affiche immédiatement une page blanche contenant un bouton, qui vous propose à démarrer la création de votre site web en quatre étapes, Cliquez donc sur le bouton ALLONS-Y .
Remarque : Vous pouvez bien évidement ne pas suivre l’assistant Odoo pour créer votre site Web, en cliquant sur le petit bouton nommé passer et commencer de zéro, qui se trouve en bas de la page à droite, mais il est recommandé de suive l’assistant puisqu’il génère un bon résultat, dans un minimum de temps.
Dans la page suivante, Odoo vous demande de choisir une réponse à la question, je veux créer :

1. Un site Web d’entreprise
2. Une boutique de l’entreprise
3. Un Blog
4. Un Site d’évènementiel
5. Une plateforme d’e-learning

Vous pouvez mettre Un site Web d’entreprise, si vous vous n’avez pas encore une idée de démarrage.
En rependant à la première question, Odoo vous demande de préciser le domaine de votre future site web.
Mettant par exemple Société de logiciels.
La troisième question qui sera affichée une fois vous avez précisé le domine, est l’objectif de votre site en choisissant une option de ces options !

• Obtenir des prospects
• Développer la marque
•  Vendre Plus
•  Informer les Clients
•  Planifiez des rendez-vous

Choisissant par exemple l’option Développer la marque.
Une autre page sera affichée, vous demandant de choisir le modèle de conception de votre site, entre le choix de Coulours arbitraires à partir de la palette proposée ou si vous avez un logo de votre entreprise, vous pouvez le téléverser.
Odoo prend en considération votre choix pour concevoir votre site graphiquement selon les couleurs de la palette, ou les couleurs de votre logo.
En choisissant la couleur ou le logo, Odoo vous affiche en dernière étape, une page qui vous permettra de rajouter des options à votre site web, qui vont installer d’autres applications pour enrichir les fonctionnalités de votre site ;
Plusieurs options sont possibles :

•  Ajout de la page à Propos
•  Ajout de la page Services
•  Ajout de la page Tarification
• Ajout de la Page Politique de confidentialité
•  Ajout de la page Actualités, et installation automatique de l’application Blog
•  Ajout une option de menu, Succès Story, qui dépend aussi de l’application Blog, si elle n’est pas installé, il va l’installer avant d’ajouter cette page.
• Carrière, va ajouter la page Recrutement et installer l’application Ressources humaine, plus le module gestion de recrutement.
• Boutique, va automatiquement installer l’application e-commerce
• Evènement, va Ajouter la page évènement et installer l’application évènement
•  Forum ajoute la page Forum et Installe également l’application Forum.
• Live chat, en activant cette option le module Chat en ligne sera activité, vous donnant la possibilité de discuter avec les videurs en ligne
• E-learning, en activant cette option, la page E-learning sera ajouté et l’application E-learning sera installé.

 
Activez les options que vous souhaitez intégrer à votre site web, puis cliquez sur le bouton CONSTRUIRE MON SITE WEB.
Vous n’avez qu’à attendre quelques instants pour avoir votre site Web prêt à personnaliser et publier.
En activant toutes les fonctionnalités, vous aurez une interface principale englobant les options sélectionnées, en vous donnant directement la main pour commencer la personnalisation. 

Ayant le site construit, vous pouvez personnaliser n’importe quel élément de votre site Web.
Avec l’arrivée de la version 16, la personnalisation est devenue plus simple, et les possibilités sont plus large.
En plus, comme nouveauté de la version 16, il n’Ya pas une différence entre la parie backend, et la partie frontend, vous pouvez personnaliser votre site web, en étant toujours dans la partie backend.
Pour éditer le contenu de votre site web, l’idée est simple : sélectionner l’élément à personnaliser, personnaliser les l’élément en se basant sur les options de personnalisation que se trouve à droite
Allez dans le menu Site Web de votre application, ensuite cliquez en haut à droite sur Editer.
Par la suite cliquez sur l’élément que vous souhaitez personnaliser, vous pouvez commencer directement l’édition du texte, qui se trouve dans la section où vous avez cliqué.
A droite, vous aurez l’onglet personnaliser qui s’active pour vous donner plusieurs possibilités de personnalisations, selon l’élément sélectionné.
 
S’il s’agit du menu, vous aurez des options de personnalisation du menu, s’il s’agit d’une zone de texte, vous aurez les options relatives à cette zone de texte et ainsi de suite.
Personnalisation du menu principale
Pour édite le menu principal, cliquer sur un élément du menu principale.
Juste en bas de l’élément, vous aurez un menu contextuel contenant une petite icône sous forme de hiérarchie.
En cliquant sur cette icône, un pop-up sera affiché, vous permettant de personnaliser, changer l’ordre des éléments du menu, d’ajouter d’autres, ajouter une méga rubrique.

Si on souhaite changer la disposition des éléments du menu principale du site (l’entête ), cliquer sur un élément du menu principale.
Sur l’onglet personnalisation, cliquez sur l’option modèle, et déroulez la liste des modèles de l’entête et choisissez un modèle, la sauvegarde sera automatique.
Vous pouvez jouer avec les autres options relatives au menu principale, et visualiser les changements pour conclure les potions qui vous conviennent le mieux.
De même façon, si vous souhaitez personnaliser  le pied de page, cliquez sur le pied de page, les options de l’onglet apparaissent automatiquement vous permettant de choisir la disposition des élément du pied de page.

En allant sur l’application Site Web, puis en cliquant sur Editer à droite, un panneau de plusieurs blocs s’affiche et sera  prêt à exploiter n’importe quel élément ou Widget.
Le CMS, d’Odoo contient plusieurs Composants et Widgets prêts à l’emploi.
Aucune compétence technique n’est nécessaire, le principe est simple.
Choisissez un bloc à intégrer, mettez-le à l’emplacement souhaité, personnalisez-le en utilisant les méthodes précédentes, et tout sera prêt pour vous.

Imaginons que nous souhaitons ajouter une carresol ,  sur l’ongle BLOCS, en haut vous apurer une bare de recherche , taper le mot carr, l’élément carresol sera affiché devant vous.
Glissez -déposez cet élément sur l’emplacement souhaitée. L’élément est ajouté.
Pour personnaliser cet élément, cliquez sur lui, l’option Personnaliser à droite sera affichée, et les options relatives à cet élément sera affiché,
Vous pouvez personnaliser :
·         Les images de l’arrière-plan de chaque dispositif.
·         Le nombre des slides
·         Ajouter d’autres slide
·         Les titres de chaque diapositive
Et plein d’autres options. 

Nous n’avons traité qu’une partie des éléments de présentation de votre site Web.
Les autres options comme, l’e-commerce, la gestion d’Learning, les évènements en ligne, le recrutement en ligne, sont expliqués précédemment dans les articles suivantes (La version d’explication est la 14, mais le principe de base est le même), Vous pouvez y jeter un coup d’œil en cliquant sur les liens des articles suivants :  

• Comment créer un site Web dynamique en utilisant le CMS Odoo version 14
• Les Blogs sous Odoo
• Les Forums  
• La vente en ligne Partie 01
• La vente en ligne Partie 02
• Les cours en ligne partie 01
• Les cours en ligne partie 02
• La gestion des sondages
• L’email marketing
• Gestion des évènements partie 01
• Gestion des évènements partie 02
• Gestion des évènements partie 03
• Gestion de recrutement en ligne 1
• Gestion de recrutement en ligne 2

Dans cet article, nous avons vu comment créer et personnaliser un site web en utilisant l’assistant de création de site Web et le CMS d’Odoo16.
Plusieurs composants et widgets graphiques sont prêts à utiliser, vous n’avez qu’à les mettre à l’emplacement souhaité, ce qui rend très facile la création et la personnalisation de votre site Web .
Nous avons aussi, que d’autres pages Web spécifique (boutique, e-learning, Blog , évènement, recrutement…) portent en interne des applications entière parfaitement synchronisé à la parie public ou frontend.