Improving the user experience on your WooCommerce store frequently requires customization, especially on the My Account login page.
This document walks you through the steps of adding extra content into the login and registration forms on the My Account page using an Astra child theme in WordPress.
How to Add Additional Content on the My Account Login Page
Before you proceed, make sure you have WordPress installed and configured, and the WooCommerce plugin is activated. Also, ensure that you have set up a child theme to safeguard your modifications during theme updates.
Once the child theme is installed and activated, go to Appearance > Theme File Editor, and find the child theme. Open the functions.php file within the child theme for code customization.
Next, copy and paste the provided code snippets at the end of the functions.php file.
// Add content to the login form
add_action('woocommerce_login_form_start','astra_theme_add_login_text');
function astra_theme_add_login_text() {
echo '<h3 class="bb-login-subtitle">Registered Customers</h3><p class="bb-login-description">If you possess an account with us, please sign in by entering your email address.</p>';
}
// Add content to the registration form
add_action('woocommerce_register_form_start','astra_theme_add_reg_text');
function astra_theme_add_reg_text() {
echo '<h3 class="bb-register-subtitle">New Customers</h3><p class="bb-register-description">Sign up with our store to streamline your shopping experience. Enjoy faster checkout processes, store multiple shipping addresses, and conveniently view and track your orders--all within your account. Unlock additional benefits and make the most of your shopping journey.</p>';
}
Then, save the functions.php file by clicking the Update File button.
The added content should now be displayed on the login and registration forms. You can visit your My Account page to view the changes.
By following these steps, you have successfully customized the My Account login page on your WooCommerce store. Feel free to adjust the HTML content and styling according to your store’s design preferences.
