The Customize Sign-In page offers both basic and advanced customization options to create a completely transformed sign-in experience. To access this page, select Customization, and then Signin Page.
The Okta-hosted sign-in page uses the Sign-in Widget component to interact with the user.
Changing the Okta Sign-in Widget version allows you to leverage or omit specific Sign-in Widget capabilities by specifying a particular version. If you are not familiar with the Okta Sign-In Widget, Okta recommends that you select the highest Major Version and the latest Minor Version (default). For details about the Okta Sign-in Widget capabilities supported by major and minor versions, see the GitHub releases page.
- To make changes to the major and minor versions, select Edit in the Okta Sign-In Widget Version section header.
- Make your changes, and then click Save at the bottom of the page.
To change the heading and labels, and to customize help links on the sign-in page, make changes to the Sign-In Page section.
- Click Edit in the Sign-In Page section header.
- Use the form fields on the left side of the page to customize links, labels, and headings.
You can also customize the placeholder text that appears in recovery flows when end users click account recovery links (for example, Forgot password and Unlock account). If you leave a label field blank, Okta uses the default text.
Note: Although Okta displays default labels, links, and headings in the end user's display language or browser language, Okta doesn't display localized versions of customized text and links. Text that you change here is hard-coded. To specify multiple localized versions of headings and labels, use the Sign-in Widget text configuration options.
- Make changes directly in the embedded editor.
- Click Preview to preview your changes before you publish.
- Click Save and Publish when you finish.
Note: See the Customization examples section for examples that you can alter and use on your hosted sign-in page.
/login/default backdoor sign-in URL to bypass the custom sign-in page. If, for example, something goes wrong with your customizations and your sign-in page won't load, add
/login/default to the end of your Okta URL to bring up the default sign-in page and sign in:
This URL only bypasses changes that you have made to the HTML in the HTML editor. It doesn't bypass changes that you made using the controls on the left side of the page.Next: