{"id":54298,"date":"2017-02-13T02:43:45","date_gmt":"2017-02-13T02:43:45","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/cf7-multi-step\/"},"modified":"2026-03-19T11:57:33","modified_gmt":"2026-03-19T11:57:33","slug":"cf7-multi-step","status":"publish","type":"plugin","link":"https:\/\/mk.wordpress.org\/plugins\/cf7-multi-step\/","author":14641476,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.8.0","stable_tag":"2.8.0","tested":"6.9.4","requires":"3.0","requires_php":"","requires_plugins":null,"header_name":"Multi Step for Contact Form 7 (Lite)","header_author":"NinjaTeam","header_description":"","assets_banners_color":"d1efe0","last_updated":"2026-03-19 11:57:33","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/codecanyon.net\/item\/contact-form-7-multistep\/15232990","header_plugin_uri":"https:\/\/ninjateam.org\/contact-form-7-multi-step\/","header_author_uri":"http:\/\/ninjateam.org","rating":4.7,"author_block_rating":0,"active_installs":10000,"downloads":232656,"num_ratings":76,"support_threads":1,"support_threads_resolved":1,"author_block_count":0,"sections":["description","faq","changelog"],"tags":{"2.7.4.1":{"tag":"2.7.4.1","author":"ninjateam","date":"2023-06-13 09:58:58"},"2.7.4.2":{"tag":"2.7.4.2","author":"ninjateam","date":"2023-07-03 10:46:17"},"2.7.5":{"tag":"2.7.5","author":"ninjateam","date":"2024-03-22 09:27:16"},"2.7.6":{"tag":"2.7.6","author":"ninjateam","date":"2024-08-01 02:45:16"},"2.7.7":{"tag":"2.7.7","author":"ninjateam","date":"2024-09-09 18:33:18"},"2.7.8":{"tag":"2.7.8","author":"ninjateam","date":"2024-11-18 14:25:15"},"2.7.9":{"tag":"2.7.9","author":"ninjateam","date":"2025-10-15 20:58:09"},"2.8.0":{"tag":"2.8.0","author":"ninjateam","date":"2026-03-19 11:57:33"}},"upgrade_notice":[],"ratings":{"1":2,"2":2,"3":2,"4":2,"5":68},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2775701,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2482333,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2482333,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.7.4.1","2.7.4.2","2.7.5","2.7.6","2.7.7","2.7.8","2.7.9","2.8.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2775701,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2775701,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":2775701,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":2775701,"resolution":"4","location":"assets","locale":""},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":2775701,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Multi-Step Form in frontend with Progress Bar (PRO)","2":"Multi-Step Form in frontend","3":"Multi-Step in Contact Form 7","4":"Multi-Step Settings","5":"Progress Bar Options (PRO)"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[5445,601,127662,30663,39419],"plugin_category":[42],"plugin_contributors":[90691],"plugin_business_model":[],"class_list":["post-54298","plugin","type-plugin","status-publish","hentry","plugin_tags-cf7","plugin_tags-forms","plugin_tags-multi-step","plugin_tags-multi-step-form","plugin_tags-multistep","plugin_category-contact-forms","plugin_contributors-ninjateam","plugin_committers-ninjateam","plugin_support_reps-mialewp","plugin_support_reps-ninjateamwp"],"banners":{"banner":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/banner-772x250.png?rev=2482333","banner_2x":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/banner-1544x500.png?rev=2482333","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/icon-256x256.png?rev=2775701","icon_2x":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/icon-256x256.png?rev=2775701","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/screenshot-1.jpg?rev=2775701","caption":"Multi-Step Form in frontend with Progress Bar (PRO)"},{"src":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/screenshot-2.jpg?rev=2775701","caption":"Multi-Step Form in frontend"},{"src":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/screenshot-3.jpg?rev=2775701","caption":"Multi-Step in Contact Form 7"},{"src":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/screenshot-4.jpg?rev=2775701","caption":"Multi-Step Settings"},{"src":"https:\/\/ps.w.org\/cf7-multi-step\/assets\/screenshot-5.jpg?rev=2775701","caption":"Progress Bar Options (PRO)"}],"raw_content":"<!--section=description-->\n<p><strong>Easily add multi step forms to Contact Form 7<\/strong><\/p>\n\n<p>This is an add-on for Contact Form 7 that allows you to transform your long contact form into a WordPress multi-step form.<\/p>\n\n<p>Imagine that your form has 20+ fields and appears to be a lengthy list... Don't discourage your audience with that! Let's make your form look simpler!<\/p>\n\n<p>The shorter, the better.<\/p>\n\n<p><a href=\"https:\/\/demo.ninjateam.org\/contact-form-7-multi-step\/\">LIVE DEMO<\/a> | <a href=\"https:\/\/1.envato.market\/Contact-Form-7-Multi-Step\">GO PRO<\/a> \ud83d\ude80<\/p>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=kMrQUDXcJs8]<\/p>\n\n<p><a href=\"https:\/\/ninjateam.gitbook.io\/contact-form-7-multi-step\/\">Documentation<\/a><\/p>\n\n<h3>\u26a1\ufe0f FEATURES<\/h3>\n\n<p><strong>Unlimited Steps<\/strong>\nSimply add as many steps or form pages as you want.<\/p>\n\n<p><strong>Native Interface<\/strong>\nCreate new steps right inside your Contact Form 7 menu with their built-in tags and options.<\/p>\n\n<p><strong>Easy to Use<\/strong>\nA tab makes a new step, thus very easy to switch and edit the form's fields.<\/p>\n\n<p><strong>Custom Step Title<\/strong>\nGive your step a specific name to optimize your form with clear types of information.<\/p>\n\n<p><strong>Full Compatibility<\/strong>\nWorks seamlessly with Contact Form 7 and all of its extensions.<\/p>\n\n<p><strong>Use cases:<\/strong><\/p>\n\n<ul>\n<li>Quote form<\/li>\n<li>Request form<\/li>\n<li>Registration form<\/li>\n<li>Quotation form<\/li>\n<li>Subscription form<\/li>\n<li>Event form<\/li>\n<li>Application form<\/li>\n<li>Reservation form<\/li>\n<\/ul>\n\n<h3>\ud83d\udd11 HOW DOES MULTI-STEP FORM WORKS?<\/h3>\n\n<p>This Multi-Step plugin extends the Contact Form 7 functionality. After activating, you can start adding a new tab as a new step to your form. You can also have many multi step forms on the same website.<\/p>\n\n<p>Check out <a href=\"https:\/\/ninjateam.org\/contact-form-7-multi-step-pro-doc\/\">step-by-step setup guide here<\/a>.<\/p>\n\n<p>With Multi-Step Pro, form steps can have their own titles, custom <strong>Back<\/strong> and <strong>Next<\/strong> buttons, animation effects, and more:<\/p>\n\n<ul>\n<li><strong>Progress bar<\/strong> (Pro): show numbered steps, various pre-built design options, percentage display<\/li>\n<li><strong>Show input<\/strong> (Pro): add this new tag to help display input data in the previous fields and steps<\/li>\n<li><strong>Preview button<\/strong> (Pro): insert a button to allow your visitors to double-check their submitted data before sending the form<\/li>\n<li><strong>Choose step<\/strong> (Pro): let the audience choose a particular step to complete first<\/li>\n<\/ul>\n\n<p>Happy Form Building! \ud83e\udde1<\/p>\n\n<h3>\ud83c\udf8f COMPATIBILITY<\/h3>\n\n<p>This CF7 Multi-Step plugin goes well with:<\/p>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/cf7-database\">Database for Contact Form 7<\/a><\/li>\n<li><a href=\"https:\/\/woo.com\/vendor\/yaycommerce\">WooCommerce Extensions<\/a><\/li>\n<\/ul>\n\n<h4>\ud83d\udc85 Looking for an appointment booking form?<\/h4>\n\n<p>Start scheduling WordPress appointments with a <a href=\"https:\/\/wordpress.org\/plugins\/bookster\/\">real-time booking form plugin<\/a> \ud83c\udf10<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"i%20have%20issues%20when%20adding%20fields%2C%20tags%2C%20and%20steps.%20how%20can%20i%20get%20support%3F\"><h3>I have issues when adding fields, tags, and steps. How can I get support?<\/h3><\/dt>\n<dd><p>Feel free to <a href=\"https:\/\/wordpress.org\/support\/plugin\/cf7-multi-step\/\">create a topic<\/a> or <a href=\"https:\/\/ninjateam.org\/support\/\">drop us a message<\/a>.<\/p><\/dd>\n<dt id=\"what%20if%20i%20uninstall%20the%20multi-step%20addon%20for%20contact%20form%207%3F\"><h3>What if I uninstall the Multi-Step addon for Contact Form 7?<\/h3><\/dt>\n<dd><p>Your contact form will come back to its previous state with all fields and tags displaying on a single page.<\/p><\/dd>\n<dt id=\"what%20are%20the%20differences%20between%20the%20multi-step%20lite%20%26%20pro%20version%3F\"><h3>What are the differences between the Multi-Step Lite &amp; Pro version?<\/h3><\/dt>\n<dd><p><a href=\"https:\/\/1.envato.market\/Contact-Form-7-Multi-Step\">Multi-Step Pro<\/a> comes with advanced features including progress bar, percentage, custom button, transition effects, preview option, user-selected steps, and so on.<\/p><\/dd>\n<dt id=\"is%20that%20a%20one-time%20payment%20for%20contact%20form%207%20multi%20step%20pro%3F\"><h3>Is that a one-time payment for Contact Form 7 Multi Step Pro?<\/h3><\/dt>\n<dd><p>Yes, you pay once to get lifetime updates. \nConsidering upgrading your contact form to Pro? Check it out: <a href=\"https:\/\/1.envato.market\/Contact-Form-7-Multi-Step\">Contact Form 7 Multi Step Pro<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>Mar 19, 2026 - Version 2.8.0<\/h4>\n\n<ul>\n<li>Updated: Compatible with WordPress 6.9<\/li>\n<li>Updated: Compatible with Contact Form 7 6.1.5<\/li>\n<li>Updated: Supported up to PHP 8.5<\/li>\n<li>Improved: Review request display<\/li>\n<li>Fixed: Tooltip help text<\/li>\n<\/ul>\n\n<h4>Nov 18, 2024 - Version 2.7.9<\/h4>\n\n<ul>\n<li>Updated: Compatible with CF7 6.0<\/li>\n<\/ul>\n\n<h4>Sep 9, 2024 - Version 2.7.8<\/h4>\n\n<ul>\n<li>Fixed: Bug report by Patchstack<\/li>\n<\/ul>\n\n<h4>Aug 1, 2024 - Version 2.7.7<\/h4>\n\n<ul>\n<li>Fixed: Load CSS <\/li>\n<\/ul>\n\n<h4>Mar 22, 2024 - Version 2.7.6<\/h4>\n\n<ul>\n<li>Fixed: Small bugs<\/li>\n<\/ul>\n\n<h4>Jul 3, 2023 - Version 2.7.5<\/h4>\n\n<ul>\n<li>Fixed: Next button not work<\/li>\n<\/ul>\n\n<h4>Jun 13, 2023 - Version 2.7.4.2<\/h4>\n\n<ul>\n<li>Fixed: Link Go Pro<\/li>\n<\/ul>\n\n<h4>Apr 7, 2023 - Version 2.7.4.1<\/h4>\n\n<ul>\n<li>Fixed: Error with Next button<\/li>\n<\/ul>\n\n<h4>Apr 3, 2023 - Version 2.7.4<\/h4>\n\n<ul>\n<li>Work with WP 6.2<\/li>\n<li>Added: scroll to first error when validate failed<\/li>\n<li>Added: New validation function<\/li>\n<li>Fixed: Recall tag (PRO version)<\/li>\n<li>Fixed: Array map in PHP 8.0<\/li>\n<li>Fixed: Compatible with Contact form 7 Database<\/li>\n<li>Fixed: Preview tag style<\/li>\n<\/ul>\n\n<h4>Oct 24, 2022 - Version 2.7.3<\/h4>\n\n<ul>\n<li>Added: Auto focus on the first field <\/li>\n<\/ul>\n\n<h4>Oct 10, 2022 \u2013 Version 2.7.2<\/h4>\n\n<ul>\n<li>Added: Alert when activating 2 versions<\/li>\n<\/ul>\n\n<h4>Aug 25, 2022 \u2013 Version 2.7.1<\/h4>\n\n<ul>\n<li>Fixed: Error of file upload required field<\/li>\n<\/ul>\n\n<h4>Jun 20, 2022 \u2013 Version 2.7<\/h4>\n\n<ul>\n<li>Fixed: Error of required fields<\/li>\n<\/ul>\n\n<h4>Aug 25, 2022 \u2013 Version 2.6.9<\/h4>\n\n<ul>\n<li>Fixed: Validate file upload required<\/li>\n<\/ul>\n\n<h4>Jun 20, 2022 \u2013 Version 2.6.8<\/h4>\n\n<ul>\n<li>Fixed: Validate required field in new version CF7 5.6<\/li>\n<\/ul>\n\n<h4>Dec 9, 2021 \u2013 Version 2.6.7<\/h4>\n\n<ul>\n<li>Fixed: Break contact form layout<\/li>\n<li>Fixed: No validation for hidden field<\/li>\n<\/ul>\n\n<h4>Dec 1, 2021 \u2013 Version 2.6.6<\/h4>\n\n<p>\u2013 Fixed: Contact form handling properties (CF7 version &gt;= 5.5.3)<\/p>\n\n<h4>Jun 28, 2021 \u2013 Version 2.6.5<\/h4>\n\n<ul>\n<li>Fixed: Check step name is array or object when load form<\/li>\n<\/ul>\n\n<h4>May 28, 2021 \u2013 Version 2.6.4<\/h4>\n\n<ul>\n<li>Fixed: Error Recall tag<\/li>\n<\/ul>\n\n<h4>Dec 1, 2021 - Version 2.6.3<\/h4>\n\n<ul>\n<li>Fixed: Contact form properties handling (CF7 version &gt;= 5.5.3)<\/li>\n<\/ul>\n\n<h4>Apr 23, 2021 - Version 2.6.2<\/h4>\n\n<ul>\n<li>Fixed: Button color<\/li>\n<li>Fixed: Form validation<\/li>\n<\/ul>\n\n<h4>Mar 15, 2021 \u2013 Version 2.6.1<\/h4>\n\n<ul>\n<li>Improved: Admin UI<\/li>\n<li>Fixed: Double click on Next button<\/li>\n<li>Fixed: Error validate upload file since CF7 5.4<\/li>\n<li>Fixed: Next button in WPBakery<\/li>\n<li>Fixed: File upload validation<\/li>\n<li>Fixed: Event click Allow Choose Step<\/li>\n<li>Fixed: CSS of color board <\/li>\n<li>Fixed: CSS text Select Option<\/li>\n<li>Fixed: Sanitize some fields<\/li>\n<li>Fixed: Split of undefined<\/li>\n<li>Fixed: CSS of Submit button only affected if its form has steps<\/li>\n<li>Fixed: Compatible with Moana - Contact Form 7 Builder<\/li>\n<li>Removed: Form border<\/li>\n<li>Removed: Unused files<\/li>\n<\/ul>\n\n<h4>2.5 - BIG UPDATE<\/h4>\n\n<ul>\n<li>Fixed: Error with WordPress 5.5<\/li>\n<li>Fixed: Compatibility with <a href=\"https:\/\/1.envato.market\/Form-Plugins\">Moana - Contact Form 7 Builder<\/a><\/li>\n<li>Added: New layout<\/li>\n<li>Added: Styles for progress bar (Pro)<\/li>\n<li>Added: Color for progress bar (Pro)<\/li>\n<li>Added: Transition effects for steps (Pro)<\/li>\n<li>Added: Progress percent bar (Pro)<\/li>\n<li>Added: Live preview for progress bar (Pro)<\/li>\n<li>Added: Add class \u201ccurrent\u201d into present steps<\/li>\n<li>Added: Scroll to top of the form when pressed \u201cNext\u201d, \u201cBack\u201d<\/li>\n<li>Added: Turn on\/off for scroll animation<\/li>\n<li>Added: Name for checkbox field (-cbmls) (e.g: checkbox-123-cbmls)<\/li>\n<li>Added: WordPress Hooks<\/li>\n<li>Added: New form-tag \"recall\" to display what the user has filled in the form (Pro)<\/li>\n<li>Added: Preview Button (Pro)<\/li>\n<li>Added: JS functions to save user\u2019s information in every step &amp; work with <a href=\"https:\/\/wordpress.org\/plugins\/cf7-database\/\">Contact Form 7 Database<\/a><\/li>\n<li>Added: Some hooks for developers to fix button background color<\/li>\n<li>Added: POT file for translate<\/li>\n<li>Added: Language translate<\/li>\n<li>Added: Press Enter to submit<\/li>\n<li>Added: Loading animation<\/li>\n<li>Fixed: Some bugs<\/li>\n<li>Fixed: Error message for checkboxes<\/li>\n<li>Fixed: Checkboxes with use_label_element<\/li>\n<li>Fixed: Njt Answer for default option of radio button<\/li>\n<li>Fixed: Red border of required fields missing<\/li>\n<li>Fixed: Compatible with contact form 7 version 4.8<\/li>\n<li>Fixed: Fix js bug with some hosts<\/li>\n<li>Fixed: Fix bug with multi forms<\/li>\n<li>Fixed: Conflict with Visual Composer<\/li>\n<li>Fixed: Auto p<\/li>\n<li>Fixed: Validation with select<\/li>\n<li>Fixed: Acceptance tags<\/li>\n<li>Fixed: Validation<\/li>\n<li>Fixed: Translate default text in CF7 Message tab<\/li>\n<li>Removed: WPCF7_Shortcode<\/li>\n<li>Removed: wpcf7_add_shortcode<\/li>\n<li>Removed: deprecated functions<\/li>\n<li>Removed: Unused files<\/li>\n<li>Changed: Tag line<\/li>\n<li>Changed: last button's background color, text color in admin panel<\/li>\n<li>Improved: CSS<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Improve UX\/UI<\/li>\n<li>Fix CSS<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Version 1.0 Initial Release<\/li>\n<\/ul>","raw_excerpt":"Break your looooooong form into user-friendly steps","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/54298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=54298"}],"author":[{"embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ninjateam"}],"wp:attachment":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=54298"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=54298"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=54298"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=54298"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=54298"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=54298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}