{"id":30649,"date":"2021-08-15T12:52:23","date_gmt":"2021-08-15T12:52:23","guid":{"rendered":"https:\/\/cf7addons.com\/preview\/?page_id=30649"},"modified":"2025-05-16T20:08:05","modified_gmt":"2025-05-17T00:08:05","slug":"multi-step-conditional-form","status":"publish","type":"page","link":"https:\/\/cf7addons.com\/preview\/multi-step-conditional-form\/","title":{"rendered":"Multi-step Conditional Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30649\" class=\"elementor elementor-30649\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c5d1675 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c5d1675\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64a969cd\" data-id=\"64a969cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2cca587a uael-heading-align-center subpage-heading elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"2cca587a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h2 class=\"uael-heading\"><span class=\"ez-toc-section\" id=\"Multi-step_Conditional_Form\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">Multi-step Conditional Form<\/span>\n\t\t\t\t\t\t\t<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c41a6fe subpage-subheading elementor-widget elementor-widget-heading\" data-id=\"1c41a6fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">With Ultra Addons, you can also create a Multi-step Conditional Form. Here is a demo:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8df6297 elementor-mobile-align-justify elementor-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"8df6297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cf7addons.com\/backend-demo\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take a Free Tour of our Pro Backend<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c77554e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c77554e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2d92deed\" data-id=\"2d92deed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34b5d479 elementor-widget elementor-widget-shortcode\" data-id=\"34b5d479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f30641-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"30641\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/preview\/wp-json\/wp\/v2\/pages\/30649#wpcf7-f30641-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"30641\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f30641-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_hidden_conditional_fields\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_repeaters\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_options\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n    <style>\n                    <\/style>\n\t\n\t<style>.uacf7-prev, .uacf7-next, .wpcf7-submit{padding-top:px !important; padding-bottom:px !important; padding-left:px !important;  padding-right:px !important;}  <\/style>\t\t\t\t\t<div class=\"uacf7-steps steps-form\" style=\"display:none\">\n\t\t\t\t\t\t<div class=\"steps-row setup-panel\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t<a title-id=\".step-1\"\n\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\thref=\"#30641step-1\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t<a title-id=\".step-2\"\n\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\thref=\"#30641step-2\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t<a title-id=\".step-3\"\n\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\thref=\"#30641step-3\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t<a title-id=\".step-4\"\n\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\thref=\"#30641step-4\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t<a title-id=\".step-5\"\n\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\thref=\"#30641step-5\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<style>\n\t\t.steps-form .steps-row .steps-step .btn-circle {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t.steps-form .steps-row .steps-step .btn-circle img {\n\t\t\tborder-radius: px !important;\t\t}\n\n\t\t.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active,\n\t\t.steps-form .steps-row .steps-step .btn-circle:hover,\n\t\t.steps-form .steps-row .steps-step .btn-circle:focus,\n\t\t.steps-form .steps-row .steps-step .btn-circle:active {\n\t\t\t\t\t\t\t\t}\n\n\t\t.steps-form .steps-row .steps-step p {\n\t\t\t\t\t}\n\n\t\t.steps-form .steps-row::before {\n\t\t\t\t\t}\n\n\t\t\t<\/style>\n\t\t<style>\n\t\t.uacf7-form-30641 .step-content .uacf7-next,\n\t\t.uacf7-form-30641 .step-content .uacf7-prev\n\t\t{\n\t\t\tbackground-color: ;\n\t\t\tcolor: ;\n\t\t\tborder-color: ;\n\t\t\tborder-radius: px;\n\t\t}\n\t\t.uacf7-form-30641 .step-content .uacf7-next:hover,\n\t\t.uacf7-form-30641 .step-content .uacf7-prev:hover\n\t\t{\n\t\t\tbackground-color: ;\n\t\t\tcolor: ;\n\t\t\tborder-color: ;\n\t\t}\n\t<\/style>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uacf7-steps steps-form \">\n\t\t\t\t\t\t\t<div class=\"steps-row setup-panel\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t\t<a title-id=\".step-1\"\n\t\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\t\thref=\"#30641step-1\" type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"btn uacf7-btn-active btn-circle\">1\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"steps-info\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Step One<\/p>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t\t<a title-id=\".step-2\"\n\t\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\t\thref=\"#30641step-2\" type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"btn uacf7-btn-default btn-circle\">2\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"steps-info\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Step Two<\/p>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t\t<a title-id=\".step-3\"\n\t\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\t\thref=\"#30641step-3\" type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"btn uacf7-btn-default btn-circle\">3\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"steps-info\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Step Three<\/p>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t\t<a title-id=\".step-4\"\n\t\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\t\thref=\"#30641step-4\" type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"btn uacf7-btn-default btn-circle\">4\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"steps-info\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Step Four<\/p>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-step\">\n\t\t\t\t\t\t\t\t\t\t<a title-id=\".step-5\"\n\t\t\t\t\t\t\t\t\t\t\tdata-form-id=\"30641\"\n\t\t\t\t\t\t\t\t\t\t\thref=\"#30641step-5\" type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"btn uacf7-btn-default btn-circle\">5\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"steps-info\">\n\t\t\t\t\t\t\t\t\t\t\t<p>Step Five<\/p>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uacf7-multisetp-form\">\n\t\t\t<div class=\"uacf7-form-wrapper-container uacf7-form-30641  \">\t\t<div class=\"uacf7-step uacf7-step-30641 step-content\"\n\t\t\tnext-btn-text=\"\" prev-btn-text=\"Previous\">\n\t\t\t\n<h4>Condition for Field Type: <strong>Text<\/strong><\/h4>\n<p> Write name <strong>\"John Doe\"<\/strong> or <strong>\"Abul Mia\"<\/strong> to test it out<\/p>\n<label> Your Name\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"text-613\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-613\" \/><\/span> <\/label>\n\n<div class=\"uacf7_conditional namefield\">\n<label> Is your Father name Jonathan Doe?\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"menu-655\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"menu-655\"><option value=\"\">&#8212;Please choose an option&#8212;<\/option><option value=\"Yes\">Yes<\/option><option value=\"No\">No<\/option><\/select><\/span> <\/label><div class=\"clear\"><\/div><br>\n<\/div>\n\t\t\t<p class=\"uacf7-buttons\">\n\t\t\t\t<button class=\"uacf7-prev\"\n\t\t\t\t\tdata-form-id=\"30641\">Previous<\/button>\n\t\t\t\t<button class=\"uacf7-next\"\n\t\t\t\t\tdata-form-id=\"30641\">Next<\/button>\n\t\t\t\t<span class=\"wpcf7-spinner uacf7-ajax-loader\"><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"uacf7-step uacf7-step-30641 step-content\"\n\t\t\tnext-btn-text=\"\" prev-btn-text=\"\">\n\t\t\t\n<h4>Condition for Field Type: <strong>Dropdown<\/strong><\/h4>\n<p> Select <strong>\"Yes\"<\/strong> or <strong>\"No\"<\/strong> to test it out<\/p>\n<label> Do you have any Physical Address?\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"menu-654\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-654\"><option value=\"\">&#8212;Please choose an option&#8212;<\/option><option value=\"Yes\">Yes<\/option><option value=\"No\">No<\/option><\/select><\/span> <\/label>\n\n<div class=\"uacf7_conditional address\">\n<label> Insert Your Address\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"text-612\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-612\" \/><\/span> <\/label><div class=\"clear\"><\/div><br>\n<\/div>\n\n<div class=\"uacf7_conditional email\">\n<label> Insert Your Alternate E-mail\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label><div class=\"clear\"><\/div><br>\n<\/div>\n\t\t\t<p class=\"uacf7-buttons\">\n\t\t\t\t<button class=\"uacf7-prev\"\n\t\t\t\t\tdata-form-id=\"30641\">Previous<\/button>\n\t\t\t\t<button class=\"uacf7-next\"\n\t\t\t\t\tdata-form-id=\"30641\">Next<\/button>\n\t\t\t\t<span class=\"wpcf7-spinner uacf7-ajax-loader\"><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"uacf7-step uacf7-step-30641 step-content\"\n\t\t\tnext-btn-text=\"\" prev-btn-text=\"\">\n\t\t\t\n<h4>Condition for Field Type: <strong>Radio Buttons<\/strong><\/h4>\n<p> Select <strong>\"Option Two\"<\/strong> or <strong>\"Option Three\"<\/strong> to test it out<\/p>\n\n<label>Choose your preference<\/label>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"radio-269\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"radio-269\" value=\"Option One\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Option One<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"radio-269\" value=\"Option Two\" \/><span class=\"wpcf7-list-item-label\">Option Two<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"radio-269\" value=\"Option Three\" \/><span class=\"wpcf7-list-item-label\">Option Three<\/span><\/label><\/span><\/span><\/span><div class=\"clear\"><\/div>\n\n<div class=\"uacf7_conditional radio\">\n<label> Why did you select option two?\n     <span class=\"wpcf7-form-control-wrap\" data-name=\"text-388\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-388\" \/><\/span> <\/label><div class=\"clear\"><\/div><br>\n<\/div>\n\n<div class=\"uacf7_conditional radio-two\">\n<label> Why did you select option three?\n     <span class=\"wpcf7-form-control-wrap\" data-name=\"text-389\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-389\" \/><\/span> <\/label><div class=\"clear\"><\/div><br>\n<\/div>\n\t\t\t<p class=\"uacf7-buttons\">\n\t\t\t\t<button class=\"uacf7-prev\"\n\t\t\t\t\tdata-form-id=\"30641\">Previous<\/button>\n\t\t\t\t<button class=\"uacf7-next\"\n\t\t\t\t\tdata-form-id=\"30641\">Next<\/button>\n\t\t\t\t<span class=\"wpcf7-spinner uacf7-ajax-loader\"><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"uacf7-step uacf7-step-30641 step-content\"\n\t\t\tnext-btn-text=\"\" prev-btn-text=\"\">\n\t\t\t\n<h4>Condition for Field Type: <strong>Checkboxes<\/strong><\/h4>\n<p> Select <strong>\"Option Two\"<\/strong> or <strong>\"Option Three\"<\/strong> to test it out<\/p>\n\n<label>Choose your preference<\/label>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-266\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"checkbox-266[]\" value=\"Option One\" \/><span class=\"wpcf7-list-item-label\">Option One<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"checkbox-266[]\" value=\"Option Two\" \/><span class=\"wpcf7-list-item-label\">Option Two<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"checkbox-266[]\" value=\"Option Three\" \/><span class=\"wpcf7-list-item-label\">Option Three<\/span><\/label><\/span><\/span><\/span> <div class=\"clear\"><\/div>\n\n<div class=\"uacf7_conditional checkbox\">\n<label> Why did you select option two?\n     <span class=\"wpcf7-form-control-wrap\" data-name=\"text-390\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-390\" \/><\/span> <\/label><div class=\"clear\"><\/div>\n<\/div>\n\n<div class=\"uacf7_conditional checkbox-two\">\n<label> Why did you select option three?\n     <span class=\"wpcf7-form-control-wrap\" data-name=\"text-391\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-391\" \/><\/span> <\/label><div class=\"clear\"><\/div>\n<\/div>\n\t\t\t<p class=\"uacf7-buttons\">\n\t\t\t\t<button class=\"uacf7-prev\"\n\t\t\t\t\tdata-form-id=\"30641\">Previous<\/button>\n\t\t\t\t<button class=\"uacf7-next\"\n\t\t\t\t\tdata-form-id=\"30641\">Next<\/button>\n\t\t\t\t<span class=\"wpcf7-spinner uacf7-ajax-loader\"><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"uacf7-step uacf7-step-30641 step-content\"\n\t\t\tnext-btn-text=\"Next\" prev-btn-text=\"\">\n\t\t\t\n<label> Insert Your E-mail\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email-two\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email-two\" \/><\/span> <\/label>\n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t\t\t<p class=\"uacf7-buttons\">\n\t\t\t\t<button class=\"uacf7-prev\"\n\t\t\t\t\tdata-form-id=\"30641\">Previous<\/button>\n\t\t\t\t<button class=\"uacf7-next\"\n\t\t\t\t\tdata-form-id=\"30641\">Next<\/button>\n\t\t\t\t<span class=\"wpcf7-spinner uacf7-ajax-loader\"><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\n\t<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c8b661 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c8b661\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6562472\" data-id=\"6562472\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82c0ed7 elementor-widget elementor-widget-heading\" data-id=\"82c0ed7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Copy_the_Sample_Code_of_the_Above_Form\"><\/span>Copy the  Sample Code of the Above Form<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8d3bebb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d3bebb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-30a6d38\" data-id=\"30a6d38\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-dfa95e9\" data-id=\"dfa95e9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6de3330 elementor-widget elementor-widget-text-editor\" data-id=\"6de3330\" data-element_type=\"widget\" data-e-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\t\t<pre class=\"brush: php; title: ; notranslate\" title=\"\">\n&#x5B;uacf7_step_start uacf7_step_start-680 &quot;Step One&quot;]\n&lt;h4&gt;Condition for Field Type: &lt;strong&gt;Text&lt;\/strong&gt;&lt;\/h4&gt;\n&lt;p&gt; Write name &lt;strong&gt;&quot;John Doe&quot;&lt;\/strong&gt; or &lt;strong&gt;&quot;Abul Mia&quot;&lt;\/strong&gt; to test it out&lt;\/p&gt;\n&lt;label&gt; Your Name\n    &#x5B;text* text-613] &lt;\/label&gt;\n\n&#x5B;conditional namefield]\n&lt;label&gt; Is your Father name Jonathan Doe?\n    &#x5B;select menu-655 include_blank &quot;Yes&quot; &quot;No&quot;] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&lt;br&gt;\n&#x5B;\/conditional]\n&#x5B;uacf7_step_end]\n\n&#x5B;uacf7_step_start uacf7_step_start-681 &quot;Step Two&quot;]\n&lt;h4&gt;Condition for Field Type: &lt;strong&gt;Dropdown&lt;\/strong&gt;&lt;\/h4&gt;\n&lt;p&gt; Select &lt;strong&gt;&quot;Yes&quot;&lt;\/strong&gt; or &lt;strong&gt;&quot;No&quot;&lt;\/strong&gt; to test it out&lt;\/p&gt;\n&lt;label&gt; Do you have any Physical Address?\n    &#x5B;select* menu-654 include_blank &quot;Yes&quot; &quot;No&quot;] &lt;\/label&gt;\n\n&#x5B;conditional address]\n&lt;label&gt; Insert Your Address\n    &#x5B;text text-612] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&lt;br&gt;\n&#x5B;\/conditional]\n\n&#x5B;conditional email]\n&lt;label&gt; Insert Your Alternate E-mail\n    &#x5B;email your-email] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&lt;br&gt;\n&#x5B;\/conditional]\n&#x5B;uacf7_step_end]\n\n&#x5B;uacf7_step_start uacf7_step_start-682 &quot;Step Three&quot;]\n&lt;h4&gt;Condition for Field Type: &lt;strong&gt;Radio Buttons&lt;\/strong&gt;&lt;\/h4&gt;\n&lt;p&gt; Select &lt;strong&gt;&quot;Option Two&quot;&lt;\/strong&gt; or &lt;strong&gt;&quot;Option Three&quot;&lt;\/strong&gt; to test it out&lt;\/p&gt;\n\n&lt;label&gt;Choose your preference&lt;\/label&gt;\n    &#x5B;radio radio-269 use_label_element default:1 &quot;Option One&quot; &quot;Option Two&quot; &quot;Option Three&quot;]&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;\n\n&#x5B;conditional radio]\n&lt;label&gt; Why did you select option two?\n     &#x5B;text text-388] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&lt;br&gt;\n&#x5B;\/conditional]\n\n&#x5B;conditional radio-two]\n&lt;label&gt; Why did you select option three?\n     &#x5B;text text-389] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&lt;br&gt;\n&#x5B;\/conditional]\n&#x5B;uacf7_step_end]\n\n&#x5B;uacf7_step_start uacf7_step_start-683 &quot;Step Four&quot;]\n&lt;h4&gt;Condition for Field Type: &lt;strong&gt;Checkboxes&lt;\/strong&gt;&lt;\/h4&gt;\n&lt;p&gt; Select &lt;strong&gt;&quot;Option Two&quot;&lt;\/strong&gt; or &lt;strong&gt;&quot;Option Three&quot;&lt;\/strong&gt; to test it out&lt;\/p&gt;\n\n&lt;label&gt;Choose your preference&lt;\/label&gt;\n    &#x5B;checkbox checkbox-266 use_label_element &quot;Option One&quot; &quot;Option Two&quot; &quot;Option Three&quot;] &lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;\n\n&#x5B;conditional checkbox]\n&lt;label&gt; Why did you select option two?\n     &#x5B;text text-390] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;\n&#x5B;\/conditional]\n\n&#x5B;conditional checkbox-two]\n&lt;label&gt; Why did you select option three?\n     &#x5B;text text-391] &lt;\/label&gt;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;\n&#x5B;\/conditional]\n&#x5B;uacf7_step_end]\n\n&#x5B;uacf7_step_start uacf7_step_start-684 &quot;Step Five&quot;]\n&lt;label&gt; Insert Your E-mail\n    &#x5B;email* your-email-two] &lt;\/label&gt;\n\n&#x5B;submit &quot;Submit&quot;]\n&#x5B;uacf7_step_end]<\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-b68cfee\" data-id=\"b68cfee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-264302a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"264302a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8323c5f\" data-id=\"8323c5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03fecb1 elementor-widget elementor-widget-heading\" data-id=\"03fecb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Glimpse_of_Backend_Editing_Panel_Click_to_Enlarge\"><\/span>Glimpse of Backend Editing Panel (Click to Enlarge)\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-815b969 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"815b969\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ee5f148\" data-id=\"ee5f148\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25b1e07 elementor-widget elementor-widget-image\" data-id=\"25b1e07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Contact form 7 Conditional Fields\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzMxNDcsInVybCI6Imh0dHBzOlwvXC9jZjdhZGRvbnMuY29tXC9wcmV2aWV3XC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIyXC8wN1wvU2NyZWVuc2hvdC1hdC1KdWwtMjgtMTYtNDktMTAucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1369\" height=\"902\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10.png\" class=\"attachment-full size-full wp-image-33147\" alt=\"Contact form 7 Conditional Fields\" srcset=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10.png 1369w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10-300x198.png 300w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10-1024x675.png 1024w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10-768x506.png 768w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-16-49-10-600x395.png 600w\" sizes=\"auto, (max-width: 1369px) 100vw, 1369px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Multi-step Conditional Form With Ultra Addons, you can also create a Multi-step Conditional Form. Here is a demo: Take a [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":20,"footnotes":""},"class_list":["post-30649","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/30649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/comments?post=30649"}],"version-history":[{"count":30,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/30649\/revisions"}],"predecessor-version":[{"id":73237,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/30649\/revisions\/73237"}],"wp:attachment":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/media?parent=30649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}