Title: AB Checkout Steps for WooCommerce
Author: armanbasir
Published: <strong>August 13, 2026</strong>
Last modified: August 13, 2026

---

Search plugins

![](https://ps.w.org/ab-checkout-steps/assets/banner-772x250.png?rev=3644181)

![](https://ps.w.org/ab-checkout-steps/assets/icon-256x256.png?rev=3644181)

# AB Checkout Steps for WooCommerce

 By [armanbasir](https://profiles.wordpress.org/armanbasir/)

[Download](https://downloads.wordpress.org/plugin/ab-checkout-steps.3.0.0.zip)

 * [Details](https://wordpress.org/plugins/ab-checkout-steps/#description)
 * [Reviews](https://wordpress.org/plugins/ab-checkout-steps/#reviews)
 *  [Installation](https://wordpress.org/plugins/ab-checkout-steps/#installation)
 * [Development](https://wordpress.org/plugins/ab-checkout-steps/#developers)

 [Support](https://wordpress.org/support/plugin/ab-checkout-steps/)

## Description

Turns the WooCommerce checkout page into a 3 or 4 step flow on a single
 page (no
reload / page change), with an optional Cart step, a customizable accent color, 
and multiple progress bar styles — all configurable under Settings > AB Checkout
Steps.

### Settings

Under Settings > AB Checkout Steps you can choose:

 * **Number of Steps** — 3 (Information, Shipping, Payment) or 4 (Cart,
    Information,
   Shipping, Payment). With 4 steps, a Cart summary (products, shipping cost, total)
   is shown as its own first step, taken from WooCommerce’s normal order review 
   table.
 * **Accent Color** — pick any color with the built-in WordPress color
    picker. 
   It’s used for the active/completed step indicator and the “Next” button.
 * **Progress Bar Style** — choose how the step indicator looks:
    - _Circles_ — numbered circles connected by a line (default)
    - _Chevron_ — a connected arrow ribbon
    - _Minimal_ — plain text labels with an underline, no circles
    - _Progress Bar_ — a thick track with small dot markers
    - _Dots_ — small, compact dots with no numbers
    - _Boxes_ — solid numbered square blocks

### How It Works

This plugin does NOT rebuild the checkout form from scratch. It uses
 WooCommerce’s
own checkout fields (billing, shipping, order review, payment) and groups them into
steps via JavaScript + CSS, based on the step count chosen in Settings:

 1. Cart* -> product summary, shipping cost, total (4-step mode only)
 2. Information -> billing fields (name, email, phone, billing address)
 3. Shipping -> “Ship to a different address?” checkbox + shipping
     address fields 
    + order notes
 4. Payment -> shipping method (3-step mode) / payment method (4-step
     mode) and the“
    Place Order” button

Because it only regroups elements that already exist, this plugin stays
 compatible
with most WooCommerce shipping/payment plugins. However, if your theme uses a custom
checkout builder (e.g. the Elementor Pro checkout widget, or the new WooCommerce
Blocks checkout), the step layout may need extra adjustments — reach out to your
developer for further customization.

### Notes

 * Clicking “Next” validates the visible required fields in that step before
    allowing
   you to move to the next one.
 * The “Place Order” button is still WooCommerce’s original button in the
    last 
   step — the checkout/payment process and security are completely unchanged; this
   plugin purely changes the VISUAL flow of checkout.
 * The accent color and progress bar style are both configurable under
    Settings
   > AB Checkout Steps — no code editing required.

## Screenshots

[[

[[

[[

[[

[[

[[

[[

## Installation

 1. In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
 2. Choose the ab-checkout-steps.zip file and click Install Now.
 3. Click Activate.
 4. Go to Settings > AB Checkout Steps to choose 3 or 4 steps.
 5. Open your store’s checkout page — it will automatically display the configured 
    number of steps.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“AB Checkout Steps for WooCommerce” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ armanbasir ](https://profiles.wordpress.org/armanbasir/)

[Translate “AB Checkout Steps for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/ab-checkout-steps)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/ab-checkout-steps/),
check out the [SVN repository](https://plugins.svn.wordpress.org/ab-checkout-steps/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ab-checkout-steps/)
by [RSS](https://plugins.trac.wordpress.org/log/ab-checkout-steps/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **3.0.0**
 *  Last updated **10 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0.4**
 *  PHP version ** 7.4 or higher **
 *  [Advanced View](https://wordpress.org/plugins/ab-checkout-steps/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/ab-checkout-steps/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ab-checkout-steps/reviews/)

## Contributors

 *   [ armanbasir ](https://profiles.wordpress.org/armanbasir/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/ab-checkout-steps/)