Elementor Pro Login Popup

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:

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:

MORE LINKS:

ONE PAGE WEBSITE FREE COURSE

GET MY HELP:

ALL MY RECOMMENDED RESOURCES:

DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE

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

[RecarroJamesOfficial]

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

[QuikRay]

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

[MattyPod]

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

[mariazottler]

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? :)

[inovations]

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!!

[iamalifawad]

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

[Tonsy]

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?

[intuitivesolutionsllc]

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

[annaolivarius]

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

[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.

[iris-py]

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

[thediscoveryroute]

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?

[thommievg]

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

[s-gm]

How did you customise your account page?

[edisongarcia]

Great content!

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

[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

[seekknowledge]

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

[napoleon]

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 ? ? ?

[david_Shagabaev]

hey can you explain how customize my account page thanks

[codemilestone]

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 ??