A lot of people want the ability to display the WordPress login form within the content of one of the site’s pages. By default, WordPress does not provide any way to do this, so we are going to write a really quick, simple short code to display the login form.
The plugin only requires one simple function that will return the contents (the login form) of the wp_login_form() function.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function pippin_login_form_shortcode( $atts, $content = null ) { extract( shortcode_atts( array( 'redirect' => '' ), $atts ) ); if (!is_user_logged_in()) { if($redirect) { $redirect_url = $redirect; } else { $redirect_url = get_permalink(); } $form = wp_login_form(array('echo' => false, 'redirect' => $redirect_url )); } return $form; } add_shortcode('loginform', 'pippin_login_form_shortcode'); |
Inside of the function we’ve added a call to the extract function in order to retrieve the attributes passed to the shrotcode, which allows us to specific the redirect url, or the location the user should be sent upon successful login.
After we get the shortcode attributes, we do a quick check to see if the current user is logged in, as there is no reason to display the form if they are already logged in. If the user is not logged in, then we return the wp_login_form() function, which will display the actual login form.
Finally, after the closing } we use the add_shortcode() function to make the shortcode available for use in the content editor.
Now we can display our form on any page or post like this:
[loginform redirect="http://my-redirect-url.com"]
Download the working plugin.
Download
Related Items
Hi, Really loving this, i’ve been looking for something like this for ages!
Is there anyway to easily add a “Forgotten Password” link? or have the form change to enter the username/email account?
Thanks
That is not difficult to do. Take a look at this tutorial.
Hi Pippin, I’ve been searching this feature for nearly months now, and I am so lucky to have stumbled upon your site. What I was looking for was actually to a code or much better if there’s a plugin wherein I can use the $_POST in PHP to get the WordPress user_login and user_pass user entry so I won’t have to make a separate login to access my own PHP script that I embed in WordPress that requires my users to login to be able to view their scores for example. Is there such way to do this? I would appreciate if you can lead me to the right track. Thanks.
@Arvs – The only way I have found to do this so far is to add a line to the wp-login.php file that stores the $_POST['pwd'] in a $_SESSION variable. However, this is really not a good idea for two reasons: 1. it’s not a good idea to store the unencrypted password in a session variable, and 2. It’s never a good idea to modify WP core files.
Hi Pippin, thanks, at least I know now the pros and cons of modifying the wp-login.php file. Thanks, I am on the right track now.
hey thanks. You saved me a lot of time! Keep up the great work! Johnny Perez.
Can a shortcode be created for the registration form as well, for multisite?
Your site is really useful!, already bought a couple of your plugins!
I’ve already done it: http://pippinsplugins.com/front-end-registration-and-login-forms-plugins/ There is a tutorial listed on that page as well that will show you how to do it yourself.
Thanks for the code and the short plugin version have made it even handy… thanks again.
Nice Plugin. I am sure it is doing what it is supposed to but I have an issue I cannot get beyond.
I used Wishlist Member which redirects every front-end login to a static page. I was hoping this plugin would allow me to embed the login in a partially protected post (where non-members cannot see the rest of the post until they login) and set the post link as the redirect. I can set all of that and the login displays in the post, but when I login using it, the site still takes me back to the home page–which is the default in Wishlist Member.
While I realize it is ‘their’ problem, I am wondering if you have any idea on how to get around this–my understanding is they encrypt their PHP so others online state there is no way to change their code.
Thanks in advance.
Does it work if you set the redirect parameter of the short code?
I set it like this (–loginform redirect=”http://my-redirect-url.com”–) and it did not work for me. Again, I think my Wishlist has hijacked all logins, but thought your re-direction might be a workaround.
Hi – I’ve been looking for this for a while – thanks so much for posting!!!
Two questions that came up as I added the code:
1. If a user is already logged in, is there a way to display some text that will only show up when they’re logged in? i.e. a link to the redirect page set in the shortcode
2. is there an easy way to display a ‘logout’ link on a page?
Thanks!
1. You can use the function is_user_logged_in() to check if a user is logged in or not. Something like this:
2. WordPress has a function to show the logout URL:
Hi !
Where so I add the code below to your plugin??
Thanks
oops..
Where do I add the code above to the plugin?
Thanks
You could add it just above the return $form;
Great – thanks so much for your help! I think I’m very close to having this do everything I wanted. I really appreciate you posting the code and responding so quickly…
One other question – if a wrong username/password is entered on the custom login page, it redirects to the standard WP login page. How can I keep the user on the same custom page and display something like ‘wrong username or password’?
Thanks!
There is a hook we can use to redirect to a specified page when there is a failed login.
This will cause the user to be redirected back to your /login page with a query variable of “attempt=failed”. You can then use the query variable to display a “Failed to login” message.
You are awesome. I appreciate that you took the time to build this and explain it.
You’re welcome!
For logout redirect Try code
wp_logout_url($redirect_url)
And dont forget move extract function outside of IF
I’m sorry, but where are we supposed to place this code/file?
You can place it in your theme’s functions.php.
Hi Pippin,
Thank you for this awesome plugin. I’m having some trouble getting the form to re-direct after logging in though. For some reason, it keeps bringing the users to the dashboard instead of back to the page they’re trying to access.
I’ve copied and pasted the plugin line-for-line into my functions file. Do you have any suggestions?
Thanks in advance.
Did you add the redirect parameter?
Hi sir,
Is there a way to embed Captcha [SI Captcha Anti-Spam] for this plugin
Thanks
Not without modifying the plugin.
how can I do it sir?
Are you comfortable with custom PHP?
I have a knowledge in PHP. can you guide me on how can i embed Captcha in login form using your plugins?
thanks.
Oh, I just realized you were asking about the specific SI Captcha. Sorry, I do not know about that.
I have done reCaptcha integration. Interested in that one?
sure, as long as it ontegrates with the login form.
thanks.
Check out the docs on reCaptcha and then let me know if you have specific questions: https://developers.google.com/recaptcha/
Hello,
I tried to modify my wp-login.php code and integrate the codes from google’s reCaptcha docs
but it doesnt appear the captcha validation..
am I doing it on the right track?
thanks!
Do not modify wp-login.php. You should only modify the plugin file itself.
how?
I can’t give you step by step instructions (that’d be a full tutorial), but if you show me what you have tried, I can tell you if you are on the right path.
Awesome, dude. But here comes the million-buck question: how do you keep the user on the same page if the login fails? I don’t want to bring forth the awful WordPress login page, which defeats the whole purpose. Would it be possible execute the whole login process without ever seeing the ‘wp-login.php’ screen, and displaying the errors (‘wrong password, empty fields, etc) right there and then? Thanks, and good luck.
Sorry, dude. My bad for not reading ALL the comments… Feel free to delete, and thanks once more.
Okay, third time’s the charm.
I have absolutely no idea how to implement the (vague) solution you suggested to Jon, so I guess my first reply is still valid: How to manage the whole login from the shortcode, without ever going to wp-login.php? Regards.
Take the code snippet I gave to Jon and paste it into the bottom of the plugin file (of this plugin). That’s all you need to do.
I love you for this.
thanks for this amazing…but what happened to logout?
I’d suggest using the admin tool bar. When a user is logged-in, there will be a logout link in the menu in the top right.
i simply love this plugin. thanks a lot bro..
Nice little plugin! I intend to show it to my WordPress programming students as a model. However, I have noticed one little glitch.
The situation is that we have a certain login form for speakers to use to upload their presentation materials to the media library. When I use the plugin, it always redirects to the main dashboard instead of the media library address I added in the redirect. I have tried it with the fully qualified domain name in the shortcode and without it.
I have noticed that other people have had a problem with using the redirect parameter with wp_login_form()
Can you show me an example?
Sure! http://westernforestry.org/Events/wp-admin/media-new.php The form is in the lower right hand corner. However, others are having similar problems with the redirect parameter; so, it may not be anything to do with the plugin.
Can you give me a sample user login and password to test?
My client has OK’d it, but how do I send it to you without putting it in a public forum?
Use my contact page.
Nice custom login and combined with custom post type for the message
http://bisnisukm.com/wp-login.php
I have installed and activated your plugin. What code do I need to insert into the page to get it to work?
Thanks
Just [login_form]