Custom Login and Registration Forms

Standard WooCommerce restricts the login and registration forms to the “My Account” page, usually displaying them side-by-side. The Alpha Theme creates flexibility by splitting these into two separate shortcodes.

This allows you to build custom authentication layouts – for example, placing the login form in a popup, creating a dedicated “Sign Up” landing page, or using Kadence Tabs to switch between Login and Register views.

The Shortcodes

You can use the following shortcodes anywhere on your site using the Shortcode Block:

1. The Login Form

Displays only the login fields, the “Remember Me” checkbox, and the “Lost Password” link.

[custom_wc_login]

2. The Registration Form

Displays the registration fields based on your WooCommerce settings (email, username, password).

[custom_wc_register]

How to Use This (Design Example)

A popular design pattern in modern shops is a tabbed login area. Here is how you can build it with Kadence Blocks:

1. Add a Kadence Tabs block to your page or popup.
2. Name the first tab “Login” and the second tab “Register”.
3. Inside the content area of the “Login” tab, add a Shortcode block and paste [custom_wc_login].
4. Inside the content area of the “Register” tab, add a Shortcode block and paste [custom_wc_register].

Important Configuration Note

The Registration form works in sync with your global WooCommerce settings. If the registration form does not appear, please check the following:

1. Go to WooCommerce > Settings > Accounts & Privacy.
2. Ensure the option “Allow customers to create an account on the ‘My account’ page” is checked.
3. If this setting is disabled, the [custom_wc_register] shortcode will display a “Registration disabled” message.