In this tutorial we are going to learn how to make a popup to login in Genesis or what is the same to make a Login Modal in Genesis.
To do this we are going to use the Genesis login modal box plugin.
It is a free plugin that you can download from here.
This plugin is only for Genesis templates
In this video you can see how we are going to use it and the final result:
Subscribe to my channel:
To install it we just go to plugins –> Add new and look for the Genesis login modal box plugin:
Once installed we will see that a new option appears within the Genesis configuration: Login modal box:
The options we have serve for the following:
Page after login
If we want that after logging in it is redirected to a specific page
Page after logout
If we want that after closing the session we are redirected to a specific page
header title
The text you want to appear in the header title
Add to navigation
If we want a button to log in and log out appear in one of our menus.
That is, if we mark that we want it to appear in the main menu, it will appear as follows:
If I click on log in in the menu, the popup will appear so that I can log in in that same place:
If we do not want to automatically add the login in the menu but we want to do it manually we can also do it.
To do this we go to the menu where we want to add the login and add a custom link with the url: #login
In addition to adding the button to log in to the menu, we can add it wherever we want thanks to the shortcodes that this plugin brings.
For example, if in an input we write the following:
Si quieres entrar [wps_login]haz click aquí[/wps_login]
The result is a link that when clicked jumps the login popup
As you can see, it is a very simple way to make it easier for our users to log in to our website.
I hope you like it 😉
regards