{"id":4547,"date":"2021-12-03T09:46:01","date_gmt":"2021-12-03T09:46:01","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=4547"},"modified":"2025-07-09T10:13:12","modified_gmt":"2025-07-09T10:13:12","slug":"drupal","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/","title":{"rendered":"Before and After Slider &#8211; Drupal"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Description<\/h2> <p> Le Slider Avant et Apr\u00e8s d&rsquo;Elfsight vous permet de publier des images de vente fascinantes pour votre site Web. Les utilisateurs auront la possibilit\u00e9 de v\u00e9rifier tous les effets de vos produits ou services que vous pr\u00e9sentez. T\u00e9l\u00e9chargez simplement les photos avant et apr\u00e8s sur le curseur avant et apr\u00e8s pour Drupal et elles seront d\u00e9montr\u00e9es avec un s\u00e9parateur qui se d\u00e9place pour permettre de comparer. Vous pouvez publier un nombre illimit\u00e9 de paires de photos, chacune avec sa propre l\u00e9gende. L&rsquo;orientation coulissante peut \u00eatre horizontale ou verticale, et vous \u00eates libre de s\u00e9lectionner le rapport d&rsquo;image le plus appropri\u00e9. Vos visiteurs n&rsquo;\u00e9chapperont pas \u00e0 un achat, une fois qu&rsquo;ils auront d\u00e9couvert la r\u00e9elle efficacit\u00e9 | de vos produits ! <\/p> <p><b>Obtenez le meilleur d&rsquo;avant et d&rsquo;avant ; apr\u00e8s le curseur pour atteindre vos sommets e-commerce avec moins d&rsquo;effort ! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Voici quelques-unes des fonctionnalit\u00e9s utiles du widget\u00a0: <\/h2> <ul><li>Ajoutez n&rsquo;importe quelle quantit\u00e9 d&rsquo;avant et d&rsquo;apr\u00e8s ensembles d&rsquo;images<\/li> <li>\u00c9crivez des l\u00e9gendes avec mise en forme de texte sur chaque diapositive<\/li><li>Deux mises en page pr\u00eates \u00e0 l&#8217;emploi\u00a0: Liste et Carrousel<\/li><li>Direction 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 \u00e9crans tactiles<\/li><\/ul><p><a href=\"#demo\">V\u00e9rifiez simplement cette d\u00e9mo pour avoir une id\u00e9e compl\u00e8te<\/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 curseur Avant et Apr\u00e8s dans mon Drupal\u00a0? <\/h2> <div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/drf_TvdrGaI\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Suivez simplement les instructions ci-dessous pour activer le plugin sur Drupal.<\/p> <ol><li><b>Ex\u00e9cutez notre \u00e9diteur gratuit et commencez \u00e0 fa\u00e7onner votre cr\u00e9ation sur mesure. Module Slider avant et apr\u00e8s. <\/b><br> Sp\u00e9cifiez la disposition et les fonctionnalit\u00e9s s\u00e9lectionn\u00e9es de l&rsquo;outil et enregistrez les modifications. <\/li> <li><b>Obtenez votre code individuel r\u00e9v\u00e9l\u00e9 dans la bo\u00eete sur les applications Elfsight. <\/b><br> Une fois la g\u00e9n\u00e9ration de votre module termin\u00e9e, copiez le code personnel dans la case qui appara\u00eet et enregistrez-le pour un besoin futur. <\/li> <li><b>Initiez l&rsquo;utilisation de l&rsquo;outil sur votre site Drupal. <\/b><br> Collez le code copi\u00e9 r\u00e9cemment dans votre site Web et enregistrez les corrections. <\/li> <li><b>Vous avez termin\u00e9\u00a0! L&rsquo;int\u00e9gration est pleinement r\u00e9alis\u00e9e. <\/b><br> Rendez-vous sur votre site pour jeter un oeil au fonctionnement de l&rsquo;outil. <\/li><\/ol><p>Si vous rencontrez des demandes de renseignements ou rencontrez des probl\u00e8mes, n&rsquo;h\u00e9sitez pas \u00e0 \u00e9crire \u00e0 notre \u00e9quipe d&rsquo;assistance. Nos consultants seront ravis de r\u00e9soudre toutes les questions que vous pourriez avoir sur le produit. <\/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 Drupal 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 Web Drupal. 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 simplement int\u00e9grer dans votre site Web Drupal sans acheter de version payante. 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 Drupal. 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-4547","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 module Photo avant\/apr\u00e8s curseur sur Drupal<\/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 deux 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\/drupal\/\" \/>\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 module Photo avant\/apr\u00e8s curseur sur Drupal\" \/>\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 deux minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T10:13:12+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 module Photo avant\/apr\u00e8s curseur sur Drupal","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 deux 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\/drupal\/","og_locale":"fr_FR","og_type":"article","og_title":"Photos avant apr\u00e8s - ajoutez module Photo avant\/apr\u00e8s curseur sur Drupal","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 deux minutes.","og_url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/","og_site_name":"Elfsight FR","article_modified_time":"2025-07-09T10:13:12+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\/drupal\/","url":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/","name":"Photos avant apr\u00e8s - ajoutez module Photo avant\/apr\u00e8s curseur sur Drupal","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2021-12-03T09:46:01+00:00","dateModified":"2025-07-09T10:13:12+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 deux minutes.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/before-and-after-slider-widget\/drupal\/#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; Drupal"}]},{"@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":"Module Photos avant apr\u00e8s pour Drupal","h1_caption":"Pr\u00e9sentez des comparaisons entre deux images, id\u00e9ales pour mettre en \u00e9vidence les transformations ou pr\u00e9senter les avantages du produit sur votre site Web Drupal sans effort.","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 module Slider Avant et Apr\u00e8s","demo_caption":"Configurez votre Slider Avant et Apr\u00e8s et ajoutez-le gratuitement \u00e0 votre site Web Drupal\u00a0!","default_faq_hidden":"","app_template_category":[],"platform":"351","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\/4547","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=4547"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4547\/revisions"}],"predecessor-version":[{"id":14717,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/4547\/revisions\/14717"}],"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=4547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}