CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title>FormCraft » Multi Page Forms</title> <meta name="description" content="FormCraft is a premium WordPress form builder, which allows you to make gorgeous forms, lightning fast."> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/style.css" type="text/css" media="screen,projection" /> <script> if (window.self !== window.top) { window.top.location.href = window.self.location; } </script> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="FormCraft » Feed" href="https://formcraft-wp.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="FormCraft » Comments Feed" href="https://formcraft-wp.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/formcraft-wp.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.5"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://formcraft-wp.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.5' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='formcraft-common-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft3/dist/formcraft-common.css?ver=3.9.12' type='text/css' media='all' /> <link rel='stylesheet' id='formcraft-form-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft3/dist/form.css?ver=3.9.12' type='text/css' media='all' /> <link rel='stylesheet' id='source_sans_pro-css' href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C400%2C600%2C700%2C900&ver=6.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='fc_docs-grid-css' href='https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/foundation.css?ver=8' type='text/css' media='all' /> <link rel='stylesheet' id='fc_docs-icons-css' href='https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/icons/flaticon.css?ver=8' type='text/css' media='all' /> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://formcraft-wp.com/wp-json/" /><link rel="alternate" type="application/json" href="https://formcraft-wp.com/wp-json/wp/v2/addon/154" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://formcraft-wp.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.5" /> <link rel="canonical" href="https://formcraft-wp.com/addons/multi-page-forms/" /> <link rel='shortlink' href='https://formcraft-wp.com/?p=154' /> <link rel="alternate" type="application/json+oembed" href="https://formcraft-wp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fformcraft-wp.com%2Faddons%2Fmulti-page-forms%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://formcraft-wp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fformcraft-wp.com%2Faddons%2Fmulti-page-forms%2F&format=xml" /> </head> <body class="addon-template-default single single-addon postid-154" itemscope itemtype="http://schema.org/WebPage"> <div id='container'> <header id='header'> <div> <h1> <a href="https://formcraft-wp.com/">FormCraft</a> </h1>  <div class='menu-cover'> <span id='mobile-menu-open'>MENU</span> <div> <ul id="top-nav" class="nav"><li id="menu-item-436" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-436"><a href="http://formcraft-wp.com/demo">Demo</a></li> <li id="menu-item-102" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-102"><a href="http://formcraft-wp.com/addons">Add-Ons</a></li> <li id="menu-item-448" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-448"><a href="https://formcraft-wp.com/buy">Shop</a></li> <li id="menu-item-101" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-101"><a href="http://formcraft-wp.com/help">Help</a></li> <li id="menu-item-437" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-437"><a href="http://formcraft-wp.com/login/">Login</a></li> <li id="menu-item-449" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-449"><a href="http://formcraft-wp.com/dashboard">Dashboard</a></li> </ul> </div> </div> </div> </header> <div id="content" class="addon-content"> <div id='left-nav-cover'> <span class='expand-parent'><span class='open'>>></span><span class='close'><<</span></span> <ul id="left-nav" class="nav"><li id="menu-item-413" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-413"><a href="http://formcraft-wp.com/addons">All Addons</a></li> <li id="menu-item-477" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-has-children menu-item-477"><a href="https://formcraft-wp.com/addons/mailchimp/">Email Subscription</a> <ul class="sub-menu"> <li id="menu-item-336" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-336"><a href="https://formcraft-wp.com/addons/mailchimp/">MailChimp</a></li> <li id="menu-item-330" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-330"><a href="https://formcraft-wp.com/addons/campaign-monitor/">Campaign Monitor</a></li> <li id="menu-item-328" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-328"><a href="https://formcraft-wp.com/addons/get-response/">Get Response</a></li> <li id="menu-item-476" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-476"><a href="https://formcraft-wp.com/addons/mailpoet/">MailPoet</a></li> </ul> </li> <li id="menu-item-515" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-515"><a href="https://formcraft-wp.com/addons/paypal/">PayPal Standard</a></li> <li id="menu-item-332" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-332"><a href="https://formcraft-wp.com/addons/stripe/">Stripe</a></li> <li id="menu-item-695" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-695"><a href="https://formcraft-wp.com/addons/booking/">Booking</a></li> <li id="menu-item-334" class="menu-item menu-item-type-post_type menu-item-object-addon current-menu-item menu-item-334"><a href="https://formcraft-wp.com/addons/multi-page-forms/" aria-current="page">Multi Page Forms</a></li> <li id="menu-item-331" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-331"><a href="https://formcraft-wp.com/addons/user-registration/">User Registration</a></li> <li id="menu-item-335" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-335"><a href="https://formcraft-wp.com/addons/form-to-post/">Form To Post</a></li> <li id="menu-item-329" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-329"><a href="https://formcraft-wp.com/addons/tabular-input-field/">Tabular Input Field</a></li> <li id="menu-item-333" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-333"><a href="https://formcraft-wp.com/addons/pre-populate-fields/">Pre Populate Fields</a></li> <li id="menu-item-500" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-500"><a href="https://formcraft-wp.com/addons/recaptcha/">reCaptcha</a></li> <li id="menu-item-414" class="menu-item menu-item-type-post_type menu-item-object-addon menu-item-414"><a href="https://formcraft-wp.com/addons/multi-site/">Multi Site</a></li> </ul> </div> <div class='article-cover'> <img class='addon-image' src='http://formcraft-wp.com/wp-content/uploads/2015/05/multi.png' alt='formcraft-multi-page'/> <article role="article" itemscope> <h1 class='post-title'>Multi Page Forms</h1> <div> <p>This add-on allows you to make multi-page forms.</p> <ul> <li>Validate each page before allowing user to proceed</li> <li>Customisable Previous and Next buttons</li> <li>Highlighted steps to display form progress</li> <li>Tailor-made interface for mobile devices</li> <li>Works with popup and slide-in forms as well</li> <li>Easily move fields across pages聽when editing forms</li> </ul> <div class='formcraft-css'><a class='button blue' data-toggle='fc_modal' data-target='#modal-67c519b1d2f08' style='background-color: ; color: '>Sample Form</a><div data-auto='' class='fc-form-modal fc_modal fc_fade animate-' id='modal-67c519b1d2f08'> <div class='fc_modal-dialog fc_modal-dialog-16'> <div data-bind='' data-uniq='67c519b1d2f08' class='uniq-67c519b1d2f08 formcraft-css form-live align-left'> <button class='fc_close' type='button' class='close' data-dismiss='fc_modal' aria-label='Close'> <span aria-hidden='true'>×</span> </button> <script type='text/javascript'>window.setPublishableKey = window.setPublishableKey || []; window.setPublishableKey[16] = 'pk_test_HFKJrulYopAwAE1vWVsWCX7j';</script><script> window.formcraftLogic = window.formcraftLogic || {}; window.formcraftLogic[16] = [[[["field10","contains","1"]],[["show_fields","field11"]],"and"]]; </script><div class="fc-pagination-cover fc-pagination-3"> <div class="fc-pagination width-100"> <div class="pagination-trigger " data-index="0"> <span class="page-number"><span >1</span></span> <span class="page-name ">Personal info</span> </div><div class="pagination-trigger " data-index="1"> <span class="page-number"><span >2</span></span> <span class="page-name ">Insurance Type</span> </div><div class="pagination-trigger " data-index="2"> <span class="page-number"><span >3</span></span> <span class="page-name ">Payment</span> </div> </div> </div> <style scoped="scoped" > @media (max-width : 480px) { .fc_modal-dialog-16 .fc-pagination-cover .fc-pagination { background-color: white !important; } } .fc-form.fc-form-16 .form-element .field-cover.booking-cover .booking-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a, .fc-form.fc-form-16 .form-element .field-cover.booking-cover .booking-datepicker table.ui-datepicker-calendar td a:hover { background: #4488ee; } .fc-form.fc-form-16 .form-element .field-cover.booking-cover .slot-selector label.active { border-color: #4488ee; background-color: #4488ee; } html .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html .field-cover .StripeElement, html .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html .field-cover .stripe-builder-show { background-color: #fafafa; color: #777; } .formcraft-css .fc-form.fc-form-16 .stripe-amount-show { background: #4488ee; color: #fff; } .formcraft-css .fc-form.fc-form-16 .form-element .stripe-amount-show { border-color: #3b77d1; } .formcraft-css .fc-form.fc-form-16 .stripe-cover.field-cover div.stripe-amount-show::before { border-top-color: #3b77d1; } .formcraft-css .fc-form.fc-form-16 .stripe-cover.field-cover div.stripe-amount-show::after { border-right-color: #4488ee; } .formcraft-css .fc-form.fc-form-16 .form-element .submit-cover .submit-button, .formcraft-css .fc-form.fc-form-16 .form-element .fileupload-cover .button-file, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover .button, .formcraft-datepicker .ui-datepicker-header, .formcraft-datepicker .ui-datepicker-title { background: #4488ee; color: #fff; } .formcraft-datepicker td .ui-state-active, .formcraft-datepicker td .ui-state-hover, .formcraft-css .fc-form.fc-form-16 .form-element .slider-cover .ui-slider-range { background: #4488ee; } #ui-datepicker-div.formcraft-datepicker .ui-datepicker-header, .formcraft-css .fc-form .field-cover>div.full hr { border-color: #3b77d1; } #ui-datepicker-div.formcraft-datepicker .ui-datepicker-prev:hover, #ui-datepicker-div.formcraft-datepicker .ui-datepicker-next:hover, #ui-datepicker-div.formcraft-datepicker select.ui-datepicker-month:hover, #ui-datepicker-div.formcraft-datepicker select.ui-datepicker-year:hover { background-color: #3b77d1; } .formcraft-css .fc-pagination>div.active .page-number, .formcraft-css .form-cover-builder .fc-pagination>div:first-child .page-number { background-color: #4488ee; color: #fff; } #ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar th, #ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a, .formcraft-css .fc-form.fc-form-16 .form-element .star-cover label, html .formcraft-css .fc-form.label-floating .form-element .field-cover.has-focus>span, .formcraft-css .fc-form.fc-form-16 .form-element .customText-cover a, .formcraft-css .prev-next>div span:hover { color: #4488ee; } .formcraft-css .fc-form.fc-form-16 .form-element .customText-cover a:hover { color: #3b77d1; } html .formcraft-css .fc-form.fc-form-16.label-floating .form-element .field-cover > span { color: #666666; } html .formcraft-css .fc-form .final-success .final-success-check { border: 2px solid #666666; } .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover textarea, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover .time-fields-cover, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover .awesomplete ul { color: #777; } .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="radio"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-16 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover textarea { background-color: #fafafa; } .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="radio"]:checked, .formcraft-css .fc-form.fc-form-16 .form-element .field-cover input[type="checkbox"]:checked { border-color: #3b77d1; background: #4488ee; } .formcraft-css .fc-form.fc-form-16 .form-element .star-cover label .star { text-shadow: 0px 1px 0px #3b77d1; } .formcraft-css .fc-form.fc-form-16 .form-element .slider-cover .ui-slider-range { box-shadow: 0px 1px 1px #3b77d1 inset; } .formcraft-css .fc-form.fc-form-16 .form-element .fileupload-cover .button-file { border-color: #3b77d1; } .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html input[type="password"]:focus, .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html input[type="email"]:focus, .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html input[type="tel"]:focus, .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html input[type="text"]:focus, .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html textarea:focus, .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html select:focus { border-color: #4488ee; } .formcraft-css .fc-form.fc-form-16 .form-element .form-element-html .field-cover .is-read-only:focus { border-color: #ccc; } .formcraft-css .fc-form.fc-form-16 { font-family: inherit; } @media (max-width : 480px) { html .dedicated-page, html .dedicated-page .formcraft-css .fc-pagination > div.active { background: white; } } </style> <div class="form-cover"> <form data-auto-scroll="" data-no-message-redirect="" data-thousand="" data-decimal="." data-delay="" data-id="16" class="fc-form fc-form-16 align- fc-temp-class save-form- dont-submit-hidden- icons-hide- disable-enter- label-floating field-border-visible frame-visible remove-asterisk-true field-alignment-left " style="width: 440px; color: #666666; font-size: 125%; background: white"> <div class="form-page form-page-0" data-index="0"> <div class="form-page-content ng-not-empty"> <div data-identifier="field1" data-index="0" style="width: 100%" class=" form-element form-element-field1 form-element-0 default-false form-element-type-heading is-required-false odd -handle options-false index-false"> <div class="form-element-html"><div ><div style="background-color:" class="heading-cover field-cover "><div style="text-align: left; font-size: 1.5em; padding-top: 20px; padding-bottom: 10px; color:" class="bold-true"><span >Your Personal Details</span></div><input type="hidden" data-field-id="field1" name="field1[]" value="Your Personal Details"></div></div></div> </div><div data-identifier="field2" data-index="1" style="width: 50%" class=" even form-element form-element-field2 options-false index-false form-element-1 default-false form-element-type-oneLineText is-required-true -handle"> <div class="form-element-html"><div ><label class="oneLineText-cover field-cover "><span class="sub-label-false"><span class="main-label"><span >First Name</span></span><span class="sub-label"></span></span><div><span class="error"></span><input type="text" placeholder="" make-read-only="" data-field-id="field2" name="field2[]" data-min-char="" data-max-char="" data-val-type="" data-regexp="" data-is-required="true" data-allow-spaces="" class="validation-lenient" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="focus" data-html="true" data-input-mask="" data-mask-placeholder="" data-original-title=""><i class="formcraft-icon formcraft-icon-type-"></i></div></label></div></div> </div><div data-identifier="field4" data-index="2" style="width: 50%" class=" form-element form-element-field4 options-false index-false form-element-2 default-false form-element-type-oneLineText is-required-false odd -handle"> <div class="form-element-html"><div ><label class="oneLineText-cover field-cover "><span class="sub-label-false"><span class="main-label"><span >Last Name</span></span><span class="sub-label"></span></span><div><span class="error"></span><input type="text" placeholder="" make-read-only="" data-field-id="field4" name="field4[]" data-min-char="" data-max-char="" data-val-type="" data-regexp="" data-is-required="false" data-allow-spaces="" class="validation-lenient" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="focus" data-html="true" data-input-mask="" data-mask-placeholder="" data-original-title=""><i class="formcraft-icon formcraft-icon-type-"></i></div></label></div></div> </div><div data-identifier="field3" data-index="3" style="width: 100%" class=" even form-element form-element-field3 options- index- form-element-3 default-false form-element-type-email is-required-false -handle"> <div class="form-element-html"><div ><label class="email-cover field-cover "><span class="sub-label-true"><span class="main-label"><span >Your Email Address</span></span><span class="sub-label"><span >a valid email</span></span></span><div><span class="error"></span><input placeholder="" data-field-id="field3" type="text" data-val-type="email" make-read-only="" data-is-required="false" name="field3" class="validation-lenient" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="focus" data-html="true" data-original-title=""><i class="formcraft-icon">email</i></div></label></div></div> </div><div data-identifier="field8" data-index="4" style="width: 100%" class=" form-element form-element-field8 options- index- form-element-4 default-false form-element-type-dropdown is-required-true odd -handle"> <div class="form-element-html"><div ><label class="dropdown-cover field-cover autocomplete-type-"><span class="sub-label-true"><span class="main-label"><span >Country of Residence</span></span><span class="sub-label"><span >pick one!</span></span></span><div><span class="error"></span><select data-is-required="true" class="validation-lenient" data-field-id="field8" name="field8" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="hover" data-html="true" data-original-title=""><option value="" class=" "></option><option value="AF" class=" ">Afghanistan</option><option value="AL" class=" ">Albania</option><option value="DZ" class=" ">Algeria</option><option value="AS" class=" ">American Samoa</option><option value="AD" class=" ">Andorra</option><option value="AO" class=" ">Angola</option><option value="AI" class=" ">Anguilla</option><option value="AQ" class=" ">Antarctica</option><option value="AG" class=" ">Antigua And Barbuda</option><option value="AR" class=" ">Argentina</option><option value="AM" class=" ">Armenia</option><option value="AW" class=" ">Aruba</option><option value="AU" class=" ">Australia</option><option value="AT" class=" ">Austria</option><option value="AZ" class=" ">Azerbaijan</option><option value="BS" class=" ">Bahamas</option><option value="BH" class=" ">Bahrain</option><option value="BD" class=" ">Bangladesh</option><option value="BB" class=" ">Barbados</option><option value="BY" class=" ">Belarus</option><option value="BE" class=" ">Belgium</option><option value="BZ" class=" ">Belize</option><option value="BJ" class=" ">Benin</option><option value="BM" class=" ">Bermuda</option><option value="BT" class=" ">Bhutan</option><option value="BO" class=" ">Bolivia</option><option value="BA" class=" ">Bosnia And Herzegovina</option><option value="BW" class=" ">Botswana</option><option value="BV" class=" ">Bouvet Island</option><option value="BR" class=" ">Brazil</option><option value="IO" class=" ">British Indian Ocean Territory</option><option value="BN" class=" ">Brunei Darussalam</option><option value="BG" class=" ">Bulgaria</option><option value="BF" class=" ">Burkina Faso</option><option value="BI" class=" ">Burundi</option><option value="KH" class=" ">Cambodia</option><option value="CM" class=" ">Cameroon</option><option value="CA" class=" ">Canada</option><option value="CV" class=" ">Cape Verde</option><option value="KY" class=" ">Cayman Islands</option><option value="CF" class=" ">Central African Republic</option><option value="TD" class=" ">Chad</option><option value="CL" class=" ">Chile</option><option value="CN" class=" ">China</option><option value="CX" class=" ">Christmas Island</option><option value="CC" class=" ">Cocos (keeling) Islands</option><option value="CO" class=" ">Colombia</option><option value="KM" class=" ">Comoros</option><option value="CG" class=" ">Congo</option><option value="CD" class=" ">Congo, The Democratic Republic Of The</option><option value="CK" class=" ">Cook Islands</option><option value="CR" class=" ">Costa Rica</option><option value="CI" class=" ">Cote D'ivoire</option><option value="HR" class=" ">Croatia</option><option value="CU" class=" ">Cuba</option><option value="CY" class=" ">Cyprus</option><option value="CZ" class=" ">Czech Republic</option><option value="DK" class=" ">Denmark</option><option value="DJ" class=" ">Djibouti</option><option value="DM" class=" ">Dominica</option><option value="DO" class=" ">Dominican Republic</option><option value="TP" class=" ">East Timor</option><option value="EC" class=" ">Ecuador</option><option value="EG" class=" ">Egypt</option><option value="SV" class=" ">El Salvador</option><option value="GQ" class=" ">Equatorial Guinea</option><option value="ER" class=" ">Eritrea</option><option value="EE" class=" ">Estonia</option><option value="ET" class=" ">Ethiopia</option><option value="FK" class=" ">Falkland Islands (malvinas)</option><option value="FO" class=" ">Faroe Islands</option><option value="FJ" class=" ">Fiji</option><option value="FI" class=" ">Finland</option><option value="FR" class=" ">France</option><option value="GF" class=" ">French Guiana</option><option value="PF" class=" ">French Polynesia</option><option value="TF" class=" ">French Southern Territories</option><option value="GA" class=" ">Gabon</option><option value="GM" class=" ">Gambia</option><option value="GE" class=" ">Georgia</option><option value="DE" class=" ">Germany</option><option value="GH" class=" ">Ghana</option><option value="GI" class=" ">Gibraltar</option><option value="GR" class=" ">Greece</option><option value="GL" class=" ">Greenland</option><option value="GD" class=" ">Grenada</option><option value="GP" class=" ">Guadeloupe</option><option value="GU" class=" ">Guam</option><option value="GT" class=" ">Guatemala</option><option value="GN" class=" ">Guinea</option><option value="GW" class=" ">Guinea-bissau</option><option value="GY" class=" ">Guyana</option><option value="HT" class=" ">Haiti</option><option value="HM" class=" ">Heard Island And Mcdonald Islands</option><option value="VA" class=" ">Holy See (vatican City State)</option><option value="HN" class=" ">Honduras</option><option value="HK" class=" ">Hong Kong</option><option value="HU" class=" ">Hungary</option><option value="IS" class=" ">Iceland</option><option value="IN" class=" ">India</option><option value="ID" class=" ">Indonesia</option><option value="IR" class=" ">Iran, Islamic Republic Of</option><option value="IQ" class=" ">Iraq</option><option value="IE" class=" ">Ireland</option><option value="IL" class=" ">Israel</option><option value="IT" class=" ">Italy</option><option value="JM" class=" ">Jamaica</option><option value="JP" class=" ">Japan</option><option value="JO" class=" ">Jordan</option><option value="KZ" class=" ">Kazakstan</option><option value="KE" class=" ">Kenya</option><option value="KI" class=" ">Kiribati</option><option value="KP" class=" ">Korea, Democratic People's Republic Of</option><option value="KR" class=" ">Korea, Republic Of</option><option value="KV" class=" ">Kosovo</option><option value="KW" class=" ">Kuwait</option><option value="KG" class=" ">Kyrgyzstan</option><option value="LA" class=" ">Lao People's Democratic Republic</option><option value="LV" class=" ">Latvia</option><option value="LB" class=" ">Lebanon</option><option value="LS" class=" ">Lesotho</option><option value="LR" class=" ">Liberia</option><option value="LY" class=" ">Libyan Arab Jamahiriya</option><option value="LI" class=" ">Liechtenstein</option><option value="LT" class=" ">Lithuania</option><option value="LU" class=" ">Luxembourg</option><option value="MO" class=" ">Macau</option><option value="MK" class=" ">Macedonia, The Former Yugoslav Republic Of</option><option value="MG" class=" ">Madagascar</option><option value="MW" class=" ">Malawi</option><option value="MY" class=" ">Malaysia</option><option value="MV" class=" ">Maldives</option><option value="ML" class=" ">Mali</option><option value="MT" class=" ">Malta</option><option value="MH" class=" ">Marshall Islands</option><option value="MQ" class=" ">Martinique</option><option value="MR" class=" ">Mauritania</option><option value="MU" class=" ">Mauritius</option><option value="YT" class=" ">Mayotte</option><option value="MX" class=" ">Mexico</option><option value="FM" class=" ">Micronesia, Federated States Of</option><option value="MD" class=" ">Moldova, Republic Of</option><option value="MC" class=" ">Monaco</option><option value="MN" class=" ">Mongolia</option><option value="MS" class=" ">Montserrat</option><option value="ME" class=" ">Montenegro</option><option value="MA" class=" ">Morocco</option><option value="MZ" class=" ">Mozambique</option><option value="MM" class=" ">Myanmar</option><option value="NA" class=" ">Namibia</option><option value="NR" class=" ">Nauru</option><option value="NP" class=" ">Nepal</option><option value="NL" class=" ">Netherlands</option><option value="AN" class=" ">Netherlands Antilles</option><option value="NC" class=" ">New Caledonia</option><option value="NZ" class=" ">New Zealand</option><option value="NI" class=" ">Nicaragua</option><option value="NE" class=" ">Niger</option><option value="NG" class=" ">Nigeria</option><option value="NU" class=" ">Niue</option><option value="NF" class=" ">Norfolk Island</option><option value="MP" class=" ">Northern Mariana Islands</option><option value="NO" class=" ">Norway</option><option value="OM" class=" ">Oman</option><option value="PK" class=" ">Pakistan</option><option value="PW" class=" ">Palau</option><option value="PS" class=" ">Palestinian Territory, Occupied</option><option value="PA" class=" ">Panama</option><option value="PG" class=" ">Papua New Guinea</option><option value="PY" class=" ">Paraguay</option><option value="PE" class=" ">Peru</option><option value="PH" class=" ">Philippines</option><option value="PN" class=" ">Pitcairn</option><option value="PL" class=" ">Poland</option><option value="PT" class=" ">Portugal</option><option value="PR" class=" ">Puerto Rico</option><option value="QA" class=" ">Qatar</option><option value="RE" class=" ">Reunion</option><option value="RO" class=" ">Romania</option><option value="RU" class=" ">Russian Federation</option><option value="RW" class=" ">Rwanda</option><option value="SH" class=" ">Saint Helena</option><option value="KN" class=" ">Saint Kitts And Nevis</option><option value="LC" class=" ">Saint Lucia</option><option value="PM" class=" ">Saint Pierre And Miquelon</option><option value="VC" class=" ">Saint Vincent And The Grenadines</option><option value="WS" class=" ">Samoa</option><option value="SM" class=" ">San Marino</option><option value="ST" class=" ">Sao Tome And Principe</option><option value="SA" class=" ">Saudi Arabia</option><option value="SN" class=" ">Senegal</option><option value="RS" class=" ">Serbia</option><option value="SC" class=" ">Seychelles</option><option value="SL" class=" ">Sierra Leone</option><option value="SG" class=" ">Singapore</option><option value="SK" class=" ">Slovakia</option><option value="SI" class=" ">Slovenia</option><option value="SB" class=" ">Solomon Islands</option><option value="SO" class=" ">Somalia</option><option value="ZA" class=" ">South Africa</option><option value="GS" class=" ">South Georgia And The South Sandwich Islands</option><option value="ES" class=" ">Spain</option><option value="LK" class=" ">Sri Lanka</option><option value="SD" class=" ">Sudan</option><option value="SR" class=" ">Suriname</option><option value="SJ" class=" ">Svalbard And Jan Mayen</option><option value="SZ" class=" ">Swaziland</option><option value="SE" class=" ">Sweden</option><option value="CH" class=" ">Switzerland</option><option value="SY" class=" ">Syrian Arab Republic</option><option value="TW" class=" ">Taiwan, Province Of China</option><option value="TJ" class=" ">Tajikistan</option><option value="TZ" class=" ">Tanzania, United Republic Of</option><option value="TH" class=" ">Thailand</option><option value="TG" class=" ">Togo</option><option value="TK" class=" ">Tokelau</option><option value="TO" class=" ">Tonga</option><option value="TT" class=" ">Trinidad And Tobago</option><option value="TN" class=" ">Tunisia</option><option value="TR" class=" ">Turkey</option><option value="TM" class=" ">Turkmenistan</option><option value="TC" class=" ">Turks And Caicos Islands</option><option value="TV" class=" ">Tuvalu</option><option value="UG" class=" ">Uganda</option><option value="UA" class=" ">Ukraine</option><option value="AE" class=" ">United Arab Emirates</option><option value="GB" class=" ">United Kingdom</option><option value="US" class=" ">United States</option><option value="UM" class=" ">United States Minor Outlying Islands</option><option value="UY" class=" ">Uruguay</option><option value="UZ" class=" ">Uzbekistan</option><option value="VU" class=" ">Vanuatu</option><option value="VE" class=" ">Venezuela</option><option value="VN" class=" ">Viet Nam</option><option value="VG" class=" ">Virgin Islands, British</option><option value="VI" class=" ">Virgin Islands, U.s.</option><option value="WF" class=" ">Wallis And Futuna</option><option value="EH" class=" ">Western Sahara</option><option value="YE" class=" ">Yemen</option><option value="ZM" class=" ">Zambia</option><option value="ZW" class=" ">Zimbabwe</option></select><input type="text"></div></label></div></div> </div><div data-identifier="field7" data-index="5" style="width: 100%" class=" even form-element form-element-field7 options-false index-false form-element-5 default-false form-element-type-checkbox is-required-false -handle"> <div class="form-element-html"><div ><div class="images- checkbox-cover field-cover"><span class="sub-label-false"><span class="main-label"><span >Household Income</span></span><span class="sub-label"></span></span><div data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="hover" data-html="true" data-original-title=""><span class="error"></span><label style="width: 100%" ><img alt=""><input data-field-id="field7" type="checkbox" data-is-required="false" name="field7[]" value="< $30k" class="validation-lenient"><span><span >< $30k</span></span></label><label style="width: 100%" ><img alt=""><input data-field-id="field7" type="checkbox" data-is-required="false" name="field7[]" value="$30k - $50k" class="validation-lenient"><span><span >$30k - $50k</span></span></label><label style="width: 100%" ><img alt=""><input data-field-id="field7" type="checkbox" data-is-required="false" name="field7[]" value="$50k - $100k" class="validation-lenient"><span><span >$50k - $100k</span></span></label><label style="width: 100%" ><img alt=""><input data-field-id="field7" type="checkbox" data-is-required="false" name="field7[]" value="$100k +" class="validation-lenient"><span><span >$100k +</span></span></label></div></div></div></div> </div> </div> </div><div class="form-page form-page-1" data-index="1"> <div class="form-page-content ng-not-empty"> <div data-identifier="field14" data-index="0" style="width: 100%" class=" form-element form-element-field14 options- index- form-element-0 default-false form-element-type-heading is-required-false odd -handle"> <div class="form-element-html"><div ><div style="background-color:" class="heading-cover field-cover "><div style="text-align: left; font-size: 1.5em; padding-top: ; padding-bottom: ; color:" class="bold-true"><span >Insurance Details</span></div><input type="hidden" data-field-id="field14" name="field14[]" value="Insurance Details"></div></div></div> </div><div data-identifier="field10" data-index="1" style="width: 100%" class=" even form-element form-element-field10 options- index- form-element-1 default-false form-element-type-dropdown is-required-true -handle"> <div class="form-element-html"><div ><label class="dropdown-cover field-cover autocomplete-type-"><span class="sub-label-false"><span class="main-label"><span >Travel Period</span></span><span class="sub-label"></span></span><div><span class="error"></span><select data-is-required="true" class="validation-lenient" data-field-id="field10" name="field10" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="hover" data-html="true" data-original-title=""><option value="" class=" "></option><option value="1" class=" ">0 to 30 days</option><option value="1.2" class=" ">31 to 60 days</option><option value="1.4" class=" ">61 to 120 days</option><option value="2.1" class=" ">121 to 365 days</option></select><input type="text"></div></label></div></div> </div><div data-identifier="field11" data-index="2" style="width: 100%" class=" form-element form-element-field11 options- index- form-element-2 default-true form-element-type-checkbox is-required-true odd -handle"> <div class="form-element-html"><div ><div class="images- checkbox-cover field-cover"><span class="sub-label-false"><span class="main-label"><span >Travel Region</span></span><span class="sub-label"></span></span><div data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="hover" data-html="true" data-original-title=""><span class="error"></span><label style="width: 50%" ><img alt=""><input data-field-id="field11" type="radio" data-is-required="true" name="field11[]" value="1.1" class="validation-lenient"><span><span >US and Canada</span></span></label><label style="width: 50%" ><img alt=""><input data-field-id="field11" type="radio" data-is-required="true" name="field11[]" value=".8" class="validation-lenient"><span><span >Schengen Area</span></span></label><label style="width: 50%" ><img alt=""><input data-field-id="field11" type="radio" data-is-required="true" name="field11[]" value=".7" class="validation-lenient"><span><span >Asia and Japan</span></span></label><label style="width: 50%" ><img alt=""><input data-field-id="field11" type="radio" data-is-required="true" name="field11[]" value="1.2" class="validation-lenient"><span><span >Wordwide</span></span></label></div></div></div></div> </div><div data-identifier="field12" data-index="3" style="width: 100%" class=" even form-element form-element-field12 options- index- form-element-3 default-false form-element-type-slider is-required-true -handle"> <div class="form-element-html"><div ><label class="slider-cover field-cover show-scale-false"><span class="sub-label-"><span class="main-label"><span >Insurance Coverage Required</span></span><span class="sub-label"></span></span><div data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="hover" data-html="true" data-original-title=""><span class="error"></span><span class="range-min ">$50k</span><span class="ui-slider-cover"><span range-min="50" range-max="1000" range-step="50" range-true="false" data-prefix="$" data-suffix="k" slider="" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%"><span class="ui-slider-handle-nos">0</span></span></span></span><span class="range-max ">$1000k</span><input name="field12" data-field-id="field12" type="hidden" class="validation-lenient" data-is-required="true"></div></label></div></div> </div><div data-identifier="field13" data-index="4" style="width: 100%" class=" form-element form-element-field13 options- index- form-element-4 default-false form-element-type-customText is-required-false odd -handle"> <div class="form-element-html"><div ><div class="absolute-false customText-cover field-cover" style="left: ; top: ;right: ;bottom: ;color: #666666 !important; background-color:"><div class="full" style="text-align: left"><h2 style="text-align: center" >Premium Payable</h2><h3 style="text-align: center" >$[ field10 * field11 * (field12*.8) ]/-</h3></div><input type="hidden" name="field13" data-field-id="field13"></div></div></div> </div> </div> </div><div class="form-page form-page-2" data-index="2"> <div class="form-page-content ng-not-empty"> <div data-identifier="field15" data-index="0" style="width: 100%" class=" form-element form-element-field15 options- index- form-element-0 default-false form-element-type-heading is-required-false odd -handle"> <div class="form-element-html"><div ><div style="background-color:" class="heading-cover field-cover "><div style="text-align: left; font-size: 1.5em; padding-top: ; padding-bottom: ; color:" class="bold-true"><span >Payment Info</span></div><input type="hidden" data-field-id="field15" name="field15[]" value="Payment Info"></div></div></div> </div><div data-identifier="field18" data-index="1" style="width: 100%" class=" even form-element form-element-field18 options- index- form-element-1 default-false form-element-type-customText is-required-false -handle"> <div class="form-element-html"><div ><div class="absolute-false customText-cover field-cover" style="left: ; top: ;right: ;bottom: ;color: #666666 !important; background-color:"><div class="full" style="text-align: left"><p >Premium Payable: $[ field10 * field11 * (field12*.8) ]</p><p >Convenience Fee: $5</p><p >Shipping: $4</p><p >Because-We-Can Charges: $8</p><p >Total: $[ (field10 * field11 * (field12*.8)) + 17 ]</p></div><input type="hidden" name="field18" data-field-id="field18"></div></div></div> </div><div data-identifier="field16" data-index="2" style="width: 100%" class=" form-element form-element-field16 options- index- form-element-2 default-false form-element-type-Stripe is-required-false odd -handle"> <div class="form-element-html"><div ><div class="type-amount coupon- stripe-cover field-cover"><div><div class="stripe-amount-show ">$ [ (field10 * field11 * (field12*.8)) + 17 ]</div><div class="form-row"><label></label><div color="#777" class="card-element"></div><div role="alert"></div></div><div class="stripe-builder-show">Stripe Card Placeholder</div><input type="hidden" name="field16" class="stripe-amount-hidden" value="[ (field10 * field11 * (field12*.8)) + 17 ]"><div class="stripe-coupon-cover"><input type="text" placeholder="" name="stripe-coupon" class="StripeElement stripe-coupon no-save"><input type="hidden" class="stripe-coupon-hidden"><span class="stripe-coupon-verify "></span></div><div class="stripe-coupon-info"></div></div></div></div></div> </div><div data-identifier="field17" data-index="3" style="width: 100%" class=" even form-element form-element-field17 options- index- form-element-3 default-false form-element-type-submit is-required-false -handle"> <div class="form-element-html"><div ><div class="align-right wide-false submit-cover field-cover"><button type="submit" class="button submit-button"><span class="text ">Submit Form</span><span class="spin-cover"><i style="color:" class="loading-icon icon-cog animate-spin"></i></span></button></div><div class="submit-response "></div><label ><input type="text" class="required_field" name="website" autocomplete="maple-syrup-pot"></label></div></div> </div> </div> </div> </form> <div class="prev-next prev-next-3" style="width: 440px; color: #666666; font-size: 125%; background: white"> <div> <span class="inactive page-prev "><i class="formcraft-icon">keyboard_arrow_left</i>Previous</span></div> <div> <span class="page-next ">Next<i class="formcraft-icon">keyboard_arrow_right</i></span></div> </div> </div> </div></div> </div> </div> <div><a class='button green' target='_blank' href='http://formcraft-wp.com/buy/?addons=154'>Purchase for $19</a></div> <div style='color: #999; font-style: oblique; '> </div> </div> </article> </div> </div> <footer id='footer'> <div> <p id='copyrights'>漏2015 Subtle Web Inc</p> <div>Looking for <a href='https://formcrafts.com/salesforce-forms'>Salesforce forms</a>? Try FormCrafts.com</div> </div> </footer> </div> <link rel='stylesheet' id='formcraft-booking-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-booking/formcraft-booking.css?ver=6.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='fcmp-main-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-multi-page/assets/builder.css?ver=1.5' type='text/css' media='all' /> <link rel='stylesheet' id='fc-pp-form-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-paypal/assets/form-paypal.css?ver=6.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='fc-captcha-addon-css-main-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-recaptcha/captcha_form_main.css?ver=6.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='fc-signature-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-signature/formcraft-signature.css?ver=6.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='fcs-form-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-stripe-1.27/assets/form-stripe.css?ver=1.27' type='text/css' media='all' /> <link rel='stylesheet' id='fct-form-css-css' href='https://formcraft-wp.com/wp-content/plugins/formcraft-tabular/assets/form-tabular.css?ver=6.4.5' type='text/css' media='all' /> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/script.js?ver=8" id="fc_docs-script-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/autosize.js?ver=8" id="fc_docs-autosize-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/highlight.pack.js?ver=8" id="fc_docs-highlight-pack-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/themes/formcraft-wp-docs/assets/tooltip.min.js?ver=8" id="fc_docs-tooltip-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft3/assets/js/src/fc_modal.js?ver=3.9.12" id="fc-modal-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft3/assets/js/vendor/tooltip.min.js?ver=6.4.5" id="tooltip-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft3/lib/awesomplete.min.js?ver=6.4.5" id="awesomplete-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.2" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.2" id="jquery-ui-slider-js"></script> <script type="text/javascript" id="fc-form-js-extra"> /* <![CDATA[ */ var FC = {"ajaxurl":"https:\/\/formcraft-wp.com\/wp-admin\/admin-ajax.php","fct":{"1w":"1w","1m":"1m","1y":"1y","Form Name":"Form Name","Set Width Option":"Set the widths of two fields to 50% each to fit them in one row.<br>You can have any number of fields in the same row, as long as the sum of widths is 100%","Alt Label":"The field label \/ key to use when sending data via a webhook","Dropdown One":"You can set the value of the options different from the text, using this pattern","Dropdown Two":"Here, 100 would be the value, and Apple would be the text.","keepdata":"Keep Data When Deleting Plugin","exportall":"Export All Data","needAPIKey":"You need to enter the Google API Key when editing the field to make the autocomplete address field work","Form:":"Form:","Embed Type:":"Embed Type:","Add a FormCraft form":"Add a FormCraft form","Inline":"Inline","Popup":"Popup","Slide In":"Slide In","Button Text:":"Button Text:","Alignment:":"Alignment:","Left":"Left","Center":"Center","Right":"Right","Placement:":"Placement:","Bottom Right":"Bottom Right","Bind:":"Bind:","bind form popup action to a CSS selector":"bind form popup action to a CSS selector","Class:":"Class:","add a custom class to the popup button":"add a custom class to the popup button","Font Color:":"Font Color:","font color of the button":"font color of the button","Button Color:":"Button Color:","color of the button":"color of the button","Auto Popup:":"Auto Popup:","auto popup the form on page load after x seconds":"auto popup the form on page load after x seconds","loseChanges":"You will lose any un-saved changes.","Free AddOns":"Free AddOns","Purchased AddOns":"Purchased AddOns","Paid AddOns":"Paid AddOns","read more":"read more","Nothing Left To Install":"Nothing Left To Install","Please check your internet connection":"Please check your internet connection","back":"back","Help Topics":"Help Topics","Sorry, nothing here":"Sorry, nothing here","Contact Support":"Contact Support","Unknown Error.":"Unknown Error.","Failed Saving.":"Failed Saving.","Failed Saving. Please try disabing your firewall, or security plugin.":"Failed Saving. Please try disabing your firewall, or security plugin.","Debug Info":"Debug Info","Invalid":"Invalid","Min [x] characters required":"Min [x] characters required","Max [x] characters allowed":"Max [x] characters allowed","Max [x] file(s) allowed":"test","Files bigger than [x] MB not allowed":"Files bigger than [x] MB not allowed","Invalid Email":"Invalid Email","Invalid URL":"Invalid URL","Invalid Expression":"Invalid Expression","Only alphabets":"Only alphabets","Only numbers":"Only numbers","Should be alphanumeric":"Should be alphanumeric","Please correct the errors and try again":"Please correct the errors and try again","Message received":"Message received","Email Content Autoresponder":"<p>Hello [Name],<\/p><p><br><\/p><p>We have received your submission. Here are the details you have submitted to us:<\/p><p>[Form Content]<\/p><p><br><\/p><p>Regards,<\/p><p>Nishant<\/p>","Thank you for your submission":"Thank you for your submission","<p>Hello,<\/p><p><br><\/p><p>You have received a new form submission for the form [Form Name]. Here are the details:<\/p><p>[Form Content]<\/p><p><br><\/p><p>Page: [URL]<br>Unique ID: #[Entry ID]<br>Date: [Date]<br>Time: [Time]<\/p>":"<p>Hello,<\/p><p><br><\/p><p>You have received a new form submission for the form [Form Name]. Here are the details:<\/p><p>[Form Content]<\/p><p><br><\/p><p>Page: [URL]<br>Unique ID: #[Entry ID]<br>Date: [Date]<br>Time: [Time]<\/p>","New Form Submission":"New Form Submission","Heading":"Heading","Some Title":"Some Title","Name":"Name","your full name":"your full name","Password":"Password","check your caps":"check your caps","Email":"Email","a valid email":"a valid email","Comments":"Comments","more details":"more details","Favorite Fruits":"Favorite Fruits","pick one!":"pick one!","Language":"Language","Date":"Date","of appointment":"of appointment","Add some text or <strong>HTML<\/strong> here":"Add some text or HTML here","Text Field":"Text Field","Submit Form":"Submit Form","File":"File","upload":"upload","Slider":"Slider","take your pick":"take your pick","Time":"Time","Address":"Address","your home \/ office":"your home \/ office","Rate":"Rate","our support":"our support","Liked the food?":"Liked the food?","let us know":"let us know","Survey":"Survey","How Was the Food?":"How Was the Food?","How Was the Service?":"How Was the Service?","Poor":"Poor","Average":"Average","Good":"Good","Bad":"Bad","Could be better":"Could be better","So so":"So so","Excellent":"Excellent","Blank":"Blank","Template":"Template","Duplicate":"Duplicate","Import":"Import","(blank form)":"(blank form)","80% Zoom":"80% Zoom","Select Form Template To View":"Select Form Template To View","Select Form":"Select Form","Create Form":"Create Form","No Forms Found":"No Forms Found","Forms":"Forms","New Form":"New Form","ID":"ID","Last Edit":"Last Edit","Sure? This action can't be reversed.":"Sure? This action can't be reversed.","Form Analytics":"Form Analytics","reset analytics data":"reset analytics data","Custom":"Custom","All Forms":"All Forms","form views":"form views","submissions":"submissions","conversion":"conversion","charges":"charges","No Entries Found":"No Entries Found","Select Form to Export":"Select Form to Export","Separator:":"Separator:","Comma (CSV format)":"Comma (CSV format)","Semicolon":"Semicolon","Export":"Export","Entries":"Entries","(All Forms)":"(All Forms)","Created":"Created","Hide Empty Fields":"Hide Empty Fields","Save Changes":"Save Changes","Edit Entry":"Edit Entry","Print":"Print","Referer":"Referer","Insights":"Insights","Get Insights":"Get Insights","Period":"Period","All":"All","From":"From","To":"To","Max Entries":"Max Entries","Entries Analyzed":"Entries Analyzed","No Insights Available":"No Insights Available","learn more":"learn more","License Key verified":"License Key verified","Verified":"Verified","Update Key Info":"Update Key Info","Verify Key":"Verify Key","Purchased On":"Purchased On","Last Check":"Last Check","Expires On":"Expires On","More Info":"More Info","days too late":"days too late","days left":"days left","Renew License Key":"Renew License Key","renewing the license key gives you access to auto plugin updates and free customer support":"renewing the license key gives you access to auto plugin updates and free customer support","No Files Found":"No Files Found","File Uploads":"File Uploads","Trash":"Trash","Type":"Type","Size":"Size","Disable Analytics":"Disable Analytics","Search":"Search","Loading":"Loading","Entry View":"Entry View","Your License Key":"Your License Key","Your Email":"Your Email"},"datepickerLang":"https:\/\/formcraft-wp.com\/wp-content\/plugins\/formcraft3\/assets\/js\/datepicker-lang\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft3/dist/form.min.js?ver=3.9.12" id="fc-form-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.2" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-booking/formcraft-booking.js?ver=6.4.5" id="formcraft-booking-js"></script> <script type="text/javascript" id="fcmp-form-js-js-extra"> /* <![CDATA[ */ var FCMP = [""]; /* ]]> */ </script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-multi-page/assets/form-multi-page.js?ver=1.5" id="fcmp-form-js-js"></script> <script type="text/javascript" id="fc-pp-form-js-js-extra"> /* <![CDATA[ */ var FCPP = {"paypal_ipn":"https:\/\/formcraft-wp.com"}; /* ]]> */ </script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-paypal/assets/form-paypal.js?ver=6.4.5" id="fc-pp-form-js-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-recaptcha/captcha_form_main.js?ver=6.4.5" id="fc-captcha-addon-js-main-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-signature/signature.min.js?ver=6.4.5" id="fc-signature-pad-js-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-signature/formcraft-signature-front.js?ver=6.4.5" id="fc-signature-front-js-js"></script> <script type="text/javascript" src="https://js.stripe.com/v3/?ver=6.4.5" id="fcs-form-stripe-js-js"></script> <script type="text/javascript" id="fcs-form-js-js-extra"> /* <![CDATA[ */ var FCS = {"ajaxurl":"https:\/\/formcraft-wp.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-stripe-1.27/assets/form-stripe.js?ver=1.27" id="fcs-form-js-js"></script> <script type="text/javascript" src="https://formcraft-wp.com/wp-content/plugins/formcraft-tabular/assets/form-tabular.js?ver=6.4.5" id="fct-form-js-js"></script> <script type='text/javascript'> /* <![CDATA[ */ var FC_Validation_16 = {"is_required":"Required","is_invalid":"Invalid","min_char":"Min [x] characters required","max_char":"Max [x] characters allowed","min_files":"Min [x] file(s) required","max_files":"Max [x] file(s) allowed","allow_email":"Invalid Email","allow_url":"Invalid URL","allow_regexp":"Invalid Expression","allow_alphabets":"Only alphabets","allow_numbers":"Only numbers","allow_alphanumeric":"Should be alphanumeric","failed":"Please correct the errors and try again","max_file_size":"Files bigger than [x] MB not allowed"}; /* ]]> */ </script> <script> jQuery(document).ready(function() { }); </script> </body> </html>