How to Add Login and Register Forms on a Page in WPRentals
This article explains how to add the WPRentals Login and Register forms inside a page.
This is useful if you want to create a dedicated Login/Register page, separate from the header login modal or the Login/Register widget used in sidebars.
The Login/Register page is only one way to display the login and register forms. It does not replace the header login modal or the sidebar login widget. These are separate display methods, but they all use the same WPRentals register and login settings.
Login/Register Display Methods
WPRentals allows you to display the login/register form in different places:
- Header / Menu modal – the login/register pop-up opened from the header or triggered by actions such as booking or saving favorites.
- Sidebar widget – the Login/Register widget added from Appearance > Widgets to a standard WordPress sidebar or widget area.
- Page shortcode or page builder widget – the login/register forms added directly inside a page.
- Custom Elementor button – a custom Elementor button or link that opens the WPRentals login or register modal.
This help article explains how to add login/register forms inside a page and how to create custom Elementor buttons that open the login/register modal.
Add Login/Register Forms With Elementor
If you use Elementor, you can add the WPRentals login and register forms directly inside a page as Elementor widgets.
Use this option when you want the full login form and/or full register form to be visible inside the page content.
To add the forms:
- Edit the page with Elementor.
- Search for the WPRentals Login Form widget.
- Drag and drop the Login Form widget into the page.
- Search for the WPRentals Register Form widget.
- Drag and drop the Register Form widget into the page.
- Save or update the page.
Create Elementor Buttons That Open the Login/Register Modal
You can also create custom Elementor buttons or links that open the WPRentals login or register modal.
Use this option when you do not want to show the full login/register form inside the page, but you want a button such as Login, Register, Owner Login, or Join Now to open the modal.
This is useful for custom Elementor headers, landing pages, custom menus, or call-to-action sections.
How to Create a Custom Login Button in Elementor
- Edit the page or template with Elementor.
- Add a Button widget or edit an existing Elementor button.
- Set the button text, for example Login.
- Go to the button Advanced tab.
- In the CSS ID field, add:
wprentals_elementor_login
Save the page and test the button on the front end. When clicked, it will open the WPRentals login modal.
How to Create a Custom Register Button in Elementor
- Edit the page or template with Elementor.
- Add a Button widget or edit an existing Elementor button.
- Set the button text, for example Register.
- Go to the button Advanced tab.
- In the CSS ID field, add:
wprentals_elementor_register
Save the page and test the button on the front end. When clicked, it will open the WPRentals register modal.
These Elementor buttons do not add the full form inside the page. They only trigger the existing WPRentals login/register modal.
How to add Login/Register modal buttons in Elementor
Add Login/Register Shortcodes With Bakery Page Builder
If you use Bakery Page Builder, you can add the login and register forms to a page using the WPRentals theme shortcodes.
Use this option when you want a dedicated page that includes the login form, the register form, or both forms.
A shortcode or page builder login/register form is added inside a page. The header modal is managed from the theme header/login options, and the sidebar widget is managed from WordPress widgets.
Register Form Options
The register form options apply to all WPRentals login/register forms, including:
- the page shortcode
- Elementor login/register widgets
- custom Elementor buttons that open the modal
- the header login/register modal
- the sidebar Login/Register widget
For example, password settings, mobile phone field, renter/owner registration, social login, and Terms and Conditions apply based on the main WPRentals register settings.
For the full register and login settings, see this help article:
https://help.wprentals.org/article/login-register/
Terms and Social Login Options
Create a Terms and Conditions Page
Users must agree to the Terms and Conditions before registering.
Help article about the Terms and Conditions page
Enable Social Login Options
Social login options can be configured separately for Facebook, Gmail, or Twitter.
Help article about Facebook Login
Help article about Gmail Login
Help article about Twitter Login
Related Help
How to add Login/Register modal buttons in Elementor
Help article about the Terms and Conditions page
Summary
- Use this setup when you want a dedicated Login/Register page.
- Elementor users can add the WPRentals Login Form and Register Form widgets directly inside a page.
- Elementor users can also create custom buttons that open the login or register modal.
- Bakery Page Builder users can add the login/register forms using WPRentals shortcodes.
- This page setup is separate from the header login modal and sidebar login widget.
- All login/register display methods use the same WPRentals register settings.