{"id":349357,"date":"2026-08-13T04:32:49","date_gmt":"2026-08-13T04:32:49","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/stepcart-checkout-for-woocommerce\/"},"modified":"2026-08-13T04:32:11","modified_gmt":"2026-08-13T04:32:11","slug":"ab-checkout-steps","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/ab-checkout-steps\/","author":17452584,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.0.0","stable_tag":"3.0.0","tested":"7.0.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"AB Checkout Steps for WooCommerce","header_author":"Arman Basir","header_description":"AB Checkout Steps turns the WooCommerce checkout page into a 3 or 4 step flow (optionally with a Cart step), with customizable accent color and progress bar style, on a single page with no reload.","assets_banners_color":"9b7cd3","last_updated":"2026-08-13 04:32:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/armanbasir.com\/portofolio\/ab-checkout-steps\/","header_author_uri":"https:\/\/armanbasir.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":28,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":{"3.0.0":{"tag":"3.0.0","author":"armanbasir","date":"2026-08-13 04:32:11"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3644181,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3644181,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3644181,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3644181,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["3.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3644185,"resolution":"1","location":"assets","locale":"","width":2879,"height":1571},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3644185,"resolution":"2","location":"assets","locale":"","width":2879,"height":819},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3644185,"resolution":"3","location":"assets","locale":"","width":2880,"height":844},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3644185,"resolution":"4","location":"assets","locale":"","width":2879,"height":833},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3644185,"resolution":"5","location":"assets","locale":"","width":2879,"height":848},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3644185,"resolution":"6","location":"assets","locale":"","width":2879,"height":829},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3644185,"resolution":"7","location":"assets","locale":"","width":2879,"height":883}},"screenshots":[]},"plugin_section":[],"plugin_tags":[],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-349357","plugin","type-plugin","status-publish","hentry","plugin_committers-armanbasir"],"banners":{"banner":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/banner-772x250.png?rev=3644181","banner_2x":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/banner-1544x500.png?rev=3644181","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/icon-128x128.png?rev=3644181","icon_2x":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/icon-256x256.png?rev=3644181","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-1.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-2.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-3.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-4.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-5.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-6.png?rev=3644185","caption":""},{"src":"https:\/\/ps.w.org\/ab-checkout-steps\/assets\/screenshot-7.png?rev=3644185","caption":""}],"raw_content":"<!--section=description-->\n<p>Turns the WooCommerce checkout page into a 3 or 4 step flow on a single\npage (no reload \/ page change), with an optional Cart step, a\ncustomizable accent color, and multiple progress bar styles \u2014 all\nconfigurable under Settings &gt; AB Checkout Steps.<\/p>\n\n<h3>Settings<\/h3>\n\n<p>Under Settings &gt; AB Checkout Steps you can choose:<\/p>\n\n<ul>\n<li><strong>Number of Steps<\/strong> \u2014 3 (Information, Shipping, Payment) or 4 (Cart,\nInformation, Shipping, Payment). With 4 steps, a Cart summary (products,\nshipping cost, total) is shown as its own first step, taken from\nWooCommerce's normal order review table.<\/li>\n<li><strong>Accent Color<\/strong> \u2014 pick any color with the built-in WordPress color\npicker. It's used for the active\/completed step indicator and the\n\"Next\" button.<\/li>\n<li><strong>Progress Bar Style<\/strong> \u2014 choose how the step indicator looks:\n\n<ul>\n<li><em>Circles<\/em> \u2014 numbered circles connected by a line (default)<\/li>\n<li><em>Chevron<\/em> \u2014 a connected arrow ribbon<\/li>\n<li><em>Minimal<\/em> \u2014 plain text labels with an underline, no circles<\/li>\n<li><em>Progress Bar<\/em> \u2014 a thick track with small dot markers<\/li>\n<li><em>Dots<\/em> \u2014 small, compact dots with no numbers<\/li>\n<li><em>Boxes<\/em> \u2014 solid numbered square blocks<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h3>How It Works<\/h3>\n\n<p>This plugin does NOT rebuild the checkout form from scratch. It uses\nWooCommerce's own checkout fields (billing, shipping, order review, payment)\nand groups them into steps via JavaScript + CSS, based on the step count\nchosen in Settings:<\/p>\n\n<ol>\n<li>Cart*       -&gt; product summary, shipping cost, total (4-step mode only)<\/li>\n<li>Information -&gt; billing fields (name, email, phone, billing address)<\/li>\n<li>Shipping    -&gt; \"Ship to a different address?\" checkbox + shipping\n              address fields + order notes<\/li>\n<li>Payment     -&gt; shipping method (3-step mode) \/ payment method (4-step\n              mode) and the \"Place Order\" button<\/li>\n<\/ol>\n\n<p>Because it only regroups elements that already exist, this plugin stays\ncompatible with most WooCommerce shipping\/payment plugins. However, if your\ntheme uses a custom checkout builder (e.g. the Elementor Pro checkout\nwidget, or the new WooCommerce Blocks checkout), the step layout may need\nextra adjustments \u2014 reach out to your developer for further customization.<\/p>\n\n<h3>Notes<\/h3>\n\n<ul>\n<li>Clicking \"Next\" validates the visible required fields in that step before\nallowing you to move to the next one.<\/li>\n<li>The \"Place Order\" button is still WooCommerce's original button in the\nlast step \u2014 the checkout\/payment process and security are completely\nunchanged; this plugin purely changes the VISUAL flow of checkout.<\/li>\n<li>The accent color and progress bar style are both configurable under\nSettings &gt; AB Checkout Steps \u2014 no code editing required.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>In the WordPress dashboard, go to Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Choose the ab-checkout-steps.zip file and click Install Now.<\/li>\n<li>Click Activate.<\/li>\n<li>Go to Settings &gt; AB Checkout Steps to choose 3 or 4 steps.<\/li>\n<li>Open your store's checkout page \u2014 it will automatically display the\nconfigured number of steps.<\/li>\n<\/ol>","raw_excerpt":"Split the WooCommerce checkout into 3\u20134 customizable steps on one page, with an optional Cart step \u2014 no reload required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/349357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=349357"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/armanbasir"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=349357"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=349357"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=349357"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=349357"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=349357"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=349357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}