WordPress Login And Registration Plugin | Actions Pack for Elementor Pro
ฝัง
- เผยแพร่เมื่อ 31 ก.ค. 2024
- The Actions Pack for Elementor Pro is a WordPress Login And Registration Plugin that's worth taking a look at. that's exactly what I'll be doing today.
I'm going to show you exactly how to do the following:
✅ Building the 3 key pages: Login, Register & Lost Password
✅ Setting up the login page
✅ Mapping the fields
✅ Setting up redirection based on user role
✅ Setup replacement of the default login page
✅ Setting up the registration page
✅ Create links to lost password and login pages
✅ Setting up the lost password page
✅ Create 2 WordPress functions to handle the redirection of the Registration & Lost Password pages.
✅ Buy Elementor Pro: jo.my/1s0t2s2
✅ Buy Actions Pack: jo.my/actions
Timestamps:
00:00 - Introduction
00:38 - What we'll be building
01:49 - Actions Pack for Elementor Plugin
03:51 - Creating the 3 key pages
04:34 - Building the Login Page function
12:11 - Building the Registration page
19:09 - Building the Lost Password page
23:01 - Adding the redirection code
25:57 - What next?
// Redirect Registration Page
function my_registration_page_redirect()
{
global $pagenow;
if ( ( strtolower($pagenow) == 'wp-login.php') && ( strtolower( $_GET['action']) == 'register' ) ) {
wp_redirect( home_url('/registration'));
}
}
add_filter( 'init', 'my_registration_page_redirect' );
// Redirect Password Page
function my_password_page_redirect()
{
global $pagenow;
if ( ( strtolower($pagenow) == 'wp-login.php') && ( strtolower( $_GET['action']) == 'lostpassword' ) ) {
wp_redirect( home_url('/lost-password'));
}
}
add_filter( 'init', 'my_password_page_redirect' );
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ OCEANWP: bit.ly/2fRHBr0
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - แนวปฏิบัติและการใช้ชีวิต
This plugin solved a membership/CRM registration process for us. It's been very reliable, and Yusuf was helpful in solving an issue around version updates
This video is what I was waiting for since weeks... Thanks Paul C for this
❤️
I purchased this plugin today....its really awesome....there are feature where I needed multiple plugins ...now I can do all in this one plugin ...i Liked it .... Thanks Paul for the video I was looking something like this
Hi Paul, that was another great video tutorial. Thanks for that!
Nice tutorial and add-on. I like the idea of plugins that extend the functionality of Elementor rather than duplicate and add new. However, it does make it more difficult knowing which addon is used where,
Thank you for your video. This plugin is perhaps one of the most useful and well thought-out Login/Logout/Registration/Password Recovery plugins I have come across for Elementor. Great features, great support. There is of course one issue.. no update since 2021. (Update... It seems that when the license expires the plugin no longer works...)
Paul, that's a great plugin. Thanks for your guidance.
Would be awesome if you could do more tuts on this plugin please mate, im sure the world and your community will be better off for it!
Hi Paul, I don't know if you remember but we were talking about that a few weeks ago. Thank you for that lifesaver information. I really could kiss you 😘 😷
Thanks Paul!
Fantastic timing, Paul! Writing a proposal now that this would be handy on :) Thanks!
Great explanations thanks sir!
How do you confirm the password to match the first password field?
This is something I was looking for which integrates everything in one plugin.
1. I just purchased one license now. I loved it's otp features.
2. I loved it's manual verification feature.
I tried few plugins before but none worked.. Actions Pack saved me.Previously I was using another plug-in to synchronise registered users with my mail chimp..now I can make it all at one place..
Thanks Paul..
Thanks Paul, would like to see a more in depth of Actions Pack and what it can do especialy the possibility of a frontend profile edit which on the web site it states it can do but no detail.
I purchased a multi site license as many of the now older plugins that handled login, profiles etc have fallen of the market or heavily into social sites.
Hi Rob, Sorry for missing documentation. We did not update other actions because it is quiet similar with the other actions. You just need to create the frontend structure using Elementor Form widget and map those fields in the Edit profile action. However we have added a brief doc here actions-pack.com/docs/how-to-create-a-user-profile-using-elementor
This was really helpful. Now I can create custom woocommerce login and registration
Yes you can create a custom Login or Registration form for your woo-commerce site. You simply need to enter your my-account page in the Login Redirection field. If you want to add custom Woocommerce user field in your Registration form, you need to map the woocommerce user metas with the form fields.
♥ thanks.
you are great man 😍🤗
I really apricate your video's
Its easy working with login and registration forms now.
you are the best
1st Comment and 1st viewer sir 😍😍 and its really very helpful video .....
Haha I beat you to the view.. But you beat my comment
@@edgarmatthee2668 ohh 😂😂
When I get the email to reset the password, it sends me a link that when I click it, it sends me to the home page of my website. Shouldn't you let me reset the password?
Hello, I just purchased this plugin but I can't figure out how you made the Password and Confirm Passwords fields match. Is there documentation on that?
I am a bit confused in the end. Do i need to paste the code even if i follow the ones you explained in the video? I hope it is not. Just I create the pages and paste the code. Am I correct?
I just purchased this pack, I want to ask. Can I only restrict access to certain pages of is it to the whole website?
How do I use the manual verification so that I can approve or disapprove a new member request. I have activated it but cannot see the request in my users dashboard.
Do redirects work while using a multi-vendor plugin like WCFM?
Hi! what if I want to save the form data into mysql?
I'm way out of depth with the codng part. Is there an alternative?
is there are a way to show/add a form field in elementor registraion form for an invitation code plugin? like one of the following does with the default wp-admin form:
- All in One Invite Codes
- Easy Invitation Codes
- Invitation Based Registrations
-
Pie Register
Hello Paul! Is this plugin only for wordpress login? I need a login function for distributors who will access materials such as data sheets, photos, sketches, etc. Can I use this plugin for the purpose?
I would like to create a web hosting reseller but that has a payment gateway with woocommerce using elementor pro + a plugin that manages the private part of the users or customers who log in and that can see the contracted service by logging in and create tickets.
18:18 how the confirmation password field work ? should I set it to specific type ?
Greetings, is there a possibility that the codes can open pop ups in which I have my forms?
Very interesting your plugin, I was about to pay but I have so many questions. Like, why is this plugin not listed inside wordpress? How can a I see other users reviews? Lastes updates and so on...
This works great, but how do you handle the woocommerce emails that link back to the standard login page? The redirect does not work there...also how to use woocommerce email to send the emails? There are alot of unsolved issues here that make his borderline unusable
Would you please explain how we can restrict viewers from having access to the Wordpress backend? through file manager or FTP.
How do you redirect a user from the logged in page to the redirected page if the user is already logged in?
That is exactly what I was looking for. Thanks Paul, you always introduce us to new great stuff. I repeat what I said earlier: this should be integrated into Elementor Pro by default. Instead of fancy stuff. I need to test how OTP works. Is it a complete 2FA?
I created one OTP demo here. actions-pack.com/trial/otp-demo. Have a look please. Ignore the style :). You can style it as you wish with the power of Elementor.
@@actionspacksupport432 Thanks! You know what would be awesome? An integration with iThemes Security 2FA.
@@designdrudge To add a two factor authentication system is in our list. The demo I shared is Registration form. You can similarly make a login form and if you need more security you can choose Login via Password and OTP both. After you successfully authenticate with password, it will ask a otp sent to you via Email or SMS as you set.
@@actionspacksupport432 much appreciated. Thank you.
Could you please advice 2FA plugin that works correctly with Elementor login widget?
Hi, I created a field to upload photo how do I map it to be the profile picture
Does this plugin fix the problem on the Elementor Login forms when a user enters the password wrong, they're redirected to the default Wordpress login page?
There is a redirect setup as part of the plugin for the default login page, so eve of it tries to it will push you back to the custom login page. :)
@@WPTuts That's just what I needed to know. I think this will replace my LoginPress plugin! Thanks for the info!
Hi - the version I downloaded Actions Pack - Gold membership yesterday to find after much checking that it has a bug and crashes Elementor editor - not the site - I have written to the developers - purchased last night 05 April 2023 - Normally your recommended plugins are bullet proof though this has a huge bug - hopefully it will be solved ASAP
Hi, how can I solve login error with Elementor form + actions pack when Hide my wp ghost is active. ( Note: the login link is customized so Elementor + actions pack login form struggle to find the new login link) thanks 🙏
Excellent vid Paul! Def going to have at look at this...
One question: You showed the reset password function of this plugin. I assume the same procedure could be used to reset the username, copying the functions.php code, but changing the destination address slug?
Thanks again Paul....
No idea to be honest Steve, I've always worked on the principal that WordPress doesn't like the username being changed.
@@WPTuts Cheers Paul. Thinking about it, would be better to have a contact link to admin, or could be open to abuse...
Hi Steve, this is possible. Actions Pack provides an EDIT PROFILE action where you can allow users to change their Username.
@@actionspacksupport432 Thanks for this info. Had a quick look and looks good. Will definitely make a purchase as soon as!
Hello sir, please make a full video on login, registeration, rest password and logout button
AWESOME tutorial here Paul!
But currently my website is using a plugin called "Wordpress Social Login".
Anyways to migrate all my current site members to thie plugin?
Hope you can shed some light for me! 😍
You can just put both of your Social Login shortcode and Actions Pack Login/Register form on one popup or a page. E.g a demo site is here storymet.com/ . If you click on write you can see a popup. Also I don't think there is something needed to migrate your users.
Thanks again Paul, I may have missed it int he video but i did not see you do anything with the Confirm Password field? Do you leave the settings as is in the Password field? I did not see you make any changes or link the field.
All I did was duplicate the original Password field and then rename it to confirmation (or something that makes sense to you) and then you select that field if you choose the option to have password confirmation enabled.
@@WPTuts I don't see the option to set confirmation of the field. Is that done in the Pattern somehow?
I created a register page with elementor and add extra fields (for customers' details) on it. But after I filled in all the information(as a test) the extra fields don't show up in the WP dashboard(users tab). Does anyone have any suggestions where I can find the extra fields with information after submitting the form?
Any luck on this one? I'd like to add a consent to receive emails checkbox, but need to know if it'll populate the field I created using ACF.
found any solution? I'm facing the same issue.
I wrote the developers of this add in and, after two days they decided it would be ok to talk to me. My question was: does it support advanced custom fields? (One would think it would not take them too log to figure out the answer.) Based on the affirmative answer, I bought the gold version of the plugin - planning to use it on several sites. Well it really DOESNT support ACF. For example it does NOT support "select" fields. Their support advised me to use an ACF text field - which won't work for us.
There are about 20 WordPress video tutorials out there dealing with user log in and registration. Virtually NONE of them deal with custom fields of any sort. More and more web sites ask users for additional info that cannot be accommodated by the WordPress core. Oh what I would give to have a tutorial that shows me how to add registration / profile pages that support ACF - or any custom fields for that matter.
Dear Sir,
Your video tutorials are awesome and easy to understand.
Your videos has helped me a lot in creating my websites.
I have Elementor Pro and Piotnet Addon For Elementor ( PAFE ) Lifetime plan.
Sir, I would like to know that is it possible to create a wordpress membership website with Piotnet Addon For Elementor ( PAFE ) or I need to use a membership plugin ?
I am trying to create a customise simple membership website using Hello theme where members can access some advance contents.
I hope you have understood my point.
Please help.
Learning more from your videos.
With warm regards,
Vivek Kumar
How do I make work with Jet Woo Builder? Crocoblock
I does not work for the registration. It sends a message telling me that the phone is required even though I not asking for the phone in the registration
Is there any way of using 2FA with this login?
Can be done with CrocobBock?
Excellent tutorial!
But I am stuck at the final redirection code that is supposed to go into the Theme Functions of a child theme. Maybe you have a tutorial on that but how do I create a child theme in WP to add your code?
And you also mentioned there are better ways to address this redirection issue: please provide the details on how to do those.
I just found Paul's video about code snippets and I used his code, plugged it into a new code snippet and it worked beautifully.
Thanks Paul for your really, really excellent tutorials!
@@availingfaith I just pasted WPTuts code into the snippet, selected one of the options when and where to run it, and used Save Changes and Activate. Worked perfectly.
The real problem with all of this: how to create the code to put into the snippet.
@@availingfaith I just used a regular php snippet. I suspect that in your case the redirect line doesn't use the proper url.
Thanks a lot, Paul! Just what I needed! Just one question, does anybody know how to do the logout? Thank you :)
There is a short code provided by Actions Pack [ap-logout-redirect url="example.com/mylogin"]
How I can create new user role ? like "free customer" and "paid customer"
Nice Work,
Can you make a tutorial on Password toggle visibility , I believe this is an important function. Thanks
Hi, you need to go to your FORM -> Password Field -> Advanced Tab -> Enable Password Preview Icon
In this video you're showing how to create a login and registration page, which send the visitor to a second page. Is it possible in this plug-in to put the login page in a popup button at menu?
Yes, it is very much possible. You just need to create a Popup using Elementor -> Put the default Elementor Form inside that -> choose Login Action inside Actions After Submit section.
How i can find passwords of the users registered in my website
Hey WPTuts, great video one issue I have found is at the part 6:23 when you are looking for action after submission when trying this it doesn't have the login, register or lost password in the drop bar section, where would one go to find out the location to be able to assign into this section? Does anyone know for that matter could help really stuck. It would be a great help.
Great video. Is it possible to just create this for one page on the site?
Yes. It's possible
Its seems fine but being new to this I'm stuck on the very first thing. You put a 2 panel structure on the desktop, said you were going to do some style, and all of a sudden you have what seems like the 2 panel structure in the MIDDLE of the desktop inside of what seems to be another page. I can't get the structure away from the top of the desktop or any view of the real website - always pinned to top
I couldn't get uploaded picture to display as profile picture
Why password field on the reset password form?
Does it work with WooCommerce?
Yes, I tried and it works with wooCommerce too
I found an error using the registration. When a user registers and you return the userID ($wpdb->insert_id;) after registration, the wordpress ID (you can check by going to users and then selecting edit against the user and it will show in the address bar), to be different. So where the issue is and you write code, the get_current_user() will be the same as the wordpress ID and is different to what Actions Pack gives you. Obviously the issue is when you use mysql DB or similar and you run more than one DB with multiple registrations. Each registration will auto assign a rolling number increment by 1. But it will affect every registration. e.g. Registration A... the user ID it will be 1 then Registration B the user will be 2 and so on. The registrations dont individualise the increment to begin again. When you write the UserID on registration to mysql it will be different to WP useriD of the person that logged in. Try it and you will see I am right.
HI Sir , its was a great tutorial , helped me a lot i got the login page sucesss , registration success , but only issue coming is how to logout the users i mean coustmers or subscriber , as after login i am redirecting them to a shop page (frontend) after that i a want to have log out option how to do please guide
You can drop a heading widget and choose Dynamic->Shortcode and paste [ap-redirect-logout url="yoururl.com"]. If you want to hide it for logged-in users you can use a plugin "Visibility Logic for Elementor"
@@actionspacksupport432 Thanks
This is great thank you. Will it work with learndash please?
Yes it should work. If you have any specific requirement kindly write us support@actions-pack.com
@@actionspacksupport432 thank you
Does it work well with language that is written from right to left? And not in Latin? For example Hebrew.
Yes it does work since Actions Pack is built on top of Elementor Form widget and fully translation ready. We have also added Loco plugin configuration that you can use Loco plugin to translate to the language as you wish.
@@actionspacksupport432 awesome, it seems easy to use and very sleek look. I’ll check it out. Is there any money guarantee if I dont like it?
@@xBartyIL We usually don't have a refund policy. You need to provide a an appropriate reason and we will try to fix your issue within 7 days. If we couldn't fix it we do refund 100%. It is also mentioned in our FAQ section. actions-pack.com
The redirect of the default word press login is not working. I replace the .php file to the full https... url for my new login. But it's not redirecting. Can someone help me.
Hi, We checked the functionality with latest Wordpress and Elementor version. It is working perfectly. Please make sure to clear both of your sever cache and browser cache. The issue happens sometimes due to cached dns. If it is still not working please send us an email support@actions-pack.com. We will try to investigate your issue.
yeah, it's not working for me too. I insert the code and still the main wordpress page.
Third comment
I just purchased this and I am disappointed. I've followed your tutorial and I'm having a ton of issues. Redirects aren't working and I'm using my full URL. I'm getting an error message on login and no redirect happens. When I refresh my logout button shows telling me that I'm indeed logged in. I turned off "hide for login users" to see if that was an issue and nothing happened except I noticed that even though I have the "show logout button" turned on, it now does not show up. My head hurts...
HI Tammy, We are extremely sorry for the issue you are facing. Basically the redirects are not working because you are seeing an error message while logging in. The error prevents your login form to proceed further. Now to fix the error please make sure that you have not added any other actions along with Login Action. The other action E.g Email action might be the culprit. It would also be nice if you can copy paste the exact error you are noticing.
@@actionspacksupport432 Thanks for your support. I haven't done anything since this issue so I'll have to revisit.
Hello the code for redirect login page doesn't work. Why?
Hi, If you are facing issue please send us an email support@actions-pack.com
Hi, try this one
// Redirect Password Page
add_filter( 'lostpassword_url', 'my_lostpassword_url', 10, 0 );
function my_lostpassword_url() {
return site_url('/recuperar-senha/');
}
Is anyone using the "hello elementor theme"? If so, how'd you do the last step? I guess I jumped the gun on this one. Won't do it again though. Had I known upfront the last step was taken like it was I would not have purchased this tool nor spent three plus hours to follow along. Good God! Oh well. IF you guys have a hello elementor theme which im sure many people do contact support first and/or watch the whole video especially the last 10 minutes of it.
If I can do this, which I'm thinking I won't be able to... I'll edit this comment.
Nice plugin, but unfortunately, the developper almost never answer support requests and tickets. It's sad.
Hi, Sorry for your unpleasant experience. We recently migrated our support system to another party. So facing some delay in response. Please feel free to tell us your ticket id, we will definitely respond there.
@Action Pack Support Has Action Pack been abandoned? Half of their functionality aren't explained on their Webiste. And @WPTuts doesn't seem to do any followup on his tutorial. Sad, the extension and the tut were promising.
Hi Plaisir, We have added two more articles in our doc section recently. Kindly check. However the fundamental concept is configuring an Action with Elementor Form widget. All the actions provided by the Actions Pack are quiet similar. So we don't repeat the docs. Respecting our user's demand we are now adding more docs. You can also reach out to us support@actions-pack.com incase you need any help.
Why you should use this plugin?
1. Price of the plugin is very affordable compared to others available
2. the support is top Notch
Even a person who completely new to web development can work with their support team. I chat with them for several hours tbh. The support staff (Oliver) helped me from scratch. I really appreciate the support nd the product.
You will never find me comments on TH-cam videos, But These guys deserve this.
Once again. The greatest support I ever had online. Keep Growing...
It's PluginTuts, not WPtuts.
i paid for nothing
you need to actually take your time and explain how you style too.
bad bad very bad
Great toot - bad plugin unfortunately, even with the support. + Actions pack does not refund!
Sorry to hear that. We only refund within 7 days. We checked you are asking for a refund after 8 months because the website is inactive. We also noticed that we have responded to your email more than 20 times where in 80% of your email you had acknowledged that you did not know basic stuffs of Elementor and the plugin was very difficult to understand. Actions Pack is just providing few extra actions along with the default actions provided by Elementor itself. So if you say Actions Pack is bad then probably Elementor is also bad as per your opinion. However we are still delighted to help you further. Please reach out to us and cooperate.
@@actionspacksupport432 The issue was with your questionable service and app.
I purchased thus app as one thing, and you admitted that you were making live changes to the service, which made the service not work as presented on sale, there was no warning that you were making changes, and you never apologised for the trouble caused hence contacting you for assistance.
I purchased the app for the functions, not to be dealing with bullish behaviour -
Furthermore, I find it questionable that this seller wants to involve other services when the issue is with YOUR app and service in particular.
To any new/potential Customer - Note this conversation: this developer will share your the content of your discussion to cover themselves only.
We want to work with people that are ethical and helpful, not just about the money and passing the buck.
The 'app' is good but be warned, the app does request permission to share the very data you are trying to protect and exposes a crucial component of your data with these people - whoever they are.
This company is not comfortable issuing refunds and will go to all length to pass the buck back to the customer - take this reply for instance and take it seriously.
I have used many pro-services on WP and never have I experienced a situation where the seller threatens me, which this developer has done.
Lastly: to protect my customers data, I did not use their app due to all the issues experienced with this app.
There are solutions available on the market that do not come with an abusive developer.
Even if you're in a rush, don't just rush to purchase this particular 'app' unless you absolutely must.
Actions Pack is cheap but it is really bad, no support, many bugs. Maybe that is why they do not show their plugin on wordpress, they don't want the see the reviews... Anyway I found a FREE way to do the OTP verification with chat gpt and google firebase, much better and works like a charm!
So, the code in the end was not working for me to redirect to my custom login and lost password page. This code works for me:
// Redirect Password Page
add_filter( 'lostpassword_url', 'my_lostpassword_url', 10, 0 );
function my_lostpassword_url() {
return site_url('/recuperar-senha/');
}
Thanks Paul, There is something not working for me though, I wonder if you could help me.
After registration, verifying email and all, Login doesn't work. If I use wp-admin login, it works, but on the Elementor created Login Page, is says credentials are not correct.
Hi! Did you ever find a solution for this?
@@iloveyoutrell Hi, I did not find a solution for this.