EDD Checkout Wizard

Description

EDD Checkout Wizard adds a form wizard to your checkout page with some features:

  1. Customer can only pass to the next tab if the form is correctly completed
  2. Forces to scroll to the bottom of the screen to click the next button
  3. Possibility to navigate to previously validated tabs
  4. Checks changes from payment method selection

Current tabs distribution:

  1. Overview: Displays cart and recommended products (if EDD Recommended Products is active)
  2. Payment Method: Displays available payment methods, if there is only one or none, then this tab is removed
  3. Account: Displays login/register form or the account information
  4. Billing Address: Displays billing address information and EU VAT information (if EDD VAT is active)
  5. Payment: Last tab with cart total and purchase button

EDD Checkout Wizard has support for this third-party plugins:

  1. EDD Recommended Products
  2. EDD VAT

This plugin requires Easy Digital Downloads.

Screenshots

  • Screenshot from checkout (Theme: vendd)

  • Screenshot of form notifications (Theme: vendd)

Installation

  1. Unpack the entire contents of this plugin zip file into your wp-content/plugins/ folder locally
  2. Upload to your site
  3. Navigate to wp-admin/plugins.php on your site (your WP Admin plugin page)
  4. Activate this plugin
  5. That’s it!

OR you can just install it with WordPress by going to Plugins >> Add New >> and type this plugin’s name

FAQ

Installation Instructions
  1. Unpack the entire contents of this plugin zip file into your wp-content/plugins/ folder locally
  2. Upload to your site
  3. Navigate to wp-admin/plugins.php on your site (your WP Admin plugin page)
  4. Activate this plugin
  5. That’s it!

OR you can just install it with WordPress by going to Plugins >> Add New >> and type this plugin’s name

How can I customize tabs?

First of all you need add a filter to changes how tabs are rendered, and at this point you could add, change or move tabs.

This is the structure for a tab:

$tab = array(
    'tab-identifier' => array(
        'label' => 'My tab',
        'selectors' => array(
            '#my-element',
            '.group-of-elements',
        )
    )
);

This is an example of tab customization:

function custom_checkout_tabs( $tabs ) {
    // Adding a meta box to general tab
    $tabs['overview']['selectors'][] = '#my-element';

    // Moving a tab
    $temp_tab = $tabs['address'];

    unset($tabs['address']);

    $tabs['address'] = $temp_tab;

    // Removing a tab
    unset($tabs['account']);

    return $tabs;
}

add_filter( 'edd_checkout_wizard_checkout_tabs', 'custom_checkout_tabs');

Note: Elements that are not in a tab will be kept always visible

Contributors & Developers

“EDD Checkout Wizard” is open source software. The following people have contributed to this plugin.

Contributors

Translate “EDD Checkout Wizard” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.2

  • Support for credit card fields
  • Improved show payment method conditional

1.0.1

  • Fixed: Prevent duplicated HTML tabs When EDD recalculates taxes

1.0

  • Initial release