{"id":226,"date":"2019-12-03T14:20:29","date_gmt":"2019-12-03T14:20:29","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/?page_id=226"},"modified":"2020-07-31T15:12:10","modified_gmt":"2020-07-31T15:12:10","slug":"contact-form-7-multi-step-conditional-field","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/contact-form-7-multi-step-conditional-field\/","title":{"rendered":"Contact Form 7 Multi Step Conditional Field"},"content":{"rendered":"<h4>Contact Form 7 Multi Step Add-ons. Split Your Long Form into Multi Step (Upto 100 Steps).<\/h4>\n<p>&nbsp;<\/p>\n<blockquote><p>Only For this page form Conditional Field we have used <code><a href=\"https:\/\/wordpress.org\/plugins\/cf7-conditional-fields\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form 7 Conditional Fields<\/a><\/code> plugins. We have made our <code><a href=\"https:\/\/codecanyon.net\/item\/contact-form-7-multi-step-split-long-form-into-multi-step\/24652301\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form 7 Multi Step<\/a><\/code> add-ons plugins Compatible with this <code>Contact Form 7 Conditional Fields<\/code> plugin. If you are using another <code>Conditional Fields<\/code> plugin please <a href=\"https:\/\/codecanyon.net\/item\/contact-form-7-multi-step-split-long-form-into-multi-step\/24652301\/support\" target=\"_blank\" rel=\"noopener noreferrer\">let us know<\/a>. We will try our best to make compatible.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f224-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"224\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/226#wpcf7-f224-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=\"224\" \/><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-f224-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:224,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;technical-support-selected&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;support-type&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Technical support&quot;}]},{&quot;then_field&quot;:&quot;sales-support-selected&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;support-type&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Sales&quot;}]},{&quot;then_field&quot;:&quot;os-selected&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;&quot;},{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;Other&quot;}]},{&quot;then_field&quot;:&quot;os-android&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Android&quot;}]},{&quot;then_field&quot;:&quot;os-iOS&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;iOS&quot;}]},{&quot;then_field&quot;:&quot;os-linux&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Linux&quot;}]},{&quot;then_field&quot;:&quot;os-windows&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Windows&quot;}]},{&quot;then_field&quot;:&quot;os-other-selected&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;operating-system&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Other&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_rollback-cf7-5.4.1&quot;:true,&quot;notice_dismissed_rollback-cf7-5.8&quot;:true}}\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><div id=\"mgswpcf7multistepsection-1\" class=\"mgswpcf7multistepsection orangecolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">You Are Nearly There<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 1 of 5 <em class=\"progresspercentage\">( 20% )<\/em><\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme1\">\n\t\t\t\t<div class=\"form-layer-progress\">\n\t\t\t\t\t<div class=\"form-layer-progress-line\" style=\"width: 10%;\"><\/div>\n\t\t\t\t<\/div><div class=\"form-layer-step activestep\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>1<\/span><\/div><p class=\"steptitle\">Step1<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>2<\/span><\/div><p class=\"steptitle\">Step2<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>3<\/span><\/div><p class=\"steptitle\">Step3<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>4<\/span><\/div><p class=\"steptitle\">Step4<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>5<\/span><\/div><p class=\"steptitle\">Step5<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Your Name (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><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=\"your-name\" \/><\/span><br \/>\n<label> Your Email (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><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\" \/><\/span>\n<\/p>\n<p><label> What kind of support do you want?<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"support-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"support-type\"><option value=\"\">-- Choose support type --<\/option><option value=\"Technical support\">Technical support<\/option><option value=\"Sales\">Sales<\/option><\/select><\/span>\n<\/p>\n<div data-id=\"technical-support-selected\" data-orig_data_id=\"technical-support-selected\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t<p><label>Your operating system: <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"operating-system\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"operating-system\"><option value=\"\">-- Choose your operating system --<\/option><option value=\"Android\">Android<\/option><option value=\"iOS\">iOS<\/option><option value=\"Linux\">Linux<\/option><option value=\"Windows\">Windows<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t<\/p>\n\t<div data-id=\"os-selected\" data-orig_data_id=\"os-selected\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t\t<p><label>Please specify your <\/label><span data-id=\"os-android\" data-orig_data_id=\"os-android\"  class=\"\" data-class=\"wpcf7cf_group\">Android<\/span><span data-id=\"os-iOS\" data-orig_data_id=\"os-iOS\"  class=\"\" data-class=\"wpcf7cf_group\">iOS<\/span><span data-id=\"os-linux\" data-orig_data_id=\"os-linux\"  class=\"\" data-class=\"wpcf7cf_group\">Linux<\/span><span data-id=\"os-windows\" data-orig_data_id=\"os-windows\"  class=\"\" data-class=\"wpcf7cf_group\">Windows<\/span> version:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"version\"><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=\"version\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div data-id=\"os-other-selected\" data-orig_data_id=\"os-other-selected\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t\t<p><label>Please specify your OS and version. <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"other-os\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"Operating System\" type=\"text\" name=\"other-os\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"other-version\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"Version\" type=\"text\" name=\"other-version\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div data-id=\"sales-support-selected\" data-orig_data_id=\"sales-support-selected\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t<p><label>Where is your business located? <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"continent\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"continent\"><option value=\"\">-- Choose your continent --<\/option><option value=\"Europe\">Europe<\/option><option value=\"America\">America<\/option><option value=\"Africa\">Africa<\/option><option value=\"Asia\">Asia<\/option><option value=\"Oceania\">Oceania<\/option><option value=\"Antarctica\">Antarctica<\/option><\/select><\/span><br \/>\n<label> Interest (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"interest\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first\"><input type=\"checkbox\" name=\"interest[]\" value=\"Tour\" \/><span class=\"wpcf7-list-item-label\">Tour<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"interest[]\" value=\"Swimming\" \/><span class=\"wpcf7-list-item-label\">Swimming<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"interest[]\" value=\"Reading\" \/><span class=\"wpcf7-list-item-label\">Reading<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"checkbox\" name=\"interest[]\" value=\"Watching\" \/><span class=\"wpcf7-list-item-label\">Watching<\/span><\/span><\/span><\/span><br \/>\n<label> Website (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"web-url\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-url\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"url\" name=\"web-url\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group orangecolortheme mgswpcf7multistep-btn-box-1\"><button class=\"btn mgswpcf7btn-default disable\" type=\"button\">Ready!<\/button><button class=\"btn mgswpcf7btn-custom pull-right mgscfsMultiStepNextStep2\" type=\"button\">Next <i class=\"fa-solid fa-arrow-right\"><\/i><\/button> \n\t\t\t\t\t\t\t\t\t\t<\/div><div id=\"mgswpcf7multistepsection-2\" class=\"mgswpcf7multistepsection slide-right orangecolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">You Are Nearly There<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 2 of 5 <em class=\"progresspercentage\">( 40% )<\/em><\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme1\">\n\t\t\t\t<div class=\"form-layer-progress\">\n\t\t\t\t\t<div class=\"form-layer-progress-line\" style=\"width: 30%;\"><\/div>\n\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>1<\/span><\/div><p class=\"steptitle\">Step1<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step activestep\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>2<\/span><\/div><p class=\"steptitle\">Step2<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>3<\/span><\/div><p class=\"steptitle\">Step3<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>4<\/span><\/div><p class=\"steptitle\">Step4<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>5<\/span><\/div><p class=\"steptitle\">Step5<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Tel (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-tel\" \/><\/span><br \/>\n<label> Your Address <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-address\" \/><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group orangecolortheme mgswpcf7multistep-btn-box-3 slide-right\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-default mgscfsMultiStepPreviousStep1\" type=\"button\"><i class=\"fa-solid fa-arrow-left\"><\/i> Back<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-custom pull-right mgscfsMultiStepNextStep3\" type=\"button\">Next <i class=\"fa-solid fa-arrow-right\"><\/i><\/button> \n\t\t\t\t\t\t\t\t\t\t<\/div><div id=\"mgswpcf7multistepsection-3\" class=\"mgswpcf7multistepsection slide-right orangecolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">You Are Nearly There<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 3 of 5 <em class=\"progresspercentage\">( 60% )<\/em><\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme1\">\n\t\t\t\t<div class=\"form-layer-progress\">\n\t\t\t\t\t<div class=\"form-layer-progress-line\" style=\"width: 50%;\"><\/div>\n\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>1<\/span><\/div><p class=\"steptitle\">Step1<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>2<\/span><\/div><p class=\"steptitle\">Step2<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step activestep\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>3<\/span><\/div><p class=\"steptitle\">Step3<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>4<\/span><\/div><p class=\"steptitle\">Step4<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>5<\/span><\/div><p class=\"steptitle\">Step5<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Birth Date (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"birth-date\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"birth-date\" \/><\/span><br \/>\n<label> Child (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"child\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"child\" \/><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group orangecolortheme mgswpcf7multistep-btn-box-4 slide-right\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-default mgscfsMultiStepPreviousStep2\" type=\"button\"><i class=\"fa-solid fa-arrow-left\"><\/i> Back<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-custom pull-right mgscfsMultiStepNextStep4\" type=\"button\">Next <i class=\"fa-solid fa-arrow-right\"><\/i><\/button> \n\t\t\t\t\t\t\t\t\t\t<\/div><div id=\"mgswpcf7multistepsection-4\" class=\"mgswpcf7multistepsection slide-right orangecolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">You Are Nearly There<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 4 of 5 <em class=\"progresspercentage\">( 80% )<\/em><\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme1\">\n\t\t\t\t<div class=\"form-layer-progress\">\n\t\t\t\t\t<div class=\"form-layer-progress-line\" style=\"width: 70%;\"><\/div>\n\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>1<\/span><\/div><p class=\"steptitle\">Step1<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>2<\/span><\/div><p class=\"steptitle\">Step2<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>3<\/span><\/div><p class=\"steptitle\">Step3<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step activestep\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>4<\/span><\/div><p class=\"steptitle\">Step4<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>5<\/span><\/div><p class=\"steptitle\">Step5<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Marital Status<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"mstatus\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><input type=\"radio\" name=\"mstatus\" value=\"Single\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Single<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"radio\" name=\"mstatus\" value=\"Married\" \/><span class=\"wpcf7-list-item-label\">Married<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"radio\" name=\"mstatus\" value=\"Complicated\" \/><span class=\"wpcf7-list-item-label\">Complicated<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"radio\" name=\"mstatus\" value=\"Relationship\" \/><span class=\"wpcf7-list-item-label\">Relationship<\/span><\/span><\/span><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group orangecolortheme mgswpcf7multistep-btn-box-5 slide-right\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-default mgscfsMultiStepPreviousStep3\" type=\"button\"><i class=\"fa-solid fa-arrow-left\"><\/i> Back<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-custom pull-right mgscfsMultiStepNextStep5 mgswpcf7msgoconfirmstep\" type=\"button\">Next <i class=\"fa-solid fa-arrow-right\"><\/i><\/button> \n\t\t\t\t\t\t\t\t\t\t<\/div><div id=\"mgswpcf7multistepsection-5\" class=\"mgswpcf7multistepsection slide-right orangecolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">You Are Nearly There<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 5 of 5 <em class=\"progresspercentage\">( 100% )<\/em><\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme1\">\n\t\t\t\t<div class=\"form-layer-progress\">\n\t\t\t\t\t<div class=\"form-layer-progress-line\" style=\"width: 90%;\"><\/div>\n\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>1<\/span><\/div><p class=\"steptitle\">Step1<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>2<\/span><\/div><p class=\"steptitle\">Step2<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>3<\/span><\/div><p class=\"steptitle\">Step3<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step active\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>4<\/span><\/div><p class=\"steptitle\">Step4<\/p>\n\t\t\t\t\t<\/div><div class=\"form-layer-step activestep\">\n\t\t\t\t\t\t<div class=\"form-layer-step-icon mgscfsstep\"><span>5<\/span><\/div><p class=\"steptitle\">Step5<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Your Message (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/><br \/>\n<div class=\"mgswpcf7multistep-btn-group mgswpcf7msfinalstepbtn\">\n\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn mgswpcf7btn-default mgscfsMultiStepPreviousStep4\" type=\"button\"><i class=\"fa-solid fa-arrow-left\"><\/i> Back<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"mgswpcf7multistepautoscrolloff-field\">\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"mgswpcf7multistepautoscrolloff\" id=\"mgswpcf7multistepautoscrolloff\" value=\"0\" class=\"wpcf7-form-control\" readonly \/>\n\t\t\t\t\t\t\t\t\t\t<\/div><\/div>\t\t\t\t\t\n\t\t\t\t<div class=\"help-block with-errors mandatory-error\"><\/div>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Contact Form 7 Multi Step Add-ons. Split Your Long Form into Multi Step (Upto 100 Steps). &nbsp; Only For this page form Conditional Field we have used Contact Form 7 Conditional Fields plugins. We have made our Contact Form 7 Multi Step add-ons plugins Compatible with this Contact Form 7 Conditional Fields plugin. If you [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-cf7-multi-step-form.php","meta":{"footnotes":""},"class_list":["post-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":13,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/226\/revisions\/277"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}