How do I add the before-after slider to my WordPress or Wix site?

Simply upload your images, customize the slider settings, and click 'Copy Embed Code'. Then, paste this code into a 'Custom HTML' block in WordPress or an 'Embed' widget in Wix.

Is the generated slider mobile-friendly?

Yes! The slider is fully responsive and touch-enabled, allowing users to drag the comparison bar on smartphones and tablets.

Do I need to install any plugins or libraries?

No. The code generated is 'Vanilla' HTML, CSS, and JavaScript. It does not require jQuery or any other external libraries, keeping your website fast and lightweight.

Can I use high-resolution photos?

Yes, but for the best performance on your website, we recommend resizing and optimizing your images first using our Image Compressor tool before generating the slider code.

Outils marketing

Curseur image avant-après

Générez des curseurs d'image avant-après pour votre site Web. Idéal pour les entrepreneurs et les paysagistes. Obtenez le code d'intégration instantanément.

before after sliderimage comparison toolembeddable before aftercontractor photo sliderwork results showcase

Essayez-le en ligne

Créez des curseurs de comparaison interactifs pour les résultats de travail.

Avis de confidentialite

Le traitement de l image est execute localement dans votre navigateur. Les fichiers ne sont ni televerses ni stockes sur nos serveurs, et les resultats ne sont visibles que par vous.

Loading tool...

Plus d outils dans cette categorie

Parcourez plus d outils dans Outils marketing.

Voir tous les outils de la categorie

Bibliothèque de modèles d'invite AI
Générez des modèles d'invites prêts à l'emploi pour les tâches de rédaction, de marketing et de développement.
Optimiseur d'invite
Affinez les invites approximatives en instructions structurées et claires.
Générateur de titres IA
Générez plusieurs idées de titres à partir de votre sujet, mot-clé et ton.
Générateur de codes QR
Générez des codes QR à partir de texte et de liens.
Outil actuel
Curseur image avant-après
Créez des curseurs de comparaison interactifs pour les résultats de travail.

Guide complet

Loading complete guide...