### [How to Add a WordPress Login Form to Any Page (4 Methods)](https://wpforms.com/how-to-display-wordpress-login-and-register-forms-on-any-page/)

**Published:** April 8, 2022
**Author:** Hamza Shahid

**Excerpt:** Adding a login form to any page on your WordPress site can seem tricky, especially if you’re not familiar with coding or complex setups.

You might be wondering if there’s an easy way to do this without breaking your site or spending hours figuring it out. Luckily, with the right tool, like WPForms, it’s actually a simple process.

In this guide, I’ll walk you through how to add a login form to any page on your WordPress site with just a few clicks, saving you time and avoiding any technical headaches.

**Content:**

Adding a login form to any page on your WordPress site can seem tricky, especially if you’re not familiar with coding or complex setups.

You might be wondering if there’s an easy way to do this without breaking your site or spending hours figuring it out. Luckily, with the right tool, like WPForms, it’s actually a simple process.

In this guide, I’ll walk you through how to add a login form to any page on your WordPress site with just a few clicks, saving you time and avoiding any technical headaches.

[Create Your WordPress Login Form Now! 🙂](https://wpforms.com/pricing/)

## How to Create a Login Form on Any WordPress Page 

There are a few different ways to add a login form in WordPress, and the right one depends on how much control you need over the form’s look and functionality. Here’s what I’ll cover.

- [Method 1: Use the Embed Wizard](#method-1-use-the-embed-wizard)
- [Method 2: Use the Block Editor](#method-2-use-the-block-editor)
- [Method 3: Use a Shortcode](#method-3-use-a-shortcode)
- [Method 4: Use a Widget (Sidebar or Footer)](#method-4-use-a-widget-sidebar-or-footer)
- [Bonus: Create a User Registration Form](#bonus-create-a-user-registration-form)
- [Tips for Improving Your WordPress Login Page](#tips-for-improving-your-wordpress-login-page)

**Before You Begin**

Before you can add a login form to a page, you’ll need three things ready:

- **Install and Activate WPForms**: If you haven’t already, install the WPForms plugin on your WordPress site. For login and registration forms, you’ll need a [WPForms Pro license](https://wpforms.com/pricing/ "WPForms Pro license").
- **Activate the User Registration Addon**: Once WPForms is active, go to WPForms » Addons in your WordPress dashboard. Search for the [User Registration addon](https://wpforms.com/features/user-registration/ "User Registration addon") and click Install Addon.
- **Create Your Login Form**: The WPForms documentation on [creating a custom login form](https://wpforms.com/docs/creating-a-custom-login-form/) covers every setting in detail.

![Uploading a logo to the content field](https://wpforms.com/wp-content/uploads/2023/01/login_form_logo.png)

### Method 1: Use the Embed Wizard

This is the fastest way to add your login form to a page. You don’t even need to leave the form builder. After you’ve created or edited your form, click the **Embed** button at the top right of the builder.

![Embed form button](https://wpforms.com/wp-content/uploads/2022/01/embed-form-button.png)A popup will give you two options: create a new page or select an existing one.

#### Embed on a New Page

If you want a fresh page for your login form, click **Create New Page**. Enter a name for the page and click **Let’s Go**.

![Create new page](https://wpforms.com/wp-content/uploads/2020/09/slack-auto-invite-create-new-page.png)![Create new registration page](https://wpforms.com/wp-content/uploads/2021/04/lets-go.png)You’ll be taken straight to the page editor with your form already embedded. Just click **Publish** to make it live.

![Registration form embedded](https://wpforms.com/wp-content/uploads/2021/04/form-embedded-in-page.png)#### Embed on an Existing Page

Already have a page where you want the login form? Click **Select Existing Page** and pick the page from the dropdown.

![Select existing page](https://wpforms.com/wp-content/uploads/2021/04/select-existing-page-1.png)![Select existing page](https://wpforms.com/wp-content/uploads/2021/04/select-existing-page.png)Click **Let’s Go** and you’ll be redirected to that page’s editor. From here, you may need to add the WPForms block to the page (I’ll cover how in Method 2). Hit **Update** to save your changes.

### Method 2: Use the Block Editor

If you’re already editing a page and want to drop in your login form, you can add the WPForms block directly. No need to go back to the form builder.

Open the page where you want your form. Click the **+** button to open the block inserter and search for “WPForms.” Click the WPForms block to add it to your page, then select your login form from the dropdown.

![WPforms embed tool](https://wpforms.com/wp-content/uploads/2021/04/wpforms-embed-tool.png)Your form will appear right in the editor. Click **Publish** or **Update** when you’re ready.

![WPForms registration form embedded](https://wpforms.com/wp-content/uploads/2021/04/wpforms-registration-form-embedded.png)You can repeat this on as many pages as you want. All login submissions still flow into one place under **WPForms » Entries**. For the full list of embedding options, check the documentation on [displaying forms on your site](https://wpforms.com/docs/displaying-forms-on-your-site/).

#### Configure the WPForms Block Settings

Once you’ve added the form, you’ll notice additional settings in the right sidebar panel.

![The WPForms block settings](https://wpforms.com/wp-content/uploads/2021/09/image-10-1024x560.png)Here’s what you can adjust:

- **Show Title** and **Show Description**: Toggle these on to display the form’s name and description above the form fields.
- **Form Styling**: WPForms lets you [style your forms right in the block editor](https://wpforms.com/docs/styling-your-forms-in-the-block-editor/) without writing any CSS. You can change field sizes, colors, and button styles visually.
- **Advanced**: Add custom CSS classes if you need more control over the form’s appearance.

**Pro Tip**

You can also type `/wpforms` directly in the editor to add the WPForms block without opening the block library. It’s a small shortcut that saves a few clicks.

### Method 3: Use a Shortcode

WPForms generates a unique shortcode for every form you create. This is useful if you’re working with the Classic Editor, a theme that doesn’t fully support blocks, or any area that accepts shortcodes.

To find your form’s shortcode, go to **WPForms » All Forms** in your dashboard. You’ll see the shortcode listed next to each form. It looks like this:

``

![form shortcode](https://wpforms.com/wp-content/uploads/2016/09/form-shortcode-1024x403.png)Copy the shortcode, open the page or post where you want your login form, add a **Shortcode** block, paste it in, and click **Publish** or **Update**.

You can also [embed your login form](https://wpforms.com/how-to-embed-login-form/) using this shortcode in text widgets, sidebar areas, and anywhere else that supports shortcodes.

**Pro Tip**

Shortcodes work in WordPress posts, pages, and text widgets. If you need to add a login form somewhere that doesn’t support blocks, this is your best option.

### Method 4: Use a Widget (Sidebar or Footer)

Want your login form visible on every page of your site? Adding it to a sidebar or footer as a widget is a great option.

Visitors can log in from anywhere without having to find a dedicated login page. Go to **Appearance » Widgets** in your WordPress dashboard.

![Find WordPress contact widgets for the sidebar](https://wpforms.com/wp-content/uploads/2020/11/wordpress-contact-widget-sidebar-widgets.png)Find the **Main Sidebar** section. If your theme doesn’t support sidebars, you won’t see this option. Click the **+** button and search for WPForms.

![WPForms sidebar addition](https://wpforms.com/wp-content/uploads/2021/04/wpforms-sidebar-add.png)Click the WPForms block to add it, then select your login form from the dropdown.

![WPForms sidebar widget](https://wpforms.com/wp-content/uploads/2021/04/wpforms-sidebar-widget.png)You’ll see a preview of the form right in the widget area.

![Main sidebar login form](https://wpforms.com/wp-content/uploads/2021/04/main-sidebar-login-form-1.png)You can do the same for your footer. Scroll down to the **Footer Bar** widget area, add the WPForms block, and select your login form.

![Footer bar form embed](https://wpforms.com/wp-content/uploads/2021/04/footer-bar-form-embed.png)Click **Update** when you’re done. Here’s what a login form looks like in a sidebar:

![login form in sidebar](https://wpforms.com/wp-content/uploads/2021/04/login-form-in-sidebar.png)And here it is in the footer:

![User login form footer bar](https://wpforms.com/wp-content/uploads/2021/04/footer-bar.png)If you’re using a block theme with Full Site Editing, go to **Appearance » Editor** instead. Open the template part for your sidebar or footer and add the WPForms block there.

### Bonus: Create a User Registration Form

Now that you’ve got a login form on your site, you’ll probably want a registration form too so new visitors can create accounts. WPForms handles this with the same User Registration addon you set up earlier.

You can build a custom registration form with whatever fields you need and embed it using any of the methods above. For the full walkthrough, check out this guide on how to [create a user registration form in WordPress](https://wpforms.com/how-to-create-a-user-registration-form-in-wordpress/).

After you’ve created your registration page, you’ll want to add it to your site’s navigation so visitors can find it. In your WordPress dashboard, go to **Appearance » Menus**.

![Appearance menu](https://wpforms.com/wp-content/uploads/2021/04/appearance-menu.png)If you don’t have a menu yet, give it a name and click **Create Menu**.

![Create new menu](https://wpforms.com/wp-content/uploads/2021/04/Create-menu.png)Under the **Pages** section on the left, click **View All** to see all your published pages. Check the boxes for your login and registration pages, then click **Add to Menu**.

![Add to menu](https://wpforms.com/wp-content/uploads/2021/04/add-to-menu.png)Drag and drop the menu items to arrange them however you want.

![Menu column](https://wpforms.com/wp-content/uploads/2021/04/navigation-menu-created.png)Select a display location (like **Primary menu**) and click **Save Menu**.

![Save menu](https://wpforms.com/wp-content/uploads/2021/04/save-menu-1.png)Now your login and registration pages are in your site’s main navigation.

![Navigation menu ](https://wpforms.com/wp-content/uploads/2021/04/navigation-menu-done.png)If you’re on a block theme, add these pages through **Appearance » Editor** instead. Open your header template part, select the Navigation block, and add the links there.

### Tips for Improving Your WordPress Login Page

- **Set up login redirects**: Don’t drop users on the homepage after they log in. Point them somewhere useful, like an account page or a members-only dashboard. Here’s a full guide on [how to set up WordPress registration redirects](https://wpforms.com/how-to-set-up-wordpress-registration-redirects-complete-guide/).
- **Add spam protection**: Login forms are a target for brute force attacks. If you’re using WPForms, you can enable CAPTCHA, set up anti-spam rules, or use the built-in honeypot. These [simple tricks to eliminate spam user registration](https://wpforms.com/simple-tricks-to-eliminate-spam-user-registration/) work for login forms too.
- **Customize the look**: A plain login form works, but matching it to your site’s branding makes a better impression. You can [customize your login form’s branding](https://wpforms.com/how-to-create-a-custom-login-form-for-improved-site-branding/) with custom colors, logos, and layouts. Check out these [login page examples](https://wpforms.com/login-page-examples/) for inspiration.

### FAQs About Adding a WordPress Login Form to Any Page

Adding a WordPress login form to any page is one of the most common requests from site owners running memberships, online courses, or community forums. Here are the questions I see most often.

#### How do I add a login form to a WordPress page?

The easiest way is to use WPForms Pro with the User Registration addon. Create a login form in the builder, then embed it on any page using the embed wizard, block editor, shortcode, or widget. You can also use the built-in WordPress Login/Logout block for a simpler approach.

#### How do I redirect WP login to another page?

With WPForms, go to your login form’s **Settings » Confirmations** and set the redirect page. You can create different redirects for different user roles using conditional logic. If you’re using `wp_login_form()`, pass a `redirect` parameter with the destination URL.

#### What’s the difference between a login form and a registration form?

A login form lets existing users sign into their account with a username and password. A registration form lets new visitors create an account. Most sites need both, and WPForms can create both types using the same User Registration addon.

#### Can I assign different user roles based on form responses?

Yes. WPForms allows you to [assign user roles conditionally](https://wpforms.com/how-to-assign-user-roles-conditionally-in-wordpress/) based on how users fill out your registration form. This gives you more control over permissions and access levels on your site.

## Next, Customize Your Login Page

That covers 5 different ways to add a WordPress login form to any page on your site. Now that your login form is live, here are a few things you might want to do next:

- [Customize your login form’s branding](https://wpforms.com/how-to-create-a-custom-login-form-for-improved-site-branding/) with colors, logos, and custom layouts
- [Set up registration redirects](https://wpforms.com/how-to-set-up-wordpress-registration-redirects-complete-guide/) to send users where they need to go
- [Eliminate spam registrations](https://wpforms.com/simple-tricks-to-eliminate-spam-user-registration/) with CAPTCHA and anti-spam tools

[Create Your WordPress Login Form Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** Marketing

**Tags:** customize login, login, user login, user registration, user registration forms, wordpress login forms

---