At one point or another, you might have come across the Login Module for Divi. This module allows you to display a WordPress login form and lets you style that form however you want inside the Divi environment. Especially when building a membership website, getting familiar with the Divi Login Module can come in handy. To help you get started with your brand new WordPress login page, we’re sharing 5 free login page designs made with Divi. You can use and customize these however you want!
Let’s take a look at the 5 free WordPress login page designs for Divi.
Preview
Login Page Layout 1
Login Page Layout 2
Login Page Layout 3
Login Page Layout 4
Login Page Layout 5
Download The Login Page Layouts for FREE
To lay your hands on the free login page layouts, you will first need to download them using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
How to Upload The Layouts
Go to Divi Library
To upload the layouts, navigate to the Divi Library in the backend of your WordPress website.
Upload All Layouts at Once or Each One Individually
When you unzip the download folder, you’ll come across a JSON file and five folders. By uploading the general layout, you’ll import all 5 layouts at once. If you want to upload each one individually, you can navigate to the corresponding folder and find the specific JSON file for it there. To upload the layout of your choice, click on “Import & Export” inside the Divi Library. Then, switch over to the import tab, select the layout of your choice and click on the “Import Divi Builder Layouts” button. If you’ve selected the general JSON file, you’ll be able to find all login page layouts inside your Divi Library.
Access Login Page Layouts Inside Premade Layouts
To access the layouts inside a page you’re building, simply navigate to your “Premade Layouts” and select the layout you want to upload. That’s it!
Preview
Login Page Layout 1
Login Page Layout 2
Login Page Layout 3
Login Page Layout 4
Login Page Layout 5
Final Thoughts
We hope you’ve enjoyed these 5 free Divi login page layouts. After downloading and uploading these to your WordPress website, you can customize them however you want! If you have any questions or suggestions, feel free to leave a comment in the comment section below,
If you’re eager to learn more about Divi and get more Divi freebies, make sure you subscribe to our email newsletter and YouTube channel so you’ll always be one of the first people to know and get benefits from this free content.
Has there since been any posts on how to implement these new pages?
I made a video for anyone that is confused about the process: https://youtu.be/mvn1aWWu1ws
Hey Jamie thanks for making a useful resource for the rest of the readers. We’re working on our own guide to compliment this freebie and we’ll publish it as soon as possible. As we’ve done our research, we’ve decided against the approach you show because the wp login process is more complicated than it appears on the surface. We don’t recommend that folks redirect the wp-login page to a front-end page. Instead, we recommend keeping the wp-login page as is and using the layouts in the post above for a strictly front-end login option. For site members for instance, not site admins or authors. More details to come when we finish our guide!
Hi Nathan, I’m revisiting this post as I’d like to use one of these layouts for a new site I’m working on and was wondering if there was any update on when your guide for this will be ready?
Also, I was interested in your statement that these layouts are intended “For site members for instance, not site admins or authors.”
I was intending on using one of these layouts as a ‘regular’ wp-admin page, so would be interested in what you would suggest to customize this?
Cheers
Trying to reverse engineer it 🙂 Could you explain the step by step guide to build one for instance ?
Hi,
simply
1) Create a page
2) Name it as you prefer (for example: my login)
3) Import the login layout you prefer
4) Save changes
6) Logout form your WP Dashboard
7) From now on, you can use your new login page (https://midomain/my-login) to log in your WP site.
Note: Additionaly, you can use WPS Hide Login plugin to “hide/change” the default https://midomain.com/wp-admin login page. Logically, it shouldn’t be the same name you had choosen for your personalized login layout page.
Enjoy it! 🙂
I thought it was possible to add the login page as an option in the Theme Builder but seems not. Is this something that could easily be added?
lol, seems like they forgot to explain how to use the templates for the actual admin login page
That’s a whole other post. Coming soon.
Same question as all others: how to actually use these layouts? How to make one the default login page…
These login pages look so amazing, I can’t thank you enough for sharing these. I often face issues with clients complaining or bothering about wordpress default login page, this will help me serve better to the clients.
I did upload them all, and I know where I can see them. Great Theme
With plugin :
Go to Plugins › Add New.
Search for Change wp-admin login.
Download and activate it.
Go under Settings and then click on “Permalinks” and change your URL under “Change wp-admin login”
You can change this anytime, just go back to Settings › Permalinks › Change wp-admin login.
link (https://wordpress.org/plugins/change-wp-admin-login/)
or
create a new wp-login. php file with your url
I have the same question as almost everyone else – is a plugin as Creator Gladstone recommended the only way?.
l assumed there must be an option to create a template in Divi Builder and allocate it to the “wp-login page” but can’t see that option?
Hi Alan, I’m totally with you.
@ elegant themes: The templates are awesome – thanks a lot!
But why do you create such great templates and a special blog post without explaining how to use the custom WordPress login page with DIVI properly?
I would be so happy if you guys could help us out.
Thanks in advance.
How do we set it up as a default login template?
Great templates! However, I’m missing one last step however; how can I use these template for my /wp-admin/ login page?
Hi, They look great, thanks
Now, I did upload them all, and I now where I can see them.
But how can I implement them or set one up to my acutal login page?
I ask the same
I think you need to go to Divi > Theme Builder and create a custom template assigned to the login page.
I tried this method, however from here you can’t