How to Create Popup Login Form in Wordpress and Woocommerce?

In this tutorial I’m going to show you how to createa a popup login form in Wordpress. Also, we are going to add custom login/register form into Woocommerce My Account page.
WOOCOMMERCE SIMPLE HACKS: wpsimplehacks.com
DISCOUNT COUPON FOR BLOCKSY AND KADENCE:
Grab your discount by clicking on the linnks below
🅱️ Blocksy theme wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
🔵 Kadence theme here: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel. / @wpsimplehacks
✅ BEST WORDPRESS THEMES:
Blocksy theme: wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
Kadence Theme: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
Astra Theme: wpsimplehacks.com/astra
GeneratePress: wpsimplehacks.com/generatepress
OceanWP: wpsimplehacks.com/oceanwp (SAVE 10% Coupon WPSH10)
✅ MY FAVOURITE WEBHOSTING PROVIDERS:
Verpex Hosting wpsimplehacks.com/verpex
A2 hosting wpsimplehacks.com/a2-hosting
Cloudways wpsimplehacks.com/cloudways
✅ AWESOME WORDPRESS PLUGINS:
WPCodeBox wpsimplehacks.com/wpcodebox (SAVE 20% Coupon WPSH20)
WooLentor Elementor/Gutenberg add-on wpsimplehacks.com/woolentor (SAVE 20% Coupon WPSH20)
Best Wordpress Backup, Migration and Staging plugin - WpVivid Pro wpsimplehacks.com/wpvidid (SAVE 20% Coupon WPSH20)
Best Gutenberg Blocks addon - Kadence Blocks wpsimplehacks.com/kadenceblocks (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
Best for creating tables - Ninja Tables wpsimplehacks.com/ninjatables (SAVE 20% Coupon: WPSH20)
Best Wordpress LMS - Tutor LMS wpsimplehacks.com/tutorlms (SAVE 20% Coupon thmwelcome20)
Best events calendar and ticket selling plugin - WP Eventin wpsimplehacks.com/wp-eventin (SAVE 20% Coupon: WPSH20)
Best Wordpress SEO plugin - SEOPress wpsimplehacks.com/seopress
✅ AWESOME WOOOCOMMERCE EXTENSIONS:
Best Woocommerce Swiss Knife tool - Kadence WooExtras wpsimplehacks.com/wooextras (SAVE 10% Coupon SIMPLEHACKS)
Best Woocommerce sidecart plugin - Woocommerce Cart in One wpsimplehacks.com/cartinone
TIMESTAMPS
00:00 Overview
00:39 Install Login/signup popup form plugin
00:56 Plugin settings
02:58 How to add popup login to menu
04:27 How to add popup login using a shortcode
05:39 How to add/remove registration fields
06:22 How to add account menu links + icons
10:00 How to add Login/Logout redirects
10:47 How to add Auto-open popups

[@Bublelicious]

Always super helpful, no frills, no unnecessary talk, totally to the point. I have bought Kadence Membership lifetime license thanks to your tutorials on Kadence Theme. You have become my favorite wp tutor on youtube. I hope you will continue to produce amazing content. THANK YOU!

[@wpsimplehacks]

Thank you for your kind words 😏

[@mrbabyhugh]

Your content is GOLD. I first saw your fluid checkout video and was like WOW, such a plugin exists, now this and I see many more useful things.

[@wpsimplehacks]

Happy to help! :)

[@KP-oj7lj]

Thanks for this wonderful video. I also created the popup login form by replacing the old WooCommerce login&registration forms. Thanks again !!!

[@wpsimplehacks]

Glad it worked ☺️

[@MasterAbundance]

it's really helpful, thank you!

[@wpsimplehacks]

Thanks

[@TheWolffness]

Awesome work and tutorial. Thank you

[@wpsimplehacks]

Glad you liked it!

[@fasterfalcon9608]

you're brilliant thank you

[@wpsimplehacks]

Thank you 😊

[@yudimarris3887]

Thankyou so much for explanations...help me a lot !!

[@wpsimplehacks]

Glad it helped 🙂

[@simplydecadentcreations]

Hello. The link that you provided wasn't what I wanted but that's ok because I followed the rest of your video and my site looks great. Thank you so much for your help. Also, I wanted to say a big thank you for responding so quickly. I have never experienced that before.

[@wpsimplehacks]

Thank you for letting me know.

[@tumblerwow2135]

OMG I love you guys

