---
title: "How to Create an Elementor Login Form Popup?"
url: https://theplusaddons.com/docs/create-an-elementor-login-form-popup/
date: 2024-05-16
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to create an Elementor login form popup? A login popup not only adds a professional touch to a website but also offers a seamless login experience for..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-an-Elementor-Login-Form-Popup_-1-1-1024x536.jpg
word_count: 206
---

# How to Create an Elementor Login Form Popup?

## 

- Utilizes the WP Login & Register widget from The Plus Addons for Elementor to create a login form popup.
- Selects 'Button Popup' from the Layout dropdown to configure the login form display.
- Customizes the popup appearance using options in the Style tab of The Plus Addons for Elementor.

Do you want to create an Elementor login form popup? A login popup not only adds a professional touch to a website but also offers a seamless login experience for users.

With the WP Login & Register widget from The Plus Addons for Elementor, you can easily show the user login in a popup.

*To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/)

Add the WP Login & Register widget to the page and follow the steps - 

1. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown.

2. Then select **Button Popup** from the **Layout** dropdown.

![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-popup-login.gif)

From the **Password Reset Page** dropdown, you can select the password reset page.

You can align the button from the **Button Alignment** section.

Then from the **Content Alignment** section, you can align the form content.

You can further customize the popup from the Style tab.

Now the login form will show in a popup.

![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-popup-login-demo.gif)

***Suggested Reading***: [How Add an Elementor Login Register Popup?](https://theplusaddons.com/docs//add-an-elementor-login-register-popup/)