{"id":204,"date":"2019-11-22T16:27:40","date_gmt":"2019-11-22T16:27:40","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/?page_id=204"},"modified":"2020-07-31T15:12:41","modified_gmt":"2020-07-31T15:12:41","slug":"contact-form-7-multi-step-quote-request","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/contact-form-7-multi-step-quote-request\/","title":{"rendered":"Contact Form 7 Multi Step Quote Request"},"content":{"rendered":"<h4>Contact Form 7 Multi Step Add-ons. Split Your Long Form into Multi Step.<\/h4>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">Quote Request<\/h2>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f184-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"184\">\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\/204#wpcf7-f184-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=\"184\" \/><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-f184-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;:184,&quot;conditions&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 redcolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">Select OS<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 1 of 5<\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme4\">\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\">OS<\/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\">Service<\/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\">Budget<\/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\">Info<\/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\">Submit<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Select OS (required)<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"opsys\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><input type=\"radio\" name=\"opsys\" value=\"Android\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Android<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"radio\" name=\"opsys\" value=\"IOS\" \/><span class=\"wpcf7-list-item-label\">IOS<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"radio\" name=\"opsys\" value=\"Windows\" \/><span class=\"wpcf7-list-item-label\">Windows<\/span><\/span><\/span><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group redcolortheme mgswpcf7multistep-btn-box-1\"><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 redcolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">Required Service<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 2 of 5<\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme4\">\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\">OS<\/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\">Service<\/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\">Budget<\/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\">Info<\/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\">Submit<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Select Service (required)<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"services\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"services\"><option value=\"App Devlopment\">App Devlopment<\/option><option value=\"Web Design\">Web Design<\/option><option value=\"Graphic Design\">Graphic Design<\/option><option value=\"e-Commerce\">e-Commerce<\/option><\/select><\/span><br \/>\n<label> Select Features (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"features\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first\"><input type=\"checkbox\" name=\"features[]\" value=\"Features 1\" \/><span class=\"wpcf7-list-item-label\">Features 1<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"features[]\" value=\"Features 2\" \/><span class=\"wpcf7-list-item-label\">Features 2<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"checkbox\" name=\"features[]\" value=\"Features 3\" \/><span class=\"wpcf7-list-item-label\">Features 3<\/span><\/span><\/span><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group redcolortheme 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 redcolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">Your Budget<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 3 of 5<\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme4\">\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\">OS<\/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\">Service<\/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\">Budget<\/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\">Info<\/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\">Submit<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><br \/>\n<label> Project Budget (required)<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"probudget\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"probudget\"><option value=\"Around $500\">Around $500<\/option><option value=\"$501 - $1000\">$501 - $1000<\/option><option value=\"$1001 - $1500\">$1001 - $1500<\/option><option value=\"$1501 - $2000\">$1501 - $2000<\/option><option value=\"$2001 - $2500\">$2001 - $2500<\/option><option value=\"$2501 - $3000\">$2501 - $3000<\/option><option value=\"$3000+\">$3000+<\/option><\/select><\/span><br \/>\n<label> Project Priority (required)<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"priority\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required wpcf7-exclusive-checkbox\"><span class=\"wpcf7-list-item first\"><input type=\"checkbox\" name=\"priority\" value=\"Low\" \/><span class=\"wpcf7-list-item-label\">Low<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"priority\" value=\"Medium\" \/><span class=\"wpcf7-list-item-label\">Medium<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"checkbox\" name=\"priority\" value=\"Argent\" \/><span class=\"wpcf7-list-item-label\">Argent<\/span><\/span><\/span><\/span><br \/>\n<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group redcolortheme 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 redcolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">Contact Info<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 4 of 5<\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme4\">\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\">OS<\/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\">Service<\/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\">Budget<\/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\">Info<\/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\">Submit<\/p>\n\t\t\t\t\t<\/div><\/div><div class=\"help-block with-errors mandatory-error displerrortop\"><\/div><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><br \/>\n<label> Your Phone (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<div class=\"help-block with-errors mandatory-error displerrorbot\"><\/div><\/div><div class=\"mgswpcf7multistep-btn-group redcolortheme 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 redcolortheme\"><h5 class=\"mgswpcf7multistepsection-tagline\">Submit Quote Request<\/h5><h3 class=\"mgswpcf7multistepsection-title\">Step 5 of 5<\/h3><div class=\"mgswpcf7multistepform-layer-steps form-layer-tolal-steps-5 mgswpcf7multisteptheme4\">\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\">OS<\/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\">Service<\/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\">Budget<\/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\">Info<\/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\">Submit<\/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> Prefered Contact Method (required) <\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"preferedcontact\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required wpcf7-exclusive-checkbox\"><span class=\"wpcf7-list-item first\"><input type=\"checkbox\" name=\"preferedcontact\" value=\"email\" \/><span class=\"wpcf7-list-item-label\">email<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"checkbox\" name=\"preferedcontact\" value=\"Phone\" \/><span class=\"wpcf7-list-item-label\">Phone<\/span><\/span><\/span><\/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=\"1\" 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. &nbsp; Quote Request<\/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-204","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/204","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=204"}],"version-history":[{"count":15,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/204\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/media?parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}