Le moteur ne s’affiche plus après une mise à jour Webflow, est-ce lié

Points clés
● Identifier pourquoi le moteur disparaît après une mise à jour
● Vérifier les scripts, embeds et paramètres supprimés
● Restaurer l’affichage du moteur sur desktop et mobile
● Éviter les erreurs lors des prochaines mises en ligne

Lorsqu’un moteur de réservation qui fonctionnait parfaitement cesse soudainement de s’afficher après une mise à jour Webflow, il y a de fortes chances que les deux événements soient liés. Une modification dans le Designer, un style supprimé, un script déplacé ou une interaction dérégulée peut empêcher le moteur de se charger correctement.

Ce problème est fréquent dans les sites hôteliers après une refonte du header, une optimisation mobile ou une mise à jour globale.

Pourquoi une mise à jour peut empêcher le moteur de s’afficher

Voici les causes les plus fréquentes :
● suppression ou déplacement involontaire d’un embed code
● script du moteur effacé, dupliqué ou placé au mauvais endroit
● conflit CSS nouveau (overflow hidden, z-index, position)
● interaction Webflow qui masque le moteur
● iframe déplacée dans un conteneur non compatible
● changement de classe entraînant une perte de style essentiel
● mise en cache du moteur ou de la page Webflow

💡 Dans 80 % des cas, le moteur disparaît suite à une modification structurelle ou à un script manquant.

Vérifications essentielles pour restaurer l’affichage

1. Vérifier que le script du moteur est toujours présent

Après une mise à jour, certains blocs d’embed peuvent être :
● supprimés
● renommés
● déplacés
● désactivés par erreur

Vérifiez :
● le script dans les Custom Code du site
● les embeds présents dans le header ou sur les pages concernées
● la configuration dans la page Settings si le moteur y était injecté

💡 Si vous utilisez un script fourni par votre moteur, assurez-vous qu’il est bien en place dans la section recommandée.

2. Inspecter les conteneurs pour repérer un overflow hidden

Si le moteur est présent dans le DOM mais invisible, c’est souvent dû à :
● un overflow hidden sur un parent
● une hauteur fixe trop faible
● une transformation appliquée par erreur

Test rapide :
● sélectionnez les blocs parents et remplacez overflow hidden par visible
● augmentez temporairement la hauteur pour vérifier l’affichage
● testez en supprimant les paddings extrêmes

3. Vérifier les interactions Webflow

Une interaction modifiée peut :
● masquer l’iframe
● déplacer le widget hors de l’écran
● appliquer une opacity 0 non souhaitée
● empêcher le script de se lancer au chargement

Test : dupliquez la page → supprimez toutes les interactions → rechargez.

4. Tester l’affichage dans une page vierge

Créez une nouvelle page vide et collez uniquement :
● le script du moteur
● ou l’iframe fournie

Si le moteur s’affiche ici, cela prouve que le problème vient de votre structure, non du moteur.

5. Vérifier les erreurs dans la console navigateur

Une mise à jour peut casser un script et entraîner :
● un blocage JavaScript
● une ressource non chargée
● une dépendance absente

Ouvrez l’inspecteur → Console → repérez les erreurs en rouge.

6. Publier une nouvelle fois le site

L’aperçu Webflow (Preview) ne charge pas les scripts externes.
Seule la version publiée vous permet de vérifier si le moteur fonctionne réellement.
Publiez de nouveau pour vider les caches et recharger les scripts.

Bonnes pratiques pour éviter que cela ne se reproduise

• Ne modifiez jamais les blocs contenant les scripts du moteur.
  ● Conservez une duplication propre de la page avant toute mise à jour importante.
  ● Documentez la position exacte des embeds et scripts.
  ● Testez systématiquement le moteur après chaque publication.
  ● Limitez les interactions complexes dans le header ou les overlays.

💡 Conseil : créez un “safe container” dédié au moteur, jamais modifié lors des refontes.

Conclusion

Oui, un moteur de réservation qui disparaît après une mise à jour Webflow est très souvent lié à cette modification. Heureusement, le problème se résout rapidement en vérifiant les scripts, les conteneurs, les animations et l’intégration du widget. Avec ces étapes, vous pourrez restaurer l’affichage et sécuriser vos futures mises en ligne.