WooCommerce: Add Content @ My Account Register / Login Page
A WooCommerce Customization client wanted to add some text above the “Login” and “Register” boxes on the My Account page. Understandably, users may need a bit of an explanation before they take action. Here’s how you do it!
WooCommerce: Show Additional Content on the My Account Page
PHP Snippet: Show Additional Content @ WooCommerce My Account Page (Logged Out Mode)
/**
* @snippet Show Additional Content on the My Account Page
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli (improved by Tom Lambie)
* @compatible WooCommerce 4.1
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_login_form_start','bbloomer_add_login_text' );
function bbloomer_add_login_text() {
if ( is_checkout() ) return;
echo '<h3 class="bb-login-subtitle">Registered Customers</h3><p class="bb-login-description">If you have an account with us, log in using your email address.</p>';
}
add_action( 'woocommerce_register_form_start','bbloomer_add_reg_text' );
function bbloomer_add_reg_text() {
echo '<h3 class="bb-register-subtitle">New Customers</h3><p class="bb-register-description">By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>';
}
You can place PHP snippets at the bottom of your child theme functions.php file (delete "?>" if you have it there). CSS, on the other hand, goes in your child theme style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization?"
Does this snippet (still) work?
Please let me know in the comments if everything worked as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting on PHP 7.3.
If you think this code saved you time & money, feel free to join 14,000+ WooCommerce Weekly subscribers for blog post updates or 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance :)
Need Help with WooCommerce?
Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!
Rodolfo Melogli
Business Bloomer Founder
Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.
32 thoughts on “WooCommerce: Add Content @ My Account Register / Login Page”
Rakesh
Hi sir, I want to add a custom made elementor section in my account page. I tried to add that section before dashboard but it still show in login window. so how can i hide that section in login and show only when some one is logged in.
The one thing that looks a little clumsy, but that I don’t quite know how to change, is the default Woo login/register headings above the content. Using the example given, it would look better if Registered Customers and New Customers didn’t have the default Login and Register titles above them, they’re kind of superfluous IMHO. Is it easy to make them disappear?
If you have customer login enabled on checkout page, this message shows up there too. This leads to duplication since the checkout login has its default message
Thank you Rodolfo!
The code snippet works perfectly fine with WooCommerce 3.8.1 and WP 5.2.4. I used it with the excellent Code Snippets (2.13.3) plugin which makes it easier to add functions to WP.
Hi Rodolfo, I am a small (micro) business owner and am working to design and maintain my website myself (with no previous experience of creating a wp website or woocommerce shop) so I have found your php snippets and hook guide really helpful and generous of you, so I’d like to thank you for that first.
I have been using the snippet above to add a notice to the My Account Page request users to use our contact form to advise of any change to their shipping address not just to update it in their account because we do not get an automated notice that a shipping address has been updated and we sell products as an annual subscription that are supplied every 3 months. This snippet no longer seems to be working, I’m not sure when it stopped but I have had a couple of customers for whom I’ve had to ship replacement product out to because it had not been sent to their current address. When I decided to check why they were not emailing us with new address details I could see the notice was no longer showing up. Would you have any idea what has changed?
Yes – that is my aim to get a notification to our admin email when an address update is made but still trying to work out how to do it. This custom notice was something I had been able to get working before so helped in the meantime.
Thanks for confirming it should still work, I’ll try to work out which plugin might be causing the conflict.
Hey Linda, thanks for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding! ~R
I have used your help in the past and enjoy the great work you do. Thank you 🙂
I have run into a problem while using recaptia in the register form @ My Account page.
the recaptcha wont show when added via woocommerce settings, so I added advanced noCaptia plugin it does put the recaptcha on the form but it hides behind the register button and when I enable the recaptia in woocommerce setting then it doesnt hide anymore but it shows 2 recaptcha boxes.
Can you help with this?
Edward, thanks so much for your comment! Unfortunately this looks like custom troubleshooting work and I cannot help here via the blog comments. Thanks a lot for your understanding! ~R
I have a consultation. I have tried to change text of Login or registrer button, by a similar function, but it add a new line to html code, but not replace the original line, duplicatting code with the final result of 2 buttons.
add_action('woocommerce_login_form','bbloomer_add_login_text');
function bbloomer_add_login_text() {
echo '';
}
Love your visual hook guides for WooCommerce – I’ve bookmarked and constantly use them.
I made a couple of small changes to this snippet to help with the layout. The existing text that’s added isn’t wrapped in paragraph tags so it resulted in a lack of spacing between the text and the form.
Also the H3 tags didn’t contain classes (for easier styling) so I’ve added those.
Thanks again for your hard work – these guides have saved me a lot of time.
/**
* @snippet Show Additional Content on the My Account Page
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=19113
* @author Rodolfo Melogli
* @compatible WooCommerce 2.4.7
*/
// Add text at My Account
add_action('woocommerce_login_form_start','bbloomer_add_login_text');
function bbloomer_add_login_text() {
echo '<h3 class="bb-login-subtitle">Registered Customers</h3><p class="bb-login-description">If you have an account with us, log in using your email address.</p>';
}
add_action('woocommerce_register_form_start','bbloomer_add_reg_text');
function bbloomer_add_reg_text() {
echo '<h3 class="bb-register-subtitle">New Customers</h3><p class="bb-register-description">By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>';
}
Questions? Feedback? Support? Leave your Comment Now! _____
If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)
With 100,000 (and growing) monthly organic sessions, Business Bloomer is the most consistent, most active and most complete WooCommerce development/customization blog.
Of course this website itself uses the WooCommerce plugin, the Storefront theme and runs on a WooCommerce-friendly hosting.
Hi sir, I want to add a custom made elementor section in my account page. I tried to add that section before dashboard but it still show in login window. so how can i hide that section in login and show only when some one is logged in.
Hi Rakesh, you’ll need a different hook https://www.businessbloomer.com/woocommerce-visual-hook-guide-account-pages/
Hi, been using this code for a while, thanks!
The one thing that looks a little clumsy, but that I don’t quite know how to change, is the default Woo login/register headings above the content. Using the example given, it would look better if Registered Customers and New Customers didn’t have the default Login and Register titles above them, they’re kind of superfluous IMHO. Is it easy to make them disappear?
Thanks
Dan
There’s always a way
It still works ! thanks for that 🙂
Great!
Yes, it worked very good
Nice
If you have customer login enabled on checkout page, this message shows up there too. This leads to duplication since the checkout login has its default message
Yes, you’re right. Posting an update to the snippet in a few mins
Thank you Rodolfo!
The code snippet works perfectly fine with WooCommerce 3.8.1 and WP 5.2.4. I used it with the excellent Code Snippets (2.13.3) plugin which makes it easier to add functions to WP.
Great!
Hi Rodolfo, I am a small (micro) business owner and am working to design and maintain my website myself (with no previous experience of creating a wp website or woocommerce shop) so I have found your php snippets and hook guide really helpful and generous of you, so I’d like to thank you for that first.
I have been using the snippet above to add a notice to the My Account Page request users to use our contact form to advise of any change to their shipping address not just to update it in their account because we do not get an automated notice that a shipping address has been updated and we sell products as an annual subscription that are supplied every 3 months. This snippet no longer seems to be working, I’m not sure when it stopped but I have had a couple of customers for whom I’ve had to ship replacement product out to because it had not been sent to their current address. When I decided to check why they were not emailing us with new address details I could see the notice was no longer showing up. Would you have any idea what has changed?
This still works, sorry Gill. Did you change theme or added/updated plugins? Maybe there’s a conflict and this is not showing your custom content.
In regard to:
I believe that’s a much better option than a static message on the login page. Just so you know, it can be coded and would make your life easier.
Yes – that is my aim to get a notification to our admin email when an address update is made but still trying to work out how to do it. This custom notice was something I had been able to get working before so helped in the meantime.
Thanks for confirming it should still work, I’ll try to work out which plugin might be causing the conflict.
Ok!
How do I add an optional phone extension to Customer Account page? Just starting to learn PHP, am designer.
Hey Linda, thanks for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding! ~R
Nice snippet! Thank you!
Thanks 🙂
Hi Rodolfo,
I’ve added this code into my woocommerce version 3.4.1 but it won’t work!
Hey Haizat, thanks so much for your comment! This still works, so there must be some other error on your end 🙂
Hi Redolfo,
I have used your help in the past and enjoy the great work you do. Thank you 🙂
I have run into a problem while using recaptia in the register form @ My Account page.
the recaptcha wont show when added via woocommerce settings, so I added advanced noCaptia plugin it does put the recaptcha on the form but it hides behind the register button and when I enable the recaptia in woocommerce setting then it doesnt hide anymore but it shows 2 recaptcha boxes.
Can you help with this?
Thank you
Ed.
Edward, thanks so much for your comment! Unfortunately this looks like custom troubleshooting work and I cannot help here via the blog comments. Thanks a lot for your understanding! ~R
Hi Rodolfo
Does this work with Woocommerce 3.x ? Added the snippet to my themes functions.php with no change.
Hey Yuda, thanks for your comment! Try taking a look at the updated visual hook guide, do some tests and then get back to me – it’s possible indeed: https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/
Hi Rodolfo….. Great job 🙂
I have a consultation. I have tried to change text of Login or registrer button, by a similar function, but it add a new line to html code, but not replace the original line, duplicatting code with the final result of 2 buttons.
add_action('woocommerce_login_form','bbloomer_add_login_text'); function bbloomer_add_login_text() { echo ''; }Can you help me?…
Thanks for all.
Hey Javi, thanks for your comment! Instead of “adding” content, you’ll need to “edit” the titles – you can do so by using https://businessbloomer.com/translate-single-string-woocommerce-wordpress/. Hope this helps!
Love your visual hook guides for WooCommerce – I’ve bookmarked and constantly use them.
I made a couple of small changes to this snippet to help with the layout. The existing text that’s added isn’t wrapped in paragraph tags so it resulted in a lack of spacing between the text and the form.
Also the H3 tags didn’t contain classes (for easier styling) so I’ve added those.
Thanks again for your hard work – these guides have saved me a lot of time.
/** * @snippet Show Additional Content on the My Account Page * @how-to Get CustomizeWoo.com FREE * @sourcecode https://businessbloomer.com/?p=19113 * @author Rodolfo Melogli * @compatible WooCommerce 2.4.7 */ // Add text at My Account add_action('woocommerce_login_form_start','bbloomer_add_login_text'); function bbloomer_add_login_text() { echo '<h3 class="bb-login-subtitle">Registered Customers</h3><p class="bb-login-description">If you have an account with us, log in using your email address.</p>'; } add_action('woocommerce_register_form_start','bbloomer_add_reg_text'); function bbloomer_add_reg_text() { echo '<h3 class="bb-register-subtitle">New Customers</h3><p class="bb-register-description">By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>'; }Tom, AWESOME! Thank you – I just edited the snippet and gave you credit 🙂 Have a great day, R
Thanks Rodolfo, keep up the good work
Cheers Tom!