Comment insérer une Popup dans un Site Odoo ?

Les pop-ups sont des outils marketing et de communication essentiels pour les sites web modernes, permettant d'attirer l'attention des visiteurs, de collecter des informations, de promouvoir des offres spéciales ou de diffuser des messages importants. Dans l'écosystème Odoo, l'intégration de pop-ups dans votre site web peut considérablement améliorer l'engagement des utilisateurs et les taux de conversion. Cet article explore les méthodes pour insérer des pop-ups dans un site Odoo, en se concentrant particulièrement sur l'utilisation du Website Builder d'Odoo et en abordant les défis potentiels, notamment la question des blocs manquants dans les versions récentes comme Odoo 18. Nous fournirons des étapes claires et des informations complémentaires pour vous aider à maîtriser l'ajout de ces éléments interactifs à votre présence en ligne Odoo. 

Comprendre les Pop-ups dans Odoo 

Dans Odoo, les pop-ups peuvent être mises en place de plusieurs façons ; certaines sont simples, d'autres plus complexes.

On peut partir des outils prévus par le Website Builder jusqu'aux développements sur mesure.

Historiquement, le Website Builder permettait d’ajouter facilement des pop-ups grâce à des blocs prêts à l’emploi.

Ces blocs incluent notamment des pop-ups pour la newsletter ou pour afficher du contenu dynamique.

Ils sont conçus pour être glissés-déposés sans difficulté.

Ainsi, même ceux qui n’ont pas de compétences techniques peuvent créer des interactions utiles.

Mais voilà : avec l’évolution des versions d’Odoo, certains utilisateurs ont pu avoir l’impression que ces blocs disparaissaient.

C’est ce qu’on a observé à partir d’Odoo 18.

Pourtant, il ne s’agit pas forcément d’une suppression, mais plutôt d’un changement dans la manière d’y accéder.

Il est important de comprendre que Odoo évolue constamment , et donc que les méthodes changent aussi.

A quoi sert les pop-ups sur un site Odoo ? 

Les pop-ups ont plusieurs rôles sur un site Odoo ; certains sont pratiques, d'autres plus stratégiques.

Elles servent à collecter des leads , par exemple en capturant des adresses e-mail grâce à des formulaires de newsletter.

Elles permettent aussi d’annoncer des promotions et offres spéciales comme des soldes, des ventes flash ou lancement de produits.

Elles peuvent afficher des messages d’information, souvent obligatoires, comme ceux concernant l’utilisation des cookies ou les mises à jour importantes du site.

Parfois, elles jouent un rôle de confirmation : demander si on est sûr de vouloir faire une action ou bien afficher un message après la soumission d’un formulaire.

C’est utile pour éviter les erreurs ; cela rassure aussi les utilisateurs.

Mais attention : l’efficacité d’une pop-up dépend de trois choses : sa pertinence, le moment où elle apparaît et son design global.

Une pop-up qui tombe au bon moment, avec un visuel clair et une proposition intéressante peut vraiment améliorer l’expérience utilisateur.

Vous pouvez même dire qu’elle devient alors un outil marketing puissant.

À l’inverse, si elle arrive trop tôt, si elle est mal ciblée ou si elle bloque l’accès au contenu, vous risquez de frustrer vos visiteurs.

On a tous vu ces pop-ups qui s’affichent dès la première seconde de visite et qui donnent envie de partir.

Et là, au lieu de capter, on perd.

Donc, il faut réfléchir avant de mettre une pop-up.

Demandez-vous ce que vous voulez vraiment faire passer comme message ; choisissez le bon moment pour le montrer.

Et surtout, ne négligez pas l’aspect visuel : simple mais clair.

C’est comme ça qu’on garde l’équilibre entre efficacité et confort de lecture.

Comment insérer une pop-up dans Odoo avec le website builder ?

Insérer des pop-ups dans un site Odoo repose souvent sur l’utilisation de blocs préexistants.