[@wpsimplehacks]

Thanks :)

[@zughbor]

it's really nice quik course Thanks

[@wpsimplehacks]

Glad you like it

[@leejansen7345]

Awesome, love your videos. Will this way work the same when using Kadence pro theme?

[@wpsimplehacks]

Kadence already has a popup login built in. Just drag the Account element to the header. Otherwise, this plugin should work also with Kadence.

[@gopalkrishna5861]

Hai sir, I really appriciate your hardwork ,Topic explanation and your endevour to teach the subject whole heartedly. May god bless you on all your future endivours. Thank You Very much Sir. Started Admiring you.All the very best . I am from india.

[@wpsimplehacks]

So nice of you, thanks :)

[@tomy7542]

Thanks, useful video as always! Another good video could be about registration, change of pass and welcome emails of woocommerce and wordpress in general, you might have a few tricks!

[@wpsimplehacks]

If you need to modify Woocommerce emails then take a look at the Kadence Woocommerce Email designer plugin here wordpress.org/plugins/kadence-woocommerce-email-designer/

[@tomy7542]

​@@wpsimplehacks seems awesome, thanks!

[@GuitarandMusicInstitute]

Thanks for your videos which are refreshingly clear and succinct. One question about logins; I acted on your video re customer roles and how that can be reflected with discounted benefits for silver and or gold members which were clones of the customer role. Does this video work for these new roles even although only “customer“ is used? Thanks.

[@wpsimplehacks]

Do you mean whether other roles can log in with the login box? Yes, they can.

[@GaryFMoody]

Super helpful, per usual. Thank you. Will this plugin work with other solutions, such as WISHLIST MEMBER? Or are they tied exclusively to WOO COMMERCE?

[@wpsimplehacks]

I haven't tried with Wishlist Member plugin but since it works with Wordpress alone (without Woocommerce) then I don't see the reason it to not work with Wishlist Member. You can try it out and let me know.

[@user-dd2dk8jt5y]

Спасибо за труд!!! Лучший

[@wpsimplehacks]

Thanks 🙂

[@bornpeanut]

Thank you very very much for the very informative video and great explanation, I really needed that. Keep up the good work. Just wondering, is that a Greek accent? :)

[@wpsimplehacks]

Nope, far from Greek. Somewhere in Nothern Europe... ;)

[@UAM12345]

Thanks So much for this tutorial, this was great. Can I please ask your help in optimising this on on mobile and tablet. When I check this on mobile view, the new "account" menu we setup is not showing. Only the main menu is showing. How do i make this new menu we created show up on my mobile and tablet view as well. I have checked the customize option and the menus are selected so they should appear. Thanks alot

[@wpsimplehacks]

It would be wise to ask support directly from the plugin support team.

[@simplydecadentcreations]

Hello, firstly thank you for this awesome video however maybe you can help me. I am using the Kadence theme, but I do not have additional HTML in my Header Section under customization, neither can I add My Account, etc. How do I add this? Do you have a video on this that can help me, please?

[@wpsimplehacks]

See whether this helps you out: Kadence Theme Tutorial: How to Create Complex Headers? kzbin.info/www/bejne/qHXNeGeqmsp7a8U

[@thefutbollfanatic]

Hello, your videos are amazing. could you please show us how to edit the dashboard right hand side that says "Hello Janek (not Janek? Log out) from your account dashboard, etc...." i find it too simple and empty and would like to edit this section but dont know how to.

[@wpsimplehacks]

It depends on your theme, and herefore it would be wise to ask about it from the theme support team.

[@barny8]

Thanks for the video! I have this problem with awesome fonts icon that it doesnt show the icons when I put the link into the menu nabigation label. It shows only account and except the avatar there is square. Do you happen to know why? thanks have a nice day!

[@wpsimplehacks]

Sorry, can't help with that

[@IamDoQtorNo]

Great content and vvideos. How did you do the Hello User in teh upper right corner? Once they logged in.

[@wpsimplehacks]

It comes from the theme. I am using Blocksy theme, whic is awesome. I you're not familiar with it then take a look at the Blocksy related videos on my channel or see the link in the description of the video.

[@user-wc3zm5fl5f]

Thanks for your video! Is there any possibility to change the text of e-mail that person recieves after registration?

[@wpsimplehacks]

Use Loco translate plugin in order to translate Wordpress plugins and themes

[@superbrandfeet4446]

hello youre content is so awesome, but if i try to change the register field why it can't be? it's that need a pro version? thankyou for answering

