Elementor Pro Login Popup

Elementor Pro Login Popup: in this turoial, I'm going to show you how you can create a beautiful premium login popup in just a few minutes using Elementor Pro: kaycinho.com/elementorpro
So when visitors with an account land on your website, they can just trigger the login popup by clicking on the call to action.
But even better; once they are logged in, the call to action changes to My Account.
This way, even if they are on another page of the website, they can always go back to their dashboard, and from their dashboard they can log out.
And once they're logged out, as you may have guessed, the call to action switches back to triggering the login popup.
And of course, you can apply this tutorial on desktop, tablet and mobile.
VIDEOS MENTIONED:
- Hybrid Navigation: • Elementor Pro Menu Hyb...
- Elementor Navigation playlist: • Elementor Navigation
- Custom Mouse Cursor With E.Pro: • Custom Mouse Cursor We...
TIMETAMPS
0:00 - Login Popup Elementor Pro
1:35 - Pre-requisites
2:18 - Creating the login popup
10:34 - Triggering the popup (desktop)
18:01 - Adding a logout link
19:18 - Tablet and mobile version
Now, one thing we won't be covering in this tutorial is how to create a fully functional custom dashboard, because this would mean a lenghty dynamic tutorial with a tool like JetEngine, and that's beyond the scope of what I'm trying to cover today.
TOOLS I LOVE:
- Elementor Pro (affiliate): kaycinho.com/elementorpro
- Astra Pro (affiliate): kaycinho.com/astra
- Crocoblock (affiliate): kaycinho.com/crocoblock
- Wirementor (my own tool): kaycinho.com/wirementor
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/wirementordemo
- A2 Hosting (affiliate): kaycinho.com/a2hosting
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/shop/consulting/
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/resources/
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/brandingtemplate
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#customlogin #elementorpro #wordpress

[@KayCinho]

If you want to know how to recreate the navigation in this tutorial -> kzbin.info/aero/PLc20Km_0QoGKscYN3WDJVzkDKWbCk8BVa

[@QuikRay]

Great Value Here and more indepth, under-the-hood understanding of Elementor's creature features ...Excellent!

[@KayCinho]

Glad you enjoyed it Raymond 😀

[@RecarroJamesOfficial]

Yoo... That Thumbs up call to action really works, Subtle but extremely powerful.

[@GinaAnagnostopoulou]

Simple & beautiful, thank you.

[@KayCinho]

My pleasure! :) Glad you enjoyed it

[@kimo112100]

YOU ARE THE BEST. THANK YOU!!

[@Prsntseo]

Again with Great Content ❤️

[@KayCinho]

Thanks! Glad you enjoy the content :)

[@iamalifawad]

And once again fantastic tutorial as always. May ALLAH bless you for your nice work 🙂

[@KayCinho]

Hey Ali, thank you so much for the kind words :)

[@kimberlyxoxo3041]

you are a life saver!

[@KayCinho]

My pleasure 😀

[@mariazottler6273]

Very good Video! Also the site facts about tools and options! You said maybe it will come e tutorial for the jet engine and user dashboard. Have you released something for that? :)

[@702inovations]

I like your video but your just a little too fast explaining etc. You gave some good ideas and tips. Keep up the good work. I subscribed to your channel too. Your log-in video did help me a lot!!

[@iris-py]

Hi, any way to avoid the redirection to wp-login page if there is an error in the user name or password?

[@hans-petermutzel1285]

which plug into to use for register?

[@thediscoveryroute6703]

Thank you for this tutorial. I learned a lot. I was wondering how you were able to make the background of the Call to Action button white. I believe the default color in Elementor is light gray. Any suggestions?

[@thediscoveryroute6703]

I meant the background color outside of the border.

[@annaolivarius4692]

Hi Kaycinho. Thanks for tutorial pop up, very nice! Du you have a tutorial for creating the register form as well?

[@brendonweiss7578]

Hey, Anna! Have you found a way of creating a register form?

[@Tonsy86]

Thanks for the tutorial, much appreciated. I have a question, What if the user entered wrong username/password? is that will back him to old wordpress login shape?

[@MattyPod27]

Hi Kay, thanks ! Did you make the customer dashboard tutorial yet ? I'm interested to see how you manage it with jet engine.

[@intuitivesolutionsllc7618]

I am interested in a tutorial for the jet engine and client dashboard tutorial please.

