Login

Usage

Login shows the site's sign-in form as a section of a page. It looks like the site's own sign-in page: the pattern drawn from the site's colours on one side (or the Sign-In Photo, if the site has one set), and a panel on the other with a headline, a line of text and the form. On a phone the pattern becomes a band above the form.

Add it to a page, then click into the block to type:

• the headline. Left empty it reads "Hello." A short one is set very large, and a longer one steps down in size to fit.
• the text under it (optional), for a sentence about what's behind the sign-in. It can hold bold, italics and links, such as a link to a page where people ask for an account.

In the block sidebar under After sign-in, Redirect picks where people go once they sign in: search for a page or paste an address on this site. Left empty, they come back to the page the block is on.

The form in the editor is a picture of the real one. To try it, view the page in a private window, since you're already signed in.

What visitors see

• Signed out: your headline and text, then the form: username or email, password, Keep me signed in, Lost password? and Sign in.
• A wrong password takes them to the site's sign-in page, which looks the same, says what went wrong, and still sends them to your Redirect once they get in.
• Already signed in: the headline, "You're signed in as" their name, a Continue button to your Redirect (when one is set) and a Sign out link. Your text isn't shown.

When to use it

Use it for the front door of a members-only or documentation area, where you want a sentence of your own beside the form and the site's header and footer around it. People who only need to reach the Dashboard can keep using the site's sign-in page.

Tips

• The block signs people in. It doesn't hide anything: what a signed-in person can open is set up separately.
• The pattern, colours, heading font and button shape come from the site's settings, the same as its sign-in page. A dark Primary colour gives a dark panel. There's nothing to style on the block.
• It starts full width. Set it to wide in the block toolbar to keep it inside the page's content width. In a narrow space it stacks as it does on a phone.
• A page takes one Login block.
• Redirect only works for addresses on this site. Anything else is ignored, and people come back to the page the block is on.