{"id":1241,"date":"2026-02-24T16:26:33","date_gmt":"2026-02-24T16:26:33","guid":{"rendered":"https:\/\/motionprod.pt\/?page_id=1241"},"modified":"2026-02-24T16:27:04","modified_gmt":"2026-02-24T16:27:04","slug":"testing-dynamic-form","status":"publish","type":"page","link":"https:\/\/motionprod.pt\/pt\/testing-dynamic-form\/","title":{"rendered":"testing dynamic form"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]        <div class=\"dff-wrap\" data-dff-root>\n            <div class=\"dff-card\">\n                <div class=\"dff-header\">\n                    <div class=\"dff-title\">Project Intake (Demo)<\/div>\n                    <div class=\"dff-subtitle\">Multi-step + branching flow<\/div>\n                <\/div>\n\n                <div class=\"dff-stepper\" aria-label=\"Form steps\">\n                    <div class=\"dff-step\" data-step-dot=\"1\"><span>1<\/span><label>Type<\/label><\/div>\n                    <div class=\"dff-step\" data-step-dot=\"2\"><span>2<\/span><label>Details<\/label><\/div>\n                    <div class=\"dff-step\" data-step-dot=\"3\"><span>3<\/span><label>Contact<\/label><\/div>\n                <\/div>\n\n                <form class=\"dff-form\" data-dff-form>\n                    <!-- STEP 1 -->\n                    <section class=\"dff-step-panel\" data-step=\"1\">\n                        <div class=\"dff-field\">\n                            <label class=\"dff-label\" for=\"dff_project_type\">What is this for?<\/label>\n                            <select id=\"dff_project_type\" name=\"projectType\" required>\n                                <option value=\"\" selected disabled>Select one<\/option>\n                                <option value=\"personal\">Personal<\/option>\n                                <option value=\"business\">Business<\/option>\n                            <\/select>\n                            <div class=\"dff-help\">Choosing \u201cBusiness\u201d adds an extra question and changes the next step.<\/div>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn dff-btn-primary\" data-next>Next<\/button>\n                        <\/div>\n                    <\/section>\n\n                    <!-- STEP 2 -->\n                    <section class=\"dff-step-panel\" data-step=\"2\" hidden>\n                        <div class=\"dff-grid\">\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_budget\">Budget range<\/label>\n                                <select id=\"dff_budget\" name=\"budget\" required>\n                                    <option value=\"\" selected disabled>Select one<\/option>\n                                    <option value=\"<1000\">&lt; \u20ac1,000<\/option>\n                                    <option value=\"1000-5000\">\u20ac1,000\u2013\u20ac5,000<\/option>\n                                    <option value=\"5000-15000\">\u20ac5,000\u2013\u20ac15,000<\/option>\n                                    <option value=\">15000\">&gt; \u20ac15,000<\/option>\n                                <\/select>\n                            <\/div>\n\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_timeline\">Timeline<\/label>\n                                <select id=\"dff_timeline\" name=\"timeline\" required>\n                                    <option value=\"\" selected disabled>Select one<\/option>\n                                    <option value=\"asap\">ASAP<\/option>\n                                    <option value=\"2-4-weeks\">2\u20134 weeks<\/option>\n                                    <option value=\"1-3-months\">1\u20133 months<\/option>\n                                    <option value=\"flexible\">Flexible<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Only shown if Business -->\n                        <div class=\"dff-field\" data-business-only hidden>\n                            <label class=\"dff-label\" for=\"dff_company_size\">Company size<\/label>\n                            <select id=\"dff_company_size\" name=\"companySize\">\n                                <option value=\"\" selected disabled>Select one<\/option>\n                                <option value=\"1-5\">1\u20135<\/option>\n                                <option value=\"6-20\">6\u201320<\/option>\n                                <option value=\"21-100\">21\u2013100<\/option>\n                                <option value=\"100+\">100+<\/option>\n                            <\/select>\n                            <div class=\"dff-help\">This field appears only when \u201cBusiness\u201d is selected in Step 1.<\/div>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn\" data-prev>Back<\/button>\n                            <button type=\"button\" class=\"dff-btn dff-btn-primary\" data-next>Next<\/button>\n                        <\/div>\n                    <\/section>\n\n                    <!-- STEP 3 -->\n                    <section class=\"dff-step-panel\" data-step=\"3\" hidden>\n                        <div class=\"dff-grid\">\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_name\">Name<\/label>\n                                <input id=\"dff_name\" type=\"text\" name=\"name\" required \/>\n                            <\/div>\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_email\">Email<\/label>\n                                <input id=\"dff_email\" type=\"email\" name=\"email\" required \/>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"dff-field\">\n                            <label class=\"dff-label\" for=\"dff_notes\">Notes<\/label>\n                            <textarea id=\"dff_notes\" name=\"notes\" rows=\"4\" placeholder=\"Anything else we should know?\"><\/textarea>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn\" data-prev>Back<\/button>\n                            <button type=\"submit\" class=\"dff-btn dff-btn-primary\" data-submit>Submit<\/button>\n                        <\/div>\n\n                        <div class=\"dff-status\" data-status role=\"status\" aria-live=\"polite\"><\/div>\n                    <\/section>\n                <\/form>\n            <\/div>\n        <\/div>\n        [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"dff-wrap\" data-dff-root>\n            <div class=\"dff-card\">\n                <div class=\"dff-header\">\n                    <div class=\"dff-title\">Project Intake (Demo)<\/div>\n                    <div class=\"dff-subtitle\">Multi-step + branching flow<\/div>\n                <\/div>\n\n                <div class=\"dff-stepper\" aria-label=\"Form steps\">\n                    <div class=\"dff-step\" data-step-dot=\"1\"><span>1<\/span><label>Type<\/label><\/div>\n                    <div class=\"dff-step\" data-step-dot=\"2\"><span>2<\/span><label>Details<\/label><\/div>\n                    <div class=\"dff-step\" data-step-dot=\"3\"><span>3<\/span><label>Contactos<\/label><\/div>\n                <\/div>\n\n                <form class=\"dff-form\" data-dff-form action=\"\">\n                    <!-- STEP 1 -->\n                    <section class=\"dff-step-panel\" data-step=\"1\">\n                        <div class=\"dff-field\">\n                            <label class=\"dff-label\" for=\"dff_project_type\">What is this for?<\/label>\n                            <select id=\"dff_project_type\" name=\"projectType\" required>\n                                <option value=\"\" selected disabled>Select one<\/option>\n                                <option value=\"personal\">Personal<\/option>\n                                <option value=\"business\">Business<\/option>\n                            <\/select>\n                            <div class=\"dff-help\">Choosing \u201cBusiness\u201d adds an extra question and changes the next step.<\/div>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn dff-btn-primary\" data-next>Next<\/button>\n                        <\/div>\n                    <\/section>\n\n                    <!-- STEP 2 -->\n                    <section class=\"dff-step-panel\" data-step=\"2\" hidden>\n                        <div class=\"dff-grid\">\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_budget\">Budget range<\/label>\n                                <select id=\"dff_budget\" name=\"budget\" required>\n                                    <option value=\"\" selected disabled>Select one<\/option>\n                                    <option value=\"<1000\">&lt; \u20ac1,000<\/option>\n                                    <option value=\"1000-5000\">\u20ac1,000\u2013\u20ac5,000<\/option>\n                                    <option value=\"5000-15000\">\u20ac5,000\u2013\u20ac15,000<\/option>\n                                    <option value=\">15000\">&gt; \u20ac15,000<\/option>\n                                <\/select>\n                            <\/div>\n\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_timeline\">Timeline<\/label>\n                                <select id=\"dff_timeline\" name=\"timeline\" required>\n                                    <option value=\"\" selected disabled>Select one<\/option>\n                                    <option value=\"asap\">ASAP<\/option>\n                                    <option value=\"2-4-weeks\">2\u20134 weeks<\/option>\n                                    <option value=\"1-3-months\">1\u20133 months<\/option>\n                                    <option value=\"flexible\">Flexible<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Only shown if Business -->\n                        <div class=\"dff-field\" data-business-only hidden>\n                            <label class=\"dff-label\" for=\"dff_company_size\">Company size<\/label>\n                            <select id=\"dff_company_size\" name=\"companySize\">\n                                <option value=\"\" selected disabled>Select one<\/option>\n                                <option value=\"1-5\">1\u20135<\/option>\n                                <option value=\"6-20\">6\u201320<\/option>\n                                <option value=\"21-100\">21\u2013100<\/option>\n                                <option value=\"100+\">100+<\/option>\n                            <\/select>\n                            <div class=\"dff-help\">This field appears only when \u201cBusiness\u201d is selected in Step 1.<\/div>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn\" data-prev>Back<\/button>\n                            <button type=\"button\" class=\"dff-btn dff-btn-primary\" data-next>Next<\/button>\n                        <\/div>\n                    <\/section>\n\n                    <!-- STEP 3 -->\n                    <section class=\"dff-step-panel\" data-step=\"3\" hidden>\n                        <div class=\"dff-grid\">\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_name\">Name<\/label>\n                                <input id=\"dff_name\" type=\"text\" name=\"name\" required \/>\n                            <\/div>\n                            <div class=\"dff-field\">\n                                <label class=\"dff-label\" for=\"dff_email\">Email<\/label>\n                                <input id=\"dff_email\" type=\"email\" name=\"email\" required \/>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"dff-field\">\n                            <label class=\"dff-label\" for=\"dff_notes\">Notes<\/label>\n                            <textarea id=\"dff_notes\" name=\"notes\" rows=\"4\" placeholder=\"Anything else we should know?\"><\/textarea>\n                        <\/div>\n\n                        <div class=\"dff-actions\">\n                            <button type=\"button\" class=\"dff-btn\" data-prev>Back<\/button>\n                            <button type=\"submit\" class=\"dff-btn dff-btn-primary\" data-submit>Submit<\/button>\n                        <\/div>\n\n                        <div class=\"dff-status\" data-status role=\"status\" aria-live=\"polite\"><\/div>\n                    <\/section>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/form>\n            <\/div>\n        <\/div>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1241","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/pages\/1241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":4,"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/pages\/1241\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/pages\/1241\/revisions\/1246"}],"wp:attachment":[{"href":"https:\/\/motionprod.pt\/pt\/wp-json\/wp\/v2\/media?parent=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}