{"id":4581,"date":"2021-12-03T09:44:53","date_gmt":"2021-12-03T09:44:53","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=4581"},"modified":"2025-07-09T16:48:15","modified_gmt":"2025-07-09T16:48:15","slug":"webflow","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/","title":{"rendered":"Before and After Slider &#8211; Webflow"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Int\u00e9grer le curseur avant et apr\u00e8s sur Webflow avec le widget Elfsight<\/h2> <p> Le curseur avant et apr\u00e8s d&rsquo;Elfsight vous permet de publier des ventes \u00e9tonnantes images pour votre site. Les utilisateurs peuvent voir imm\u00e9diatement toutes les modifications apport\u00e9es par vos produits ou services. T\u00e9l\u00e9chargez simplement deux images sur le curseur avant et apr\u00e8s pour Webflow et elles seront d\u00e9montr\u00e9es avec un s\u00e9parateur mobile pour voir la diff\u00e9rence. Vous pouvez cr\u00e9er un nombre illimit\u00e9 de diapositives et ajouter des l\u00e9gendes et des \u00e9tiquettes. L&rsquo;orientation du s\u00e9parateur offre deux options : horizontale ou verticale, et vous pouvez choisir le meilleur rapport d&rsquo;image. Vos visiteurs n&rsquo;\u00e9chapperont pas \u00e0 un achat lorsqu&rsquo;ils conna\u00eetront le r\u00e9sultat r\u00e9el | de vos produits ! <\/p> <p><b>Ins\u00e9rer avant &amp; apr\u00e8s le curseur pour atteindre vos objectifs e-commerce plus rapidement\u00a0! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Vous trouverez ci-dessous les fonctionnalit\u00e9s de base du widget\u00a0: <\/h2> <ul><li>Forme illimit\u00e9e de couples d&rsquo;images avant et apr\u00e8s<\/li> <li>Ajoutez des l\u00e9gendes avec des options de formatage de texte \u00e0 chaque diapositive<\/li><li>Deux mises en page\u00a0: Liste et Carrousel<\/li><li>Orientation horizontale ou verticale du s\u00e9parateur<\/li><li>Cliquez et faites glisser ou survolez simplement pour d\u00e9placer le s\u00e9parateur<\/li><li>Faites glisser sur les appareils \u00e0 \u00e9cran tactile<\/li><\/ul><p><a href=\"#demo\">Essayez simplement cette d\u00e9mo pour comprendre la fonctionnalit\u00e9 du widget<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Comment int\u00e9grer le Slider Avant et Apr\u00e8s dans mon site Web Webflow\u00a0? <\/h2><div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/hEd6vYElvlc\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Suivez simplement plusieurs \u00e9tapes pr\u00e9sent\u00e9es ci-dessous pour int\u00e9grer l&rsquo;outil. <\/p> <ol><li><b>Utilisez notre \u00e9diteur gratuit et commencez \u00e0 cr\u00e9er votre plugin sur mesure. <\/b><br> D\u00e9terminez la forme et les aspects pr\u00e9f\u00e9rables du widget et enregistrez les modifications. <\/li> <li><b>Faites r\u00e9v\u00e9ler votre code unique dans la bo\u00eete sur Elfsight Apps<\/b><br> D\u00e8s que la g\u00e9n\u00e9ration de votre outil personnel est termin\u00e9e, copiez le code exclusif de la bo\u00eete \u00e9merg\u00e9e et conservez pour une utilisation ult\u00e9rieure. <\/li> <li><b>Lancer l&rsquo;utilisation du plugin sur le site Webflow<\/b><br> Ajoutez le code enregistr\u00e9 auparavant dans votre page d&rsquo;accueil et enregistrez les corrections. <\/li> <li><b>Vous avez termin\u00e9\u00a0! La configuration est enti\u00e8rement termin\u00e9e<\/b><br> Visitez votre page Web pour v\u00e9rifier les performances de l&rsquo;outil. <\/li><\/ol> <p>Si vous rencontrez des questions ou rencontrez des difficult\u00e9s, veuillez \u00e9crire \u00e0 notre service client. Nos collaborateurs sont impatients de vous aider avec toutes les difficult\u00e9s que vous pourriez rencontrer sur le plugin. <\/p> <div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Comment ajouter un slider Avant et Apr\u00e8s \u00e0 mon site Webflow sans comp\u00e9tences en codage ?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"> <p>Elfsight propose une solution SaaS qui vous permet de cr\u00e9er vous-m\u00eame un widget de slider Avant et Apr\u00e8s, voyez \u00e0 quel point le processus est simple\u00a0: travaillez directement dans l&rsquo;\u00e9diteur en ligne pour cr\u00e9er un widget de curseur Avant et Apr\u00e8s que vous aimeriez voir sur votre site Web Webflow. Choisissez l&rsquo;un des mod\u00e8les pr\u00e9d\u00e9finis et ajustez les param\u00e8tres du curseur Avant et apr\u00e8s, ajoutez votre contenu, modifiez la mise en page et les couleurs sans aucune comp\u00e9tence en codage. Enregistrez le curseur Avant et apr\u00e8s et copiez son code d&rsquo;installation, que vous pouvez coller sans effort dans votre site Web Webflow sans acheter d&rsquo;abonnement payant. Avec notre \u00e9diteur intuitif, tout internaute peut cr\u00e9er un widget de curseur Avant et apr\u00e8s en ligne et l&rsquo;int\u00e9grer facilement \u00e0 son site Web Webflow. Il n&rsquo;est pas n\u00e9cessaire de payer ou de saisir les informations d&rsquo;identification de votre carte pour acc\u00e9der au service. Si vous rencontrez des probl\u00e8mes \u00e0 n&rsquo;importe quelle \u00e9tape, n&rsquo;h\u00e9sitez pas \u00e0 contacter notre \u00e9quipe d&rsquo;assistance technique.<\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":1621,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-4581","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Photos avant apr\u00e8s - ajoutez widget Photo avant\/apr\u00e8s curseur sur Webflow<\/title>\n<meta name=\"description\" content=\"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Utilisez la d\u00e9mo d&#039;Elfsight et g\u00e9n\u00e9rez votre widget en 2 minutes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photos avant apr\u00e8s - ajoutez widget Photo avant\/apr\u00e8s curseur sur Webflow\" \/>\n<meta property=\"og:description\" content=\"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Utilisez la d\u00e9mo d&#039;Elfsight et g\u00e9n\u00e9rez votre widget en 2 minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T16:48:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photos avant apr\u00e8s - ajoutez widget Photo avant\/apr\u00e8s curseur sur Webflow","description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Utilisez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en 2 minutes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/","og_locale":"fr_FR","og_type":"article","og_title":"Photos avant apr\u00e8s - ajoutez widget Photo avant\/apr\u00e8s curseur sur Webflow","og_description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Utilisez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en 2 minutes.","og_url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/","og_site_name":"Elfsight FR","article_modified_time":"2025-07-09T16:48:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/","url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/","name":"Photos avant apr\u00e8s - ajoutez widget Photo avant\/apr\u00e8s curseur sur Webflow","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2021-12-03T09:44:53+00:00","dateModified":"2025-07-09T16:48:15+00:00","description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Utilisez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en 2 minutes.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; Webflow"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1614","h1":"Widget Photos avant apr\u00e8s pour Webflow","h1_caption":"Pr\u00e9sentez des comparaisons entre deux images, id\u00e9ales pour mettre en \u00e9vidence les transformations ou pr\u00e9senter sans effort les avantages du produit sur votre site Web Webflow.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Cr\u00e9ez votre widget Slider Avant et Apr\u00e8s","demo_caption":"Configurez votre slider avant et apr\u00e8s et ajoutez-le \u00e0 votre site Web Webflow gratuitement\u00a0!","default_faq_hidden":"","app_template_category":[],"platform":"362","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"\u00c0 partir de $0\/mois","trial":"","benefits":[{"text":"Installation gratuite"},{"text":"Support Premium"},{"text":"Garantie de remboursement de 14 jours"},{"text":"L'am\u00e9lioration continue"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Nombre d'installations","content":"1,000 - 5,000","_state":"expanded"},{"name":"Adaptif","content":"Oui","_state":"expanded"},{"name":"Navigateurs compatibles","content":"Firefox, Safari, Opera, Chrome, Edge","_state":"expanded"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Applications d'Elfsight","pricing_title_caption":"Solution num\u00e9rique multiplateforme qui fonctionne sur n'importe quel site","pricing_price":"\u00c0 partir de $0\/mois","pricing_price_caption":"Commencez avec un plan gratuit","pricing_benefits":[{"text":"Sites Web illimit\u00e9s"},{"text":"\u00c9quipe d'assistance professionnelle"},{"text":"Service d'installation gratuit"},{"text":"100% personnalisable"}],"pricing_button_text":"Ajouter au site Web","pricing_button_url":"https:\/\/apps.elfsight.com\/sign-up\/","pricing_button_nofollow":"1","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=4581"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4581\/revisions"}],"predecessor-version":[{"id":14700,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4581\/revisions\/14700"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1621"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=4581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}