In this lesson, we’ll show you how to create a custom login form for your multisite network. This is great because your users won’t have to use the normal WordPress login page. Instead, you’ll design a beautiful login form with Elementor.
Follow these steps to create your custom login form:
1- Add a new page or edit the default login page from WP Ultimo
In their new update, WP Ultimo includes the option to create default registration and/or login pages. These are normal pages with the appearance of the theme you have installed on your main site.
If you don’t want to create a new page, you can open the default login page and edit it with Elementor. This has some advantages such as not having to change anything else because WP Ultimo will recognize the login page automatically.
Go to Network Admin > Sites and open your network’s main site.
Now go to Pages and add a new page or open the default login page.
If you create a new page, add the page title and hit Edit with Elementor.
If you’re editing the default WP Ultimo login page, cut the shortcode and hit Edit with Elementor.
2- Add the WP Ultimo login shortcode to your page
Once you’re in Elementor, you can change the page layout to Elementor Canvas. Add all the design elements you want such as a background image, texts, columns, etc. Design the page as you want.
The essential element on this page is the WP Ultimo login shortcode:
You need to paste this shortcode where you want to display the login form.
3- Make sure the page is selected in the WP Ultimo settings
If you’ve edited the default WP Ultimo page, you don’t need to do anything else.
But if you have created a new page, go to Network Admin > WP Ultimo > Settings > Login & Registration, and select the login page in Default Login Page.
Once you save the settings, this is what your login form could look like:
Now your users will log in to their accounts using a beautiful page instead of using the normal WordPress login page.