[@wpsimplehacks]

It would be wise to ask this question directly from the plugin author in the support forum here wordpress.org/support/plugin/easy-login-woocommerce/

[@daviddoan3815]

This is just what I was after, but the fontawesome icons don't show up in the menu. I think I've got the set up correct. I installed the fontawesome plugin and use API token. What am I missing? Thanks in advance for any suggestions.

[@wpsimplehacks]

Sorry, can’t help you with that.

[@sumanghosh4313]

Thank you, but my cart icons gone whenever I activate icon options in this plugins,, I think there is any bad css for the fontaweseome icons, used in plugins

[@wpsimplehacks]

It would wise to ask this question to the plugin author in the support forum.

[@sumanghosh4313]

@@wpsimplehacks Their support page is dead, they never reply, anyway thanks for your reply.

[@anis.science]

Very Useful. Can you make a tutorial or give me a snippet how to change email field from required to optional for woocommerce, wordpress and login/sign up pop up plugin? I know it looks crazy and stupid but in my country register by email is not common and people use phone otp.

[@wpsimplehacks]

See whether this video helps you out. There is a part about making checkout fields optional kzbin.info/www/bejne/oWnXiH-LbciBoas

[@anis.science]

@@wpsimplehacks Thanks. In above mentioned tutorial snippets were useful and I was able to make email optional and even remove it but still after checkout I see this alert: (Please Provide a valid email address) and account is not created. Infact it wants email address but a fake one also works and account creates via OTP. It will be nice to make email optional, prevent the alert and account could be created without any fake email just via OTP. If you find any solution it will be your kindness to share with me. Regards,

[@wpsimplehacks]

Sorry, but I dont’t know the answer for it. Maybe one of these hacks helps you out: wordpress.stackexchange.com/questions/184798/user-registration-no-email-required wordpress.stackexchange.com/questions/22754/user-without-email www.wppluginsforyou.com/how-to-create-users-without-email-in-wordpress/ docwordpress.com/overrides/allow-registration-new-wordpress-users-without-email-address/

[@amirmohammed9795]

Hi! This is a question that is out from this content. If possible please answer this. Our company has a form submission website when a user submits his data through the website then we can be able to see the same data in another form[ like a subscription form which we can take a print] in which his data is totally filled. How is this possible?

[@wpsimplehacks]

It’s hard to answer since I don’t know what plugins you are using. Alhtough, it seems like a custom work.

[@amirmohammed9795]

@@wpsimplehacks Thank you for reverting

[@bryanguntur6847]

hallo, this is so really nice video and want to ask is it work at oceanwp theme sir?

[@wpsimplehacks]

I haven’t tried with OceanWP. Although, OceanWP Pro version has popup login extension.

[@bryanguntur6847]

@@wpsimplehacks okay sir thanks for answering my question..i'm already try to use it and it work good enough sir

[@IamDoQtorNo]

What are the settings for the image in the popup box? What dimensions should images be in?

[@wpsimplehacks]

It depends on your settings. Therefore, try with 400x600px and see how will it work for you. Then tweak it if needed.

[@ayumetrix6851]

Thank you, I can't get the check marks to show up. The check boxes aren't showing up next to "Remember Me" and "Terms & Conditions", how do I fix this?

[@wpsimplehacks]

Sorry, can't help you with e

[@ayumetrix6851]

@@wpsimplehacks It's OK, I reached out to the author of the app and he got back to me with a fix. :)

[@BCHui-wr7qf]

It's the about the side bar image I don;t know why I can't able to make any changes or hide it (at 4:16). I followed all the previous instructions but it's the same default image appeared. 🤥

[@wpsimplehacks]

Sorry, can’t help you with that

[@sheikhnasim3048]

How To Add Social Login...Or Which Plugin To Use

[@wpsimplehacks]

It would be wise to ask this question to the popup login plugin support team.

[@manindraagrawal8847]

how to add captcha in this popup login and registration

[@wpsimplehacks]

Find a cacptha plugin and try whether it works.

[@manindraagrawal8847]

i have tried but not working @@wpsimplehacks

[@olafj.4381]

How can I translate the Poup labeling in German?

[@wpsimplehacks]

Translate it with Loco Translate plugin

[@olafj.4381]

​@@wpsimplehacks I tried, but the translation is not accepted.

[@wpsimplehacks]

Then it would be wise to ask about it from the plugin author