Une différence visible en un regard
Le visiteur voit directement l’avant et l’après, sans effort de comparaison, ce qui rend le résultat plus clair et plus convaincant.
Des widgets pour un site professionnel Au service de votre activité
Prêts à l’emploi • Simples à intégrer • Faciles à personnaliser
Élément HTML pour WebAcappella — Fusion, Fusion Pro, Responsive, FX
Ajouter un comparateur Avant / Après dans WebAcappella
Montrez une transformation, une rénovation ou un résultat directement sur une page WebAcappella, avec un outil configurable en ligne et un seul élément HTML à coller.
- Compatible Fusion, Fusion Pro, Responsive, FX
- Un seul élément HTML à coller
- Gestion en ligne
- Rendu vérifiable PC / Tablette / Mobile avant publication
- Essai 48 h sans carte bancaire
- Sans abonnement mensuel
Besoin WebAcappella
Pourquoi ajouter l’outil Avant / Après dans WebAcappella ?
Sur une page WebAcappella, une transformation, une rénovation ou un résultat visuel est parfois difficile à faire comprendre avec une simple photo ou un texte descriptif. Le visiteur doit imaginer la différence, ce qui rend le résultat moins convaincant.
Repartir de zéro techniquement uniquement pour comparer deux images peut être excessif. L’outil Avant / Après permet d’ajouter cette fonction avec un élément HTML, sans complexité supplémentaire.
Ce que l’outil apporte
Ce que l’outil Avant / Après apporte à une page WebAcappella
L’objectif est de rendre une transformation immédiatement lisible, sans demander au visiteur de comparer mentalement deux photos séparées.
Plusieurs façons de comparer
La comparaison peut rester simple avec un curseur, ou utiliser un autre mode d’affichage selon l’ambiance recherchée pour votre page WebAcappella.
Une présentation qui s’adapte à votre page
Une comparaison peut vivre seule sur la page, s’enchaîner avec d’autres exemples, ou s’intégrer dans une mise en page plus complète.
Placement conseillé
Où placer l’outil Avant / Après dans une page WebAcappella ?
Le bon emplacement dépend du moment où le visiteur a besoin de voir un résultat concret pour se décider.
Page de service ou de rénovation
Montrez l’état de départ et le résultat final directement sur la page qui présente votre prestation.
Page de réalisations
Rassemblez plusieurs comparaisons pour donner une vue d’ensemble de vos résultats passés.
Avant une demande de devis
Placez la comparaison juste avant le formulaire de contact pour renforcer la décision du visiteur.
Fin de page, pour lever un dernier doute
Une comparaison en fin de page peut convaincre un visiteur encore hésitant avant qu’il ne quitte le site.
Cas d’usage
Des exemples concrets pour un site WebAcappella
Ces exemples s’adressent aux indépendants, artisans et petites entreprises qui veulent montrer un résultat plutôt que le décrire.
Artisan du bâtiment ou de la rénovation
Montrez une pièce avant travaux et son état final pour rendre votre savoir-faire immédiatement visible.
Paysagiste ou entretien extérieur
Comparez un extérieur avant et après intervention pour donner envie de vous contacter.
Institut de beauté ou service à la personne
Présentez une transformation esthétique pour aider le visiteur à se projeter avant une prise de rendez-vous.
Mise en place
Comment intégrer l’outil Avant / Après dans WebAcappella ?
L’intégration reste volontairement simple : vous préparez l’outil côté Scripts HTML, puis vous ajoutez son code dans un élément HTML de votre page WebAcappella.
- Configurez votre comparaison depuis Scripts HTML : images avant/après, mode d’affichage et réglages visuels.
- Vérifiez le rendu dans l’interface Scripts HTML sur ordinateur, tablette et mobile, avant de publier.
- Copiez le code d’intégration fourni par Scripts HTML.
- Dans WebAcappella, ouvrez la page concernée et ajoutez un élément HTML à l’endroit voulu.
- Collez le code dans cet élément HTML, puis publiez votre site WebAcappella.
- Pour modifier la comparaison plus tard, ajustez vos réglages depuis Scripts HTML, sans reconstruire toute votre page WebAcappella.
Compatibilité WebAcappella
Avec quelle version de WebAcappella ?
L’outil s’intègre de la même façon, quelle que soit la version du logiciel utilisée pour construire votre site.
Fusion et Fusion Pro
Ajoutez un élément HTML à l’endroit où vous voulez afficher la comparaison, collez le code, puis publiez.
Responsive
Sur WebAcappella Responsive, l’intégration se fait aussi via un élément HTML. Vérifiez le rendu mobile après publication.
FX
Sur WebAcappella FX, utilisez également un élément HTML dédié. En cas de doute, testez d’abord sur une page de brouillon.
Choix utile
Quand utiliser l’outil Avant / Après, et quand éviter ?
L’outil Avant / Après est pertinent quand une transformation visuelle peut convaincre plus qu’un long texte descriptif.
Cet outil est utile si
- Vous avez de vraies photos avant et après à présenter.
- Vous voulez renforcer la confiance avant une demande de devis ou une prise de contact.
- Vous cherchez une fonction précise à intégrer dans WebAcappella, avec un seul élément HTML à ajouter.
- Vous voulez pouvoir modifier vos comparaisons plus tard sans repartir de zéro.
Il est moins adapté si
- Vous n’avez pas encore de photos avant/après suffisamment claires pour convaincre.
- Votre page WebAcappella ne dispose pas d’espace disponible pour un élément HTML supplémentaire.
- Vous cherchez un outil de retouche d’image plutôt qu’un outil de comparaison visuelle.
Pourquoi Scripts HTML
Pourquoi passer par Scripts HTML ?
Scripts HTML est utile quand vous voulez ajouter une fonction ciblée à votre page WebAcappella sans repartir de zéro techniquement.
- Un seul élément HTML à ajouter, sans dossier technique à gérer.
- Configuration gérée en ligne depuis Scripts HTML.
- Code d’intégration à placer dans une zone compatible HTML.
- Essai 48 h sans carte bancaire.
- Sans abonnement mensuel.
- Assistance si besoin.
Questions fréquentes
Questions fréquentes sur l’outil Avant / Après pour WebAcappella
Voici les réponses aux questions les plus utiles avant d’ajouter cet outil sur une page WebAcappella.
Puis-je utiliser ce comparateur avec un template WebAcappella ?
Oui. Le template sert de base pour votre mise en page ; Scripts HTML vient simplement ajouter l’outil à l’endroit où vous placez l’élément HTML.
Où coller le code dans WebAcappella ?
Le code fourni par Scripts HTML se colle dans un élément HTML de votre page WebAcappella, à l’endroit où vous voulez afficher la comparaison.
Est-ce compatible avec Fusion, Fusion Pro, Responsive et FX ?
Oui, l’intégration fonctionne de la même façon sur ces versions : un élément HTML, le code collé dedans, puis publication.
Faut-il gérer des fichiers CSS ou JavaScript ?
Non. Vous n’avez pas de fichiers CSS ou JavaScript à gérer, ni de dossier technique à importer. Scripts HTML gère la partie technique ; vous récupérez simplement le code HTML à intégrer dans WebAcappella.
Puis-je modifier la comparaison après l’avoir intégrée ?
Oui. Le code est placé une fois dans WebAcappella, puis vous gérez les images, le mode d’affichage et les réglages depuis l’espace Scripts HTML.
Est-ce que l’outil s’adapte au mobile et à la tablette ?
Oui. L’outil est pensé pour rester lisible sur mobile, tablette et ordinateur. Vous pouvez vérifier le rendu dans l’interface Scripts HTML avant de publier votre page WebAcappella.
Puis-je afficher plusieurs comparaisons sur la même page ?
Oui. Vous pouvez présenter une comparaison seule, plusieurs comparaisons à la suite, ou les intégrer dans une mise en page plus complète.
Est-ce que cela peut casser mon site WebAcappella ?
Non. Vous ne modifiez pas la structure interne de votre projet WebAcappella. Vous ajoutez seulement un élément HTML dans la page concernée, que vous pouvez retirer à tout moment.
Prêt à tester sur WebAcappella ?
Montrez vos résultats en un coup d’œil sur votre page WebAcappella
L’outil Avant / Après aide vos visiteurs à voir une transformation avant de vous contacter. Une fonction ciblée, avec un seul élément HTML à ajouter dans WebAcappella.