[@seekknowledge1928]

Nice video. Want to see another tutorial about USER DASHBOARD that you have created on your website. Thanks in advance

[@KayCinho]

Thanks for the feedback. I think I'll need to break it down into a series. Don't know when though ;)

[@roomasaher5735]

Awesome tutorial please make a video on signup also

[@KayCinho]

Thank you Rooma! Yes good idea :)

[@RecarroJamesOfficial]

Have you done a video for OTP login? The idea I have is for a listing website with a "POST AD" or "POST NEW LISTING" button that when clicked, prompts user to enter their phone # and then sends them a OTP via sms or email. Once verified they then gain access to upload content to the website.

[@coachken.channel]

reCaptcha v2 not work on popup login.

[@napoleon2323]

Great tutorial . i wanted to ask you one question. if i want to register or reset password... it goes back to default wp-login. any way to change this ? ? ?

[@brendonweiss7578]

Hey, Anna! Have you found a way of creating a register form?

[@easylearningwithRP]

your videos are awesome. Need your help/suggestion to find some good free wooCommerce product filter or any guide were I can develop it. Planning to have filter like we see in Amazon website

[@KayCinho]

You're welcome! I'm not aware of a free good solution. However, if you can invest a few bucks I do recommend JetSmartFilters: kaycinho.com/crocoblock - from Crocoblock

[@david_Shagabaev]

hey can you explain how customize my account page thanks

[@s-gm]

How did you customise your account page?

[@faizrehman7937]

Nice video! One request though, I'm curious to learn about creating that beautiful customer or user dashboard. Maybe if you have time.

[@KayCinho]

My pleasure! Sure, don't know when, but that would be for a future tutorial :)

[@gvazqu2713]

@@KayCinho do you have a video on how to create that user dashboard

[@hamdi-sameh]

How to redirect each user to his own account page through the button my account ?

[@KayCinho]

I guess that would be for another tutorial ;)

[@thommievg6008]

Hi Kaychino, I have been looking so much to find a tutorial like this, it is awesome! I am ecountering one problem. I have builld my website with astra pro + elementor pro but I cannot find how to overwrite my astra header and have it display a custom build Elementor Pro header so I can activate the pop up before login. I have looked through your other videos but I can't find the one in which you explain how to overwrite the astra header. Could you help me by giving me the correct link or brief explanation of what I should do? Thank you so much for this awesome work! Thomas

[@edisongarcia8312]

Great content! Question, how can you add social media button in log-in form? using social media , no need to register an account.

[@KayCinho]

You'd need something like LoginPress for that (the pro version I think).

[@estudioartedigital3263]

can you tell me if the user misses the password the popup closes or a message appears under the field saying the password is invalid?

[@bigd6326]

I am having issues with this too, if they enter invalid login credentials it seems to redirect them to wp-login...

[@michaelsekyra4407]

Thank you. Really nice video!!! Question: Is it possible to do a sign up pop up the same way?

[@KayCinho]

Glad you enjoyed it :) Yes it's possible but you will need an addon such as Essential Addons for Elementor and use their login/register widget

[@michaelsekyra4407]

@@KayCinho Cool thx. I actually have that addon :)!!!

[@KayCinho]

@@michaelsekyra4407 nice!

[@codemilestone7697]

But Major Problem is here no sign up option when any customer need to register this is not possible using POP UP ? should be elementor ??

[@iAmonBeatZ]

PLEASE do the member dashboard tutorial

[@bengijsbers3964]

Hello, I followed your instruction video carefully and I managed to create a login button with a popup with Elementor. It was a clear instruction. But I have one more problem. I would like to create a username and password so that visitors can access a protected part of my site. Now I can only log in with my Wordpress credentials to edit the site. So I don't want that. Would you like to explain to me how to change that? Many thanks for this. greeting, Ben Gijsbers

[@thommievg6008]

Dag Ben, ik ben momenteel tegen exact hetzelfde probleem aangelopen. Mag ik vragen hoe jij dit hebt opgelost?

[@ericeliava3179]

That plugin you suggested broke my website FYI

[@KayCinho]

Sorry to hear that, Eric but that plugin is from a serious company and nobody else seems to have had this issue. Did you do this on a testing/staging website or on a live production website?

[@amelieviennot5570]

But they can't register ..

[@KayCinho]

Maybe an idea for a future tutorial ;)