C’est d’ailleurs la méthode la plus simple, surtout si vous utilisez le Website Builder.

Même si certains utilisateurs ont eu l’impression que certains blocs avaient disparu à partir d’Odoo 18, il est possible de les retrouver facilement avec une recherche bien ciblée.

Utiliser les blocs intégrés du website builder

Odoo propose des blocs spécifiques pour les pop-ups ; on les trouve généralement dans la catégorie "contenu dynamique" ou une section similaire.

Ces blocs incluent notamment des modèles pour les pop-ups de newsletter, de notification ou encore des fenêtres modales génériques.

Voici comment les localiser et les utiliser :

• Connectez-vous à votre instance Odoo.
  Allez sur votre site web.
  Cliquez sur le bouton "modifier" en haut à droite pour entrer dans le Website Builder.
• Une fois dans l’éditeur, trouvez le panneau latéral des blocs.
  S’il n’est pas visible, cliquez sur l’icône blocs (celle avec un carré et des points) pour l’ouvrir.
• Tapez des mots-clés comme "pop" , "popup" ou "modal" dans la barre de recherche.
  Faites attention : selon la version, il faudra peut-être juste taper "pop".
  Cela filtre les blocs disponibles et affiche ceux qui correspondent à ce type d’élément.
• Quand vous trouvez le bloc voulu — par exemple "newsletter popup" — glissez-le où vous voulez sur la page.
  Notez que l’emplacement choisi n’influence pas forcément l’affichage final, car les pop-ups s’affichent souvent au-dessus du reste du contenu.
• Ensuite, sélectionnez le bloc déposé pour accéder aux paramètres de configuration.

Vous pouvez alors ajuster plusieurs aspects :

• Le contenu : texte, images, formulaires.
• Le déclenchement : au chargement de la page, après un délai, au scroll ou au clic.
• l’apparence : couleurs, taille, style global.
• Le ciblage : afficher la pop-up sur certaines pages ou pour certains visiteurs.

Testez toujours la pop-up une fois configurée.

Vérifiez qu’elle s’affiche correctement et qu’elle ne perturbe pas l’expérience utilisateur.

Parce qu’une pop-up mal réglée peut vite devenir intrusive, voire agaçante.

Donc prenez le temps de faire quelques essais avant de la mettre en ligne.

Personnalisation avancée et solutions alternatives 

Quand les blocs intégrés ne répondent pas à vos besoins ; quand la complexité exige plus que des solutions prêtes à l'emploi, plusieurs voies s'offrent à vous.

Développement de modules personnalisés : Pour un contrôle absolu sur le design et la logique de vos pop-ups, un développeur Odoo peut concevoir un module sur mesure. Cela passe par l'écriture de code Python pour le backend ; de XML et JavaScript pour l'interface. On obtient ainsi des pop-ups interactives, des déclencheurs ultra-spécifiques ou des intégrations avec des systèmes externes. C'est puissant. Mais c'est technique.

Vous préférez éviter de toucher au backend ?

Utilisation de JavaScript et CSS : En mode développeur, via le Website Builder, on peut injecter du code directement. Cette méthode exige une maîtrise du DOM d'Odoo et des langages web. Elle offre une liberté totale ; elle demande aussi plus de temps et de maintenance.

Et si vous ne voulez pas coder ?

Intégration de services tiers : Des plateformes comme Common Ninja proposent des outils visuels pour créer des pop-ups sans écrire une ligne de code. On insère un snippet dans l'en-tête ou le pied de page ; le tour est joué. Ces solutions incluent souvent des analytics et des options de ciblage avancées. Pratique, mais dépendant d'un acteur externe.

Chaque approche a ses forces. Chaque projet ses contraintes. À vous de choisir.

Le choix de la méthode dépendra de vos besoins spécifiques, de votre budget et des ressources techniques disponibles. Pour la plupart des utilisateurs d'Odoo, commencer par les blocs intégrés est la solution la plus efficace et la plus rapide. 

