{"id":16855,"date":"2024-05-03T06:30:15","date_gmt":"2024-05-03T06:30:15","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=16855"},"modified":"2025-02-20T14:10:21","modified_gmt":"2025-02-20T14:10:21","slug":"webflow","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/","title":{"rendered":"Before and After Slider &#8211; Webflow"},"content":{"rendered":"\n<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Einbetten des Vorher-Nachher-Sliders in Webflow mit dem Elfsight-Widget<\/h2> <p>Mit dem Vorher-Nachher-Slider von Elfsight k\u00f6nnen Sie erstaunliche Verk\u00e4ufe ver\u00f6ffentlichen Bilder f\u00fcr Ihre Website. Benutzer k\u00f6nnen alle \u00c4nderungen, die Ihre Produkte oder Dienstleistungen mit sich bringen, sofort sehen. Laden Sie einfach zwei Bilder auf den Vorher-Nachher-Slider f\u00fcr Webflow hoch und sie werden mit einem beweglichen Teiler demonstriert, um den Unterschied zu erkennen. Sie k\u00f6nnen eine unbegrenzte Anzahl von Folien erstellen und Beschriftungen und Beschriftungen hinzuf\u00fcgen. Die Ausrichtung des Teilers bietet zwei Optionen: horizontal oder vertikal, und Sie k\u00f6nnen das beste Bildverh\u00e4ltnis w\u00e4hlen. Ihre Besucher werden einem Kauf nicht entgehen, wenn sie das tats\u00e4chliche Ergebnis erfahren Ihrer Produkte! <\/p> <p><b>Vor &amp; einf\u00fcgen After-Slider, um Ihre E-Commerce-Ziele schneller zu erreichen! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Im Folgenden sind die Grundfunktionen des Widgets aufgef\u00fchrt: <\/h2> <ul><li>Unbegrenzte Form vor und nach Paaren von Bildern<\/li> <li>Beschriftungen mit Textformatierungsoptionen zu jeder Folie hinzuf\u00fcgen<\/li><li>Zwei Layouts: Liste und Karussell<\/li><li>Horizontale oder vertikale Ausrichtung der Trennlinie<\/li><li>Klicken und ziehen Sie oder bewegen Sie einfach den Mauszeiger, um die Trennlinie zu verschieben<\/li><li>Wischen Sie auf Touchscreen-Ger\u00e4ten<\/li><\/ul><p><a href=\"#demo\">Probieren Sie einfach diese Demo aus, um die Funktionalit\u00e4t zu verstehen des Widgets<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Wie bette ich den Vorher-Nachher-Slider in meine Webflow-Website ein? <\/h2><div class=\"video-container\"><iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/hEd6vYElvlc?si=SDbLLq4jyPApTHAL\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><p>F\u00fchren Sie einfach die unten aufgef\u00fchrten Schritte aus, um das Tool zu integrieren. <\/p> <ol><li><b>Nutzen Sie unseren kostenlosen Editor und beginnen Sie mit der Erstellung Ihres ma\u00dfgeschneiderten Plugins. <\/b><br> Bestimmen Sie die bevorzugte Form und Aspekte des Widgets und speichern Sie die \u00c4nderungen. <\/li> <li><b>Lassen Sie sich Ihren individuellen Code in der Box auf Elfsight Apps anzeigen<\/b><br> Sobald die Generierung Ihres pers\u00f6nlichen Tools abgeschlossen ist, kopieren Sie den exklusiven Code aus der Box und bewahren Sie ihn auf es zur sp\u00e4teren Verwendung. <\/li> <li><b>Initiieren Sie die Nutzung des Plugins auf der Webflow-Site<\/b><br> F\u00fcgen Sie den zuvor gespeicherten Code auf Ihrer Homepage hinzu und speichern Sie die Korrekturen. <\/li> <li><b>Du bist fertig! Die Einrichtung ist vollst\u00e4ndig abgeschlossen<\/b><br> Besuchen Sie Ihre Webseite, um die Leistung des Tools zu \u00fcberpr\u00fcfen. <\/li><\/ol> <p>Wenn Sie Fragen haben oder auf Schwierigkeiten sto\u00dfen, wenden Sie sich bitte schriftlich an unseren Kundendienst. Unsere Mitarbeiter helfen Ihnen gerne bei allen Schwierigkeiten, die Sie mit dem Plugin haben k\u00f6nnten. <\/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\">Wie f\u00fcge ich ohne Programmierkenntnisse einen Vorher- und Nachher-Schieberegler zu meiner Webflow-Website hinzu?<\/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 bietet eine SaaS-L\u00f6sung, mit der Sie selbst ein Vorher- und Nachher-Schieberegler-Widget erstellen k\u00f6nnen. Sehen Sie, wie einfach der Vorgang ist: Arbeiten Sie direkt im Online-Editor, um ein Vorher-Nachher-Schieberegler-Widget zu erstellen, das Sie gerne auf Ihrer Webflow-Website sehen w\u00fcrden. W\u00e4hlen Sie eine der vorgefertigten Vorlagen aus und passen Sie die Einstellungen des Vorher- und Nachher-Schiebereglers an, f\u00fcgen Sie Ihre Inhalte hinzu, \u00e4ndern Sie das Layout und die Farben ohne Programmierkenntnisse. Speichern Sie den Vorher-Nachher-Schieberegler und kopieren Sie den Installationscode, den Sie m\u00fchelos in Ihre Webflow-Website einf\u00fcgen k\u00f6nnen, ohne ein kostenpflichtiges Abonnement zu kaufen. Mit unserem intuitiven Editor kann jeder Internetnutzer online ein Vorher-Nachher-Slider-Widget erstellen und es einfach in seine Webflow-Website einbetten. Um auf den Service zuzugreifen, m\u00fcssen Sie weder bezahlen noch Ihre Kartendaten eingeben. Sollten bei irgendeinem Schritt Probleme auftreten, wenden Sie sich bitte an unser technisches Support-Team.<\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":1269,"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-16855","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>Vorher-Nachher-Slider f\u00fcr die Webflow-Website (kostenlos und schnell!)<\/title>\n<meta name=\"description\" content=\"Betten Sie ein flexibles Vorher-Nachher-Slider-Widget in Ihre Webflow-Website ein. Probieren Sie die voll funktionsf\u00e4hige Elfsight-Demo aus und gestalten Sie Ihren individuellen Vergleichs-Slider.\" \/>\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\/de\/before-and-after-slider-widget\/webflow\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vorher-Nachher-Slider f\u00fcr die Webflow-Website (kostenlos und schnell!)\" \/>\n<meta property=\"og:description\" content=\"Betten Sie ein flexibles Vorher-Nachher-Slider-Widget in Ihre Webflow-Website ein. Probieren Sie die voll funktionsf\u00e4hige Elfsight-Demo aus und gestalten Sie Ihren individuellen Vergleichs-Slider.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T14:10:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vorher-Nachher-Slider f\u00fcr die Webflow-Website (kostenlos und schnell!)","description":"Betten Sie ein flexibles Vorher-Nachher-Slider-Widget in Ihre Webflow-Website ein. Probieren Sie die voll funktionsf\u00e4hige Elfsight-Demo aus und gestalten Sie Ihren individuellen Vergleichs-Slider.","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\/de\/before-and-after-slider-widget\/webflow\/","og_locale":"de_DE","og_type":"article","og_title":"Vorher-Nachher-Slider f\u00fcr die Webflow-Website (kostenlos und schnell!)","og_description":"Betten Sie ein flexibles Vorher-Nachher-Slider-Widget in Ihre Webflow-Website ein. Probieren Sie die voll funktionsf\u00e4hige Elfsight-Demo aus und gestalten Sie Ihren individuellen Vergleichs-Slider.","og_url":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/","og_site_name":"Elfsight DE","article_modified_time":"2025-02-20T14:10:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/","url":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/","name":"Vorher-Nachher-Slider f\u00fcr die Webflow-Website (kostenlos und schnell!)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2024-05-03T06:30:15+00:00","dateModified":"2025-02-20T14:10:21+00:00","description":"Betten Sie ein flexibles Vorher-Nachher-Slider-Widget in Ihre Webflow-Website ein. Probieren Sie die voll funktionsf\u00e4hige Elfsight-Demo aus und gestalten Sie Ihren individuellen Vergleichs-Slider.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/de\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; Webflow"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"504","h1":"Vorher-Nachher-Slider f\u00fcr Webflow","h1_caption":"Pr\u00e4sentieren Sie Vergleiche zwischen zwei Bildern, ideal, um Transformationen hervorzuheben oder Produktvorteile m\u00fchelos auf Ihrer Webflow-Website zu pr\u00e4sentieren.","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":"0","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Erstellen Sie Ihr Vorher-Nachher-Slider-Widget","demo_caption":"Konfigurieren Sie Ihren Vorher-Nachher-Slider und f\u00fcgen Sie ihn kostenlos zu Ihrer Webflow-Website hinzu!","default_faq_hidden":"","app_template_category":[],"platform":"250","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":"ab 0 $ \/ Monat","trial":"","benefits":[{"text":"Kostenlose Installationshilfe"},{"text":"Au\u00dfergew\u00f6hnliche Unterst\u00fctzung"},{"text":"14-t\u00e4gige R\u00fcckerstattungsgarantie"},{"text":"Laufende Verbesserungen"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Installiert","content":"10,000 - 100,000"},{"name":"Reaktionsfreudig","content":"Ja"},{"name":"Kompatible Browser","content":"Chrome, Firefox, Safari, Edge, Opera"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"0","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Plattform\u00fcbergreifende Software, die zu jeder Website passt","pricing_price":"ab 0 $ \/ Monat","pricing_price_caption":"Beginnen Sie mit einem kostenlosen Plan","pricing_benefits":[{"text":"Unbegrenzte Anzahl an Websites"},{"text":"Professionelle Unterst\u00fctzung"},{"text":"Kostenloser Installationsservice"},{"text":"Sonderangebot f\u00fcr mehrere Apps"}],"pricing_button_text":"Zur Website hinzuf\u00fcgen","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":"0","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/16855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=16855"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/16855\/revisions"}],"predecessor-version":[{"id":24593,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/16855\/revisions\/24593"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1269"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=16855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}