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 Saint-Valentin tendre et pétillant qui habille vos pages.
Décorations Saint-Valentin pour site web
Installez une ambiance Saint-Valentin sans toucher à votre site : un simple code HTML à copier, et c’est en place. Vous choisissez le style et les visuels, vous ajustez les détails, et votre page devient chaleureuse, légère et fluide — même sur mobile. Idéal pour une boutique (collection, promos, page produit), mais aussi pour une page d’événement ou un article : chaque page peut avoir sa propre ambiance, avec un décor différent selon les sections de votre site.
Habillage Saint-Valentin pour site web : un cadre mignon qui fait battre la page
Un habillage visuel simple et efficace : votre page est encadrée par des éléments Saint-Valentin (coins, haut/bas, petites touches décoratives). Résultat : une ambiance fun et propre, sans casser votre mise en page.
- Décoration Saint-Valentin “habillage de page” (coins + décor léger)
- Look immédiat : un décor prêt à l’emploi, propre et discret
- Ambiance modulable : un décor différent par page ou section, selon votre contenu
- Presets + mode sur-mesure : choisissez un preset, puis personnalisez
- 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.
Options & réglages
Version gratuite : presets 1 à 3 uniquement. Maximum 3 images actives en même temps (au choix).
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 Saint-Valentin
Questions fréquentes sur le décor Saint-Valentin : habillage de page.