Member Login Page
Visitors sign in on your member login page to open the pages you protect in Access Control. On a Password page they enter the password you set. On a Sign Up / Login, Invite Only or Paid (Stripe) page they enter their email, and we email them a sign-in link and a 6-digit code; either one signs them in.
You change the page's text and logo settings under Login Page in your site dashboard. The logo, button color and theme come from Branding.
Edit the login page
Your changes save as you type and reach your site when you publish them.
In your site dashboard, open Login Page (under Branding).
Under Page Text, click the tab for the step you want to change, for example Email Login.
Change the Heading, Subheading or Button Text. A field you leave empty uses our default text, shown in the empty field.
Check the result in the preview. You can switch it between desktop and mobile, and between light and dark mode.
Click Publish Changes at the top of the page.
What each tab is for
Each tab is one step of signing in. You choose its text; the button always does the same job.
Tab | Visitors see it | The button |
|---|---|---|
Password Login | On a page protected with Password | Checks the password |
Email Login | On a page protected with Sign Up / Login or Invite Only | Sends the sign-in email |
Pw Failed | After a wrong password, with "Incorrect password." under the field | Checks the password again |
Email Sent | After entering their email, with a field for the code (below) | Goes back to the email form, to use a different email |
Error | When something stops the sign-in, for example your site has reached its member limit or the link is invalid | Goes back to the sign-in form |
Expired | When they open a sign-in link more than 24 hours old | Goes back to the sign-in form |
Blocked | When the email has no access to the page, or you revoked the member's access | Opens your site's home page |
On Error and Blocked, the line under the heading tells the visitor the reason, for example "You don't have access to this page.", in place of your Subheading. Your Heading and Button Text still show.
On a Paid (Stripe) page, visitors who haven't paid see the Paywall instead, which you edit on the Paywall page.
Add custom HTML
Add HTML to the Password Login or Email Login step for an announcement, an embed or a tracking pixel next to the sign-in form. We place it between the subheading and the form exactly as you write it, up to 10,000 characters.
On the Password Login or Email Login tab, click Add custom code.
Enter your HTML under Custom HTML.
The CSS and code you add on the Code page apply to your site's pages, not to the login page.
Logo, button color and theme
The login page takes your logo, Brand Color and Theme from Branding, so it matches your site.
Logo: when your site has a logo, the page shows it at the top. Turn on the switch next to Using site logo to show an icon for each step instead. Without a logo, the page shows the icons.
Logo size: Width (24 to 320 px) and Height (16 to 120 px) set the most room the logo can take, and it keeps its proportions. The default is 140 × 36 px.
Button color: the buttons use your Brand Color, and we adjust the button text and outlines so they stay readable in light and dark mode. Without a Brand Color the buttons are neutral.
Theme: the page follows the Theme you set in Branding. With System, it follows the visitor's device.
Reset to the defaults
Each tab's reset link, for example Reset "Email Login" to defaults, puts back that tab's default text.
Reset all pages to defaults puts back the default text on every tab and the default logo settings, after you confirm.
Like any change, a reset reaches your site when you click Publish Changes.
Sign in with a code
The code lets a member finish signing in on the page they already have open. That helps on phones, where the mail app often opens links in its own browser, and on a site embedded in another page, where the link can't sign the member in.
After entering their email, the member sees the Email Sent state ("Check your email" unless you changed its heading), with a field for the code.
The code works once, for 10 minutes, and only in the browser where the member asked for it. The link works for 24 hours in any browser, for example on another device.
After 5 wrong tries the code stops working, and the member can click Send a new code on the same page.
To protect your members from guessing, the email carries only the link for a while when one address asks for many codes in a short time, or when many wrong codes are entered on your site.
There is nothing to turn on. The code field appears on the Email Sent state by itself, and the heading, subheading and button text you set for that state stay as they are.
Related settings
How long members stay signed in: Session Duration in your site settings.
The text of the sign-in email: Email Templates.