{"id":4583,"date":"2021-12-03T09:44:51","date_gmt":"2021-12-03T09:44:51","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=4583"},"modified":"2025-07-09T16:48:20","modified_gmt":"2025-07-09T16:48:20","slug":"webnode","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/","title":{"rendered":"Before and After Slider &#8211; Webnode"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Description<\/h2> <p> Le curseur avant et apr\u00e8s d&rsquo;Elfsight vous permet d&rsquo;afficher des images impressionnantes et efficaces pour votre site Web. Les clients peuvent explorer toutes les modifications apport\u00e9es par vos produits ou services. T\u00e9l\u00e9chargez simplement deux photos sur Avant et Apr\u00e8s Slider pour Webnode et elles seront \u00e9quip\u00e9es d&rsquo;un s\u00e9parateur qui peut \u00eatre d\u00e9plac\u00e9 pour voir la diff\u00e9rence. Vous pouvez publier un nombre illimit\u00e9 de diapositives et r\u00e9diger des l\u00e9gendes et des \u00e9tiquettes. L&rsquo;orientation coulissante peut \u00eatre horizontale ou verticale, et vous pouvez choisir le rapport d&rsquo;image le plus appropri\u00e9. Vos clients effectueront certainement un achat lorsqu&rsquo;ils auront captur\u00e9 le r\u00e9sultat r\u00e9el | de vos offres ! <\/p> <p><b>Ins\u00e9rer avant &amp; apr\u00e8s le curseur pour atteindre vos objectifs de commerce \u00e9lectronique avec moins d&rsquo;effort\u00a0! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Les fonctionnalit\u00e9s des widgets les plus populaires contiennent<\/h2> <ul><li>Afficher un nombre illimit\u00e9 de couples de photos avant et apr\u00e8s<\/li> <li>Ins\u00e9rer des l\u00e9gendes avec des options de formatage de texte dans chaque ensemble<\/li><li>Deux mises en page int\u00e9gr\u00e9es\u00a0: Liste et Carrousel<\/li><li>D\u00e9placement horizontal ou vertical du s\u00e9parateur<\/li><li>Cliquez et faites glisser ou survolez simplement pour d\u00e9placer le s\u00e9parateur<\/li><li>Faites glisser sur les \u00e9crans tactiles<\/li><\/ul><p><a href=\"#demo\">Vous pouvez d\u00e9couvrir toutes les capacit\u00e9s du widget dans la d\u00e9mo sur cette page<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Comment puis-je ajouter un slider avant et apr\u00e8s sur mon site Webnode ? <\/h2> <p>Suivez simplement les instructions ci-dessous pour ins\u00e9rer le plugin. <\/p> <ol><li><b>G\u00e9rez notre configurateur gratuit et commencez \u00e0 cr\u00e9er votre instrument personnalis\u00e9. <\/b><br> Sp\u00e9cifiez l&rsquo;apparence et les options pr\u00e9f\u00e9rables du widget et enregistrez les modifications. <\/li> <li><b>Obtenez votre code unique affich\u00e9 dans le formulaire sp\u00e9cial sur Elfsight Apps<\/b><br> Une fois la personnalisation de votre plugin personnel termin\u00e9e, copiez le code exclusif dans la fen\u00eatre qui appara\u00eet et enregistrez-le pour d&rsquo;autres besoins. <\/li> <li><b>Entrez dans l&rsquo;utilisation de l&rsquo;outil sur votre site Webnode<\/b><br> Int\u00e9grez le code enregistr\u00e9 r\u00e9cemment dans votre page et appliquez les corrections. <\/li> <li><b>L&rsquo;installation est compl\u00e8tement termin\u00e9e<\/b><br> Allez sur votre page Web pour examiner comment fonctionne le plugin. <\/li><\/ol> <p>Si vous contestez des demandes de renseignements ou rencontrez des probl\u00e8mes, n&rsquo;h\u00e9sitez pas \u00e0 contacter notre \u00e9quipe d&rsquo;assistance. Nos collaborateurs ont h\u00e2te de r\u00e9soudre toutes les questions que vous pourriez vous poser sur le widget. <\/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 sur mon site Webnode 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 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 Webnode. 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 ajouter sur votre site Webnode sans avoir besoin d&rsquo;acheter un 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 Webnode. 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-4583","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 plugin Photo avant\/apr\u00e8s curseur sur Webnode<\/title>\n<meta name=\"description\" content=\"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Appliquez la d\u00e9mo d&#039;Elfsight et g\u00e9n\u00e9rez votre widget en quelques 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\/webnode\/\" \/>\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 plugin Photo avant\/apr\u00e8s curseur sur Webnode\" \/>\n<meta property=\"og:description\" content=\"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Appliquez la d\u00e9mo d&#039;Elfsight et g\u00e9n\u00e9rez votre widget en quelques minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T16:48:20+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 plugin Photo avant\/apr\u00e8s curseur sur Webnode","description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Appliquez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en quelques 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\/webnode\/","og_locale":"fr_FR","og_type":"article","og_title":"Photos avant apr\u00e8s - ajoutez plugin Photo avant\/apr\u00e8s curseur sur Webnode","og_description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Appliquez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en quelques minutes.","og_url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/","og_site_name":"Elfsight FR","article_modified_time":"2025-07-09T16:48:20+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\/webnode\/","url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/","name":"Photos avant apr\u00e8s - ajoutez plugin Photo avant\/apr\u00e8s curseur sur Webnode","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2021-12-03T09:44:51+00:00","dateModified":"2025-07-09T16:48:20+00:00","description":"Int\u00e9grez un Photos avant apr\u00e8s attractif sur votre site. Appliquez la d\u00e9mo d'Elfsight et g\u00e9n\u00e9rez votre widget en quelques minutes.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/webnode\/#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; Webnode"}]},{"@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":"Plugin Photos avant apr\u00e8s pour Webnode","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 Webnode.","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 gratuitement \u00e0 votre site Webnode !","default_faq_hidden":"","app_template_category":[],"platform":"364","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\/4583","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=4583"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4583\/revisions"}],"predecessor-version":[{"id":14699,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4583\/revisions\/14699"}],"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=4583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}