Ajoutez du style et de l’interactivité à votre site Web
Effets visuels, galeries, widgets de RDV, animations…
Personnalisables • Intégration ultra-simple • Performance • SEO-friendly
Un décor de Noël festif et élégant qui habille vos pages.
Décorations de Noël pour site web
Installez une ambiance de Noël, aucune modification sur votre site : un simple code HTML à copier, et c’est fait. Vous sélectionnez le style et les images, vous réglez les détails, et vous obtenez une page habillée, festive, pensée pour rester fluide et légère, même sur mobile. Chaque page peut avoir sa propre ambiance : vous pouvez appliquer un décor différent selon les pages de votre site.
Habillage de Noël pour site web : coins festifs & décor de page
Ce décor s’utilise comme un habillage visuel : il encadre votre page avec des éléments de Noël (coins, haut/bas, détails) pour créer une mise en scène propre, sans toucher à votre mise en page. Idéal pour une page d’accueil, une landing promo ou une offre de fin d’année.
- Décoration de Noël “habillage de page” (coins et éléments de décor)
- Personnalisation par page : un décor différent selon l’endroit
- Compatible Shopify, Wix et WordPress (sans plugin)
- Fluide et discret sur mobile
Poids des images (jauges PC & Mobile)
L’effet calcule le poids total des fichiers images utilisés par le décor.
L’objectif : un décor net et premium, sans pénaliser la vitesse de la page.
Le panneau affiche deux jauges : une pour PC et une pour Mobile. Mobile utilise des images plus légères : l’affichage mobile n’a pas besoin de la même définition.
Repères PC
- 🟢 ≤ 900 Ko : léger, parfait
- 🟠 901 → 1500 Ko : acceptable, mais ça commence à charger
- 🔴 > 1500 Ko : trop lourd, à optimiser
Repères Mobile
- 🟢 ≤ 500 Ko : léger, parfait
- 🟠 501 → 900 Ko : acceptable, mais certains mobiles peuvent ralentir
- 🔴 > 900 Ko : trop lourd, à optimiser
Bon à savoir
Si une image est utilisée deux fois (même retournée), elle n’est téléchargée qu’une seule fois : elle ne double pas le poids.
Test recommandé sur mobile (portrait)
Avant de valider, on vous conseille de tester sur mobile en mode portrait : avec certaines tailles, les éléments peuvent se rapprocher ou se chevaucher. Ça peut donner un style plus “chargé” (parfois très cool), mais si vous voulez un rendu plus lisible, ajustez simplement la taille ou le nombre d’images.
Meilleur endroit où copier le code
Ici, on parle du meilleur endroit où placer votre bloc HTML dans la page (pas de comment copier le code dans un bloc HTML).
L’effet fonctionne quel que soit l’endroit où vous placez le code. Cependant, pour un rendu plus propre, il est conseillé de le mettre tout en bas de votre page. Cela permet à votre site de se charger normalement en premier, puis à l’animation de se lancer juste après, comme une couche décorative qui vient se poser par-dessus votre contenu. C’est la manière la plus nette et la plus confortable d’afficher un effet visuel sur votre site.
Intégration en 2 étapes Voir la page : Comment ça marche ?
Le panneau génère votre code d’intégration (HTML/JavaScript). Vous le collez dans votre page. C’est tout.
Compatible WordPress, Wix, Shopify… — sans plugin/extension.
-
1
Générez votre code HTML depuis le panneau
Réglez l’effet, testez le rendu, puis cliquez sur « Copier le code » Si vous voulez changez un réglage, revenez au panneau et recopiez-collez le code mis à jour — autant de fois que vous voulez, sans limite de temps. Aucun quota, aucun plugin requis.
-
2
Collez le code HTML sur votre page
Intégrez le script html dans l’emplacement prévu pour le code : bloc HTML, ou zone “code” de votre éditeur/CMS.
<!-- Script généré par le panneau (exemple d’emplacement) --> <script src="…"></script> <script> ConfettiEffect.start({ /* options définies dans le panneau */ }); </script>
FAQ — Décor Noël (habillage de page)
Les réponses aux questions fréquentes sur Décor Noël : installation, compatibilité, rendu et performances (code HTML / script HTML prêt à coller).