Docs

Login

A login form for site users, with remember me, lost password and register links.

On this page

The Login widget puts a WordPress login form on any page, so members, clients or customers can log in without seeing the standard WordPress login screen. It has Remember me, Forgot your password? and Create an account links, and it greets visitors who are already logged in.

A login form on a beige background with Username or email address and Password fields, a Remember me checkbox, a dark green Log in button and a Forgot your password link
The Login widget as a logged-out visitor sees it.

Add a Login form

Open Insert in the left panel and find Login in the Forms group, or type "login" in the search box. Drag it onto the canvas, or click it to add it next to the selected element. See Add elements.

The form signs visitors in with their WordPress account. If the details are wrong, WordPress shows its own login screen with the error message.

Choose where visitors go

  • After login, go to sends visitors to The same page, the Home page, the WordPress Dashboard or a Custom URL.
  • For visitors who are already logged in, Show either a "Logged in as" message with log out link or Nothing. After log out, go to sets where the log out link leads.

You are logged in while you edit, so the canvas shows the form as logged-out visitors see it. Turn on Preview as logged in to check the "Logged in as" message instead.

Allow people to register

The Create an account link only appears when Anyone can register is turned on in Settings → General in WordPress. Urmi does not change that setting for you.

Content tab settings

Content tab · Form
SettingWhat it does
Show labelsShows the field labels. On by default.
Username labelDefault: Username or email address.
Username placeholderHint text inside the username field.
Password labelDefault: Password.
Password placeholderHint text inside the password field.
Remember meShows the "Remember me" checkbox. On by default.
Remember me labelDefault: Remember me. Shown when Remember me is on.
Button textDefault: Log in.
After login, go toThe same page, Home page, Dashboard or Custom URL. Default: The same page.
Redirect URLThe page to open after login. Shown for Custom URL.
Lost password linkShows a link to reset the password. On by default.
Lost password textDefault: Forgot your password?. Shown when the link is on.
Register linkShows a link to the registration page. Shown only when Anyone can register is enabled in Settings → General. On by default.
Register textDefault: Create an account. Shown when the link is on.
Content tab · Logged-in visitors
SettingWhat it does
Show"Logged in as" message with log out link or Nothing. Default: the message.
After log out, go toThe same page, Home page or Custom URL. Default: The same page. Shown for the message.
Log out redirect URLThe page to open after logging out. Shown for Custom URL.
Preview as logged inEditor only: shows what logged-in visitors see. Shown for the message.

Design tab settings

Design tab
SectionSettings
FormMax width, Position (Left, Center or Right), Space between fields.
LabelsTypography, Color, Spacing. Shown when Show labels is on.
FieldsTypography. Text color, Background and Border on the Normal tab; Background and Border color on the Focus tab. Border radius, Padding, Remember me color.
ButtonTypography. Text color, Background and Border on the Normal tab; Text color, Background and Border color on the Hover tab. Width (Full width or Fit content), Border radius, Padding.
Links & messageTypography, Text color, Link color, Link hover color, Alignment (Start, Center, End or Space between).

The Design tab also has the sections every element shares: Spacing & position, Background & border and Mask. See Spacing, size & position.

Behaviour tab

The Behaviour tab has the settings every element shares. To show a different section to logged-in and logged-out visitors, use a display condition with the Visitor rule.

Tips

  • Put the login form on a page of its own, such as "Client login", and link to it from your menu or footer.
  • To keep the whole site private while you build it, use Maintenance & coming soon instead.