{"id":4122,"date":"2024-03-01T15:57:48","date_gmt":"2024-03-01T14:57:48","guid":{"rendered":"https:\/\/2023v2.code-pixies.de\/?p=4122"},"modified":"2024-05-30T10:37:43","modified_gmt":"2024-05-30T08:37:43","slug":"benutzerfreundliches-formular-fuer-neue-holzbauprojekte","status":"publish","type":"post","link":"https:\/\/stage.code-pixies.de\/en\/benutzerfreundliches-formular-fuer-neue-holzbauprojekte\/","title":{"rendered":"User-friendly form for new timber construction projects"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"4122\" class=\"elementor elementor-4122\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4be7ab e-con-full e-flex e-con e-parent\" data-id=\"e4be7ab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-658f5d9 e-con-full e-flex e-con e-child\" data-id=\"658f5d9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe7547 elementor-widget elementor-widget-heading\" data-id=\"bfe7547\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Clever use of forms<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1f72a elementor-widget elementor-widget-text-editor\" data-id=\"8e1f72a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>In the last two articles, we accompanied the exciting development of an innovative feature for our customer&#039;s website: an interactive map function for exploring timber construction projects in Saxony and the implementation of JetSmartFilters to filter the projects according to individual criteria.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8498776 elementor-widget elementor-widget-text-editor\" data-id=\"8498776\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Now let&#039;s take a look at the final key aspect of this project: the new timber construction project submission form. Learn how we use easy-to-use form features and seamless integration to encourage website visitors to participate.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b9795 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-image\" data-id=\"a4b9795\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"468\" src=\"https:\/\/stage.code-pixies.de\/wp-content\/smush-webp\/2024\/03\/HKS-Formular-1024x599.png.webp\" class=\"attachment-large size-large wp-image-4688\" alt=\"| |\" srcset=\"https:\/\/stage.code-pixies.de\/wp-content\/smush-webp\/2024\/03\/HKS-Formular-1024x599.png.webp 1024w, https:\/\/stage.code-pixies.de\/wp-content\/smush-webp\/2024\/03\/HKS-Formular-300x175.png.webp 300w, https:\/\/stage.code-pixies.de\/wp-content\/smush-webp\/2024\/03\/HKS-Formular-768x449.png.webp 768w, https:\/\/stage.code-pixies.de\/wp-content\/smush-webp\/2024\/03\/HKS-Formular.png.webp 1071w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bdedc50 e-con-full e-flex e-con e-parent\" data-id=\"7bdedc50\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6baf7946 e-con-full e-flex e-con e-child\" data-id=\"6baf7946\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4eb642b e-con-full e-flex e-con e-child\" data-id=\"4eb642b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-712afbd9 elementor-widget elementor-widget-heading\" data-id=\"712afbd9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the smooth submission of new timber construction projects, we rely on the free JetFormBuilder. <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc83c7 elementor-widget elementor-widget-text-editor\" data-id=\"ebc83c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To ensure the process is as user-friendly as possible for visitors, we create a multi-step form. This guides visitors through the submission process while ensuring that all relevant data is requested. This method prevents users from being overwhelmed with too much information at once and ensures that the submission process remains clear and straightforward.&nbsp;<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-998c9aa elementor-widget elementor-widget-text-editor\" data-id=\"998c9aa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The seamless integration between the form and the meta fields of the custom post type is a crucial step for efficient submission of new timber construction projects. Analogous to the meta fields, we have created the form fields and assigned them appropriate assignments - even a repeater field can be integrated. This ensures that all important information is recorded precisely without compromising user-friendliness.\u00a0<span style=\"font-family: var( --e-global-typography-e925b22-font-family ), Sans-serif; font-size: var( --e-global-typography-e925b22-font-size ); font-style: var( --e-global-typography-e925b22-font-style ); font-weight: var( --e-global-typography-e925b22-font-weight ); letter-spacing: var( --e-global-typography-e925b22-letter-spacing ); text-transform: var( --e-global-typography-e925b22-text-transform ); word-spacing: var( --e-global-typography-e925b22-word-spacing ); background-color: var( --e-global-color-32082da );\">Once the user has completed and submitted the form, a two-step process comes into effect:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af8038c e-con-full e-flex e-con e-child\" data-id=\"af8038c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0b16a elementor-widget__width-initial animated-slow elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"6c0b16a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\t01\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-654e6c6 elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"654e6c6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/stage.code-pixies.de\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-box.min.css\">\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCreate a timber construction project\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tA new timber construction project is created in the background, which contains all the data from the form. By default, this project is saved in the &quot;Draft&quot; status.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b10c27 elementor-widget__width-initial animated-slow elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"7b10c27\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\t01\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fabcf2e elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"fabcf2e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSend email notification\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAt the same time, a notification email is sent to our client to inform them of the new submission. Our client can then view the submitted project in the WordPress dashboard. After a review and approval by our client, they can directly publish the project, making it immediately available on the map.\u00a0\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c06b0cb e-con-full e-flex e-con e-parent\" data-id=\"c06b0cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed73f12 elementor-widget elementor-widget-text-editor\" data-id=\"ed73f12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The successful creation of the submission form for timber construction projects marks a crucial step in the development of our innovative feature. By using JetFormBuilder, we were able to create a user-friendly process that enables a smooth submission. The seamless integration with the meta fields of the custom post type and the automated process flow help to ensure that the integration of new projects is efficient and hassle-free. We look forward to presenting our community&#039;s diverse timber construction projects on the interactive map and are excited to see the response from our users.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Discover how we used the free JetFormBuilder to develop a user-friendly multi-step form to simplify the submission of new timber construction projects. Learn how seamless integration and precise data retrieval make the process clear and straightforward.<\/p>","protected":false},"author":1,"featured_media":4565,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,50,23],"tags":[41,42,43,40],"class_list":["post-4122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webentwicklung","category-individuelle-wordpress-website","category-webdesign","tag-elementor","tag-jetengine","tag-jetformbuilder","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/posts\/4122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/comments?post=4122"}],"version-history":[{"count":10,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/posts\/4122\/revisions"}],"predecessor-version":[{"id":6436,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/posts\/4122\/revisions\/6436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/media\/4565"}],"wp:attachment":[{"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/media?parent=4122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/categories?post=4122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.code-pixies.de\/en\/wp-json\/wp\/v2\/tags?post=4122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}