{"id":840,"date":"2020-05-19T16:06:04","date_gmt":"2020-05-19T16:06:04","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=840"},"modified":"2020-10-21T15:27:50","modified_gmt":"2020-10-21T15:27:50","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/","title":{"rendered":"Form Builder &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 1: Ein handliches Kontact-Formular<\/h3><div class=\"application-examples-item-description\">Ein einfaches Kontaktformular mit Textfeldern f\u00fcr Name, E-Mail-Adresse, Telefon, Website-URL und Kundennachricht. Zwei der Felder sind erforderlich und mit dem Symbol * gekennzeichnet. Das Standardlayout und die Felder sind in zwei Spalten unterteilt, um die Seite kompakter zu gestalten. Ein flacher, abgerundeter Stil wird mit der benutzerdefinierten Farbe der Schaltfl\u00e4che verwendet.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d9b8413c-4ee8-4913-a535-cfb153d1197a&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 2:  Ein Umfrageformular<\/h3><div class=\"application-examples-item-description\">Dieses Beispiel des Formulars mit der Bewertung: Sternebewertung, Zahlen- und Daumen Skala. Es gibt auch ein Textfeld f\u00fcr Kundenvorschl\u00e4ge. Es gibt auch ein Textfeld f\u00fcr die Meinung des Kunden. Dies geht aus dem Fortschrittsbalken hervor, in dem Schrittnummern und Titel angezeigt werden. Es macht das Formular f\u00fcr Benutzer sauber. Der Header enth\u00e4lt ein Symbol und einen Headertext, der das Ziel der Umfrage beschreibt.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d513767b-123c-4c50-a766-33c793769d4e&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Widget erstellen<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 3: Feedback Formular per Klick<\/h3><div class=\"application-examples-item-description\">Feedback-Formular im  Floating Layout, mit dem es auf mehreren Seiten der Website als Logo platziert werden kann, das mit einem Klick angezeigt wird. Es bleibt w\u00e4hrend der Navigation immer sichtbar und Kunden k\u00f6nnen jederzeit ihr Feedback hinterlassen. Hier wird der klassische Stil mit zwei Textfeldern und einer Smiley-Bewertung angewendet. Die Schaltfl\u00e4che hat eine benutzerdefinierte orange Farbe mit einem bearbeitbaren Etikett.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=18a782a9-0cb8-4d63-a5eb-247b22d066f3\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Example 4: Ein Formular zur Buchung<\/h3><div class=\"application-examples-item-description\">Dies ist ein Beispiel f\u00fcr ein Buchungsformular im klassischen Stil mit minimalistischem Design und Standardlayout. Die Felder sind in zwei Spalten unterteilt und enthalten Platzhalter, die darauf hinweisen, wie sie korrekt ausgef\u00fcllt werden sollen. Das Dropdown-Men\u00fc beschleunigt das Ausf\u00fcllen des Formulars.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=ad76fc5d-5878-4fc6-92eb-dae92a65d06d&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":829,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.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-840","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>Responsive Online-Formular Beispiele f\u00fcr Ihre Website [2026]<\/title>\n<meta name=\"description\" content=\"TOP 4 Beispiele zum Erstellen von Elfsight Formular Builder: Kontaktformular, Umfrageformular, Feedback-Formular und andere Formularvorlagen f\u00fcr Website.\" \/>\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\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Online-Formular Beispiele f\u00fcr Ihre Website [2026]\" \/>\n<meta property=\"og:description\" content=\"TOP 4 Beispiele zum Erstellen von Elfsight Formular Builder: Kontaktformular, Umfrageformular, Feedback-Formular und andere Formularvorlagen f\u00fcr Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-21T15:27:50+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=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Online-Formular Beispiele f\u00fcr Ihre Website [2026]","description":"TOP 4 Beispiele zum Erstellen von Elfsight Formular Builder: Kontaktformular, Umfrageformular, Feedback-Formular und andere Formularvorlagen f\u00fcr Website.","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\/online-form-builder\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Responsive Online-Formular Beispiele f\u00fcr Ihre Website [2026]","og_description":"TOP 4 Beispiele zum Erstellen von Elfsight Formular Builder: Kontaktformular, Umfrageformular, Feedback-Formular und andere Formularvorlagen f\u00fcr Website.","og_url":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-10-21T15:27:50+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/","url":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/","name":"Responsive Online-Formular Beispiele f\u00fcr Ihre Website [2026]","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-05-19T16:06:04+00:00","dateModified":"2020-10-21T15:27:50+00:00","description":"TOP 4 Beispiele zum Erstellen von Elfsight Formular Builder: Kontaktformular, Umfrageformular, Feedback-Formular und andere Formularvorlagen f\u00fcr Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/online-form-builder\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/online-form-builder\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Form Builder","item":"https:\/\/elfsight.com\/de\/online-form-builder\/"},{"@type":"ListItem","position":3,"name":"Form Builder &#8211; Examples"}]},{"@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":"469","h1":"Beispiele f\u00fcr das Online Formular Widget","h1_caption":"Alle Beispiele der Formulare f\u00fcr Ihre Website anzeigen. Binden Sie das perfekte Formular f\u00fcr Ihre Homepage ein.","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":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","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":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/840","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=840"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/840\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/840\/revisions\/843"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/829"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}