FAIR

Federated and Independent Repositories

Chakramani Multi-Step Checkout for WooCommerce

Plugin Banner

Chakramani Multi-Step Checkout for WooCommerce

by Chakramani Joshi

Download
Description

Chakramani Multi-Step Checkout for WooCommerce transforms the standard WooCommerce single-page checkout into a clean, guided 4-step experience that reduces cart abandonment and improves conversion rates.

Instead of overwhelming customers with a long form, the wizard walks them through each stage one at a time:

  1. Review Items — View and adjust cart contents before committing
  2. Customer Details — Name, email, and phone number
  3. Delivery Preferences — Shipping method and delivery address
  4. Payment — Choose payment gateway and place the order

Key Features

  • 4 layout styles — Default (progress bar + sidebar), Centered (single column), Minimal (breadcrumb), Split (fixed left panel)
  • Animated step transitions — Slide, Fade, or None
  • Order summary sidebar — Persistent cart summary visible throughout checkout
  • Step Builder — Reorder, enable/disable, and add custom fields to any step via drag and drop
  • Custom field types — Text, Email, Phone, Number, Dropdown, Checkbox, Textarea
  • Custom fields saved to orders — All custom field values are stored as order meta and visible in the WP admin order screen
  • Sticky form values — Field values are saved to session as the customer progresses; going back restores their data
  • Accent colour control — Match your brand colour from WooCommerce settings
  • Block checkout compatible — Automatically replaces the WooCommerce Checkout Block with the classic flow
  • Theme template overrides — Copy any step template to your theme for full control
  • Developer hooks — Actions, filters, and JS events at every step
  • Developer documentation — Built-in docs tab in WooCommerce Settings
  • PHP 8.0+ ready — Strict types, typed properties, modern syntax
  • HPOS compatible — Works with WooCommerce High-Performance Order Storage

Layout Styles

Default — Sticky progress bar header with numbered step bubbles and an optional order summary sidebar. Best for most stores.

Centered — Single-column layout with progress bar, no sidebar. Ideal for minimalist themes.

Minimal — Inline breadcrumb navigation, no sticky header. Lowest visual footprint.

Split — Fixed left panel showing branding, vertical step list, and order summary. Right panel contains the form. Great for dedicated checkout pages.

Step Builder

Go to WooCommerce Settings Multi-Step Checkout Step Builder to:

  • Drag fields to reorder them within a step
  • Toggle fields on or off without deleting them
  • Edit field label, ID, type, placeholder, required status, and width
  • Add unlimited custom fields of any type
  • Configure dropdown options inline

Developer Friendly

Every aspect of the checkout is extensible. Inject content into any step, override validation, swap templates, and listen to JS events — all without modifying plugin files.

See WooCommerce Settings Multi-Step Checkout Developer Docs for the full hook reference.

Privacy Policy

Chakramani Multi-Step Checkout for WooCommerce does not collect, store, or transmit any personal data to external services. Customer data entered during checkout is stored only in your WooCommerce database as part of the order, exactly as the standard WooCommerce checkout does. No data is sent to the plugin developer or any third party.

  1. Upload the chakramani-multi-step-checkout folder to /wp-content/plugins/
  2. Activate the plugin via Plugins Installed Plugins
  3. Navigate to WooCommerce Settings Multi-Step Checkout to configure

The plugin activates immediately. If your checkout page uses the WooCommerce Checkout Block, the plugin automatically replaces it with the classic checkout flow.

  1. Plugin Setting inside WooCommerce settings

    Plugin Setting inside WooCommerce settings

  2. Step Builder — drag-to-reorder fields, add custom fields, configure options

    Step Builder — drag-to-reorder fields, add custom fields, configure options

  3. Developer Documentation — built-in hook reference inside WooCommerce settings

    Developer Documentation — built-in hook reference inside WooCommerce settings

  4. Default layout — sticky progress bar with step bubbles and order summary sidebar

    Default layout — sticky progress bar with step bubbles and order summary sidebar

  5. Minimal layout — clean inline breadcrumb, no sticky header

    Minimal layout — clean inline breadcrumb, no sticky header

  6. Split layout — fixed left panel with vertical step navigation and brand logo

    Split layout — fixed left panel with vertical step navigation and brand logo

  7. Admin order view — custom field values saved to order meta

    Admin order view — custom field values saved to order meta

Does it work with the WooCommerce Checkout Block?

Yes. On activation, the plugin automatically detects and replaces the Checkout Block on your checkout page with the classic checkout flow. Your original page content is backed up and restored if you deactivate the plugin.

Can I customise which fields appear in each step?

Yes. Go to WooCommerce Settings Multi-Step Checkout Step Builder. You can reorder fields by dragging, toggle them on/off, edit their labels and placeholders, change their type, and add custom fields. Changes are saved instantly via AJAX.

Are custom field values saved to the order?

Yes. All custom fields added via the Step Builder are saved to WooCommerce order meta when the order is placed. You can view them on the order detail screen in WP admin. Standard fields (name, email, address etc.) are handled by WooCommerce as normal.

Can I override the step templates in my theme?

Yes. Copy any template from chakramani-multi-step-checkout/templates/ into your theme at yourtheme/chakramani-multi-step-checkout/ and edit it freely. The plugin checks your child theme, then your parent theme, then falls back to the plugin default.

Which layout should I use?

  • Default — Best choice for most stores. Progress bar keeps customers oriented, sidebar reassures them of their order.
  • Centered — Works well with minimalist or full-width themes.
  • Minimal — Best for stores where customers are already familiar with the checkout.
  • Split — Best for dedicated checkout landing pages or stores with strong branding.

Does it work with all payment gateways?

The plugin renders the standard WooCommerce payment gateway list and fires all the standard WC checkout hooks, so all properly coded payment gateways (Stripe, PayPal, etc.) work without modification.

Is it compatible with WooCommerce HPOS?

Yes. The plugin uses wc_get_order() and $order->update_meta_data() throughout, which is fully compatible with WooCommerce High-Performance Order Storage (HPOS / Custom Order Tables).

Can I add content between steps or inject custom fields?

Yes. Use the action hooks fired inside each step:

add_action( 'cmmsc_step_review', 'my_function' );
add_action( 'cmmsc_step_details', 'my_function' );
add_action( 'cmmsc_step_delivery', 'my_function' );
add_action( 'cmmsc_step_payment', 'my_function' );

For field injection specifically, use:

add_action( 'cmmsc_after_customer_details_fields', 'my_function' );
add_action( 'cmmsc_after_delivery_fields', 'my_function' );

See the Developer Docs tab for the full reference.

What PHP version is required?

PHP 8.0 or higher. The plugin uses strict types, nullable typed properties, and arrow functions.

Does it support RTL languages?

The CSS uses logical properties where possible. RTL support depends on your theme’s RTL stylesheet.

1.0.0

  • Initial release
  • 4-step checkout flow: Review Items, Customer Details, Delivery Preferences, Payment
  • 4 layout styles: Default, Centered, Minimal, Split
  • Step Builder with drag-to-reorder and custom field support
  • Custom fields saved to WooCommerce order meta
  • Block checkout automatic override
  • Developer documentation tab
  • PHP 8.0+ compatibility with strict types
  • WooCommerce HPOS compatibility
Back to top