Dépannage et Meilleures Pratiques 

Malgré la simplicité apparente de l'ajout de pop-ups, des problèmes peuvent survenir, notamment celui des "blocs manquants". Voici quelques conseils de dépannage et les meilleures pratiques pour garantir l'efficacité de vos pop-ups. 

Dépannage des Blocs Manquants 

Si vous ne trouvez pas les blocs de pop-up dans le Website Builder d'Odoo 18 ou d'autres versions, considérez les points suivants : 

1. Vérifier la version d'Odoo : Assurez-vous que votre version d'Odoo est à jour. Les fonctionnalités peuvent être ajoutées, modifiées ou déplacées entre les versions. Si vous utilisez une version très

spécifique ou une installation personnalisée, il est possible que certains blocs ne soient pas activés par défaut. 

2. Activer le mode développeur : Le mode développeur (ou mode débogage) dans Odoo peut révéler des options supplémentaires et des blocs cachés. Pour l'activer, allez dans Paramètres > Général et cliquez sur Activer le mode développeur . Une fois activé, retournez au Website Builder et vérifiez à nouveau les blocs disponibles. 

3. Rechercher avec des mots-clés variés : Comme mentionné précédemment, la recherche de "pop" ou "popup" est essentielle. Essayez également des termes comme "modal", "dialogue", ou "fenêtre" pour voir si des blocs similaires apparaissent sous d'autres noms. 

4. Vérifier les modules installés : Certains blocs de pop-up peuvent dépendre de modules spécifiques qui ne sont pas installés par défaut. Vérifiez dans Applications si des modules liés au site web, au marketing ou aux pop-ups sont disponibles et activés. Par exemple, des modules comme "Website Popup Manager"  ou "Website Popups With Inquiry"  peuvent ajouter des fonctionnalités de pop up. 

5. Personnalisation ou Conflits : Si votre instance Odoo a été fortement personnalisée ou si des modules tiers sont installés, il est possible qu'ils entrent en conflit avec les fonctionnalités standard du Website Builder, masquant ou modifiant le comportement des blocs de pop-up. Dans ce cas, une investigation plus approfondie par un développeur Odoo pourrait être nécessaire. 

6. Consulter la documentation Odoo et les forums : La documentation officielle d'Odoo et les forums de la communauté (comme celui où la question initiale a été posée) sont d'excellentes ressources pour trouver des solutions aux problèmes spécifiques à votre version d'Odoo. 

[1] Missing "popup" blocks in Odoo version 18 website builder. Odoo Forum. https://www.odoo.com/fr_FR/forum/aide-1/missing-popup-blocks-in-odoo-version-18-website-builder- 269954 [2] How to make pop ups after actions? Odoo Forum. https://www.odoo.com/forum/help-1/how-to make-pop-ups-after-actions-249877 [3] Website Popup Manager - Odoo Apps Store. https://apps.odoo.com/apps/modules/16.0/cloudroits_website_popup [4] Website Pop-up with a button - Odoo Forum. https://www.odoo.com/forum/help-1/website-pop-up-with-a-button-233882 [5] Free Odoo Popup Builder - Common Ninja. https://www.commoninja.com/widgets/popup-builder/odoo [6] How to Create & Manage a Website Popup in the Odoo ERP. Cybrosys Blog. https://www.cybrosys.com/blog/how-to create-manage-a-website-popup-in-the-odoo-erp [7] How to ad a notification bar and a pop up window to odoo ecommerce. Reddit. https://www.reddit.com/r/Odoo/comments/1grbtce/how_to_ad_a_notification_bar_and_a_pop_up_window/ [8] Website Popup - Popup Styles Odoo - YouTube. https://www.youtube.com/watch?v=dl5qVDXSqe0 [9] Website Popups With Inquiry - Odoo Apps Store. https://apps.odoo.com/apps/modules/9.0/website_popup_modal