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 Nouvel An chic et lumineux qui habille vos pages.
Décorations de Nouvel An pour site web
Installez une ambiance de Nouvel An, sans toucher à votre site : un simple code HTML à copier, et c’est fait. Vous choisissez le style et les images, vous ajustez les détails, et votre page devient festive, fluide et légère, même sur mobile. Et si vous voulez varier : chaque page peut avoir sa propre ambiance, avec un décor différent selon les sections de votre site.
Habillage de Nouvel An 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 Nouvel An (coins, haut/bas, détails “Bonne année”, touches lumineuses) 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 spéciale début d’année.
- Décoration Nouvel An “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 Nouvel An (habillage de page)
Les réponses aux questions fréquentes sur Décor Nouvel An : installation, compatibilité, rendu et performances (code HTML / script HTML prêt à coller, “Bonne année” inclus).