When customers purchase a ticket usingย FooEvents, they will be directed to the checkout page so that they can complete all the relevant fields. This includes the default attendee fields such as name and email address, as well as customer attendee fieldsย andย seating selection. Depending on the nature of your event, you may want to separate these fields from the rest of the checkout fields. A simple way to achieve this is to use the free WooCommerce Multi-Step Checkoutย by SilkyPress.
The WooCommerce Multi-Step Checkout plugin splits your checkout page into separate steps. It has various options that allow you to group specific steps and change the name of each step.
Plugin installation
Download the plugin from WordPress.org or go to Plugins > Add New and search for ‘WooCommerce Multi-Step Checkout‘. Install the plugin and proceed to the plugin settings page (WooCommerce > Multi-step Checkout).
Configure the checkout options
The WooCommerce Multi-Step Checkout plugin offers various options that will allow you to configure the display of your checkout steps. It’s important to keep in mind that the attendee details will be listed under the Shipping section. Using the provided options, this section can be renamed to Attendee Details, Seating Selection, Delegate Information or any other title that suits your particular use case. Go to WooCommerce > Multi-step Checkout > Text on Steps and Buttons to make any relevant changes.
By default, the Shipping step is displayed after the Billing step. You can move the Shipping step to the first position by adding the following code snippet to your WordPress theme’s functions.php file:
// Move billing details to display after attendee details
add_filter('wpmc_modify_steps', 'wmsc_shipping_step_last');
if ( !function_exists('wmsc_shipping_step_last') ) {
function wmsc_shipping_step_last($steps) {
$steps['shipping']['position'] = 5;
return $steps;
}
}
You can remove the default WooCommerce Order Notes field by adding the following code snippet to your WordPress theme’s functions.php file:
add_filter( 'woocommerce_enable_order_notes_field', '__return_false' );
Discover other popular plugins that are commonly used with FooEvents in the FooEvents Help Center.