This repo contains the completed HTML and CSS code in the tutorial From Meh to Wow: Customize Your Okta Sign-In Experience.
Prerequisites This guide assumes you already have:
- A Single Sign-On (SSO) application that redirects to Okta for authentication.
- A customized Okta Hosted Sign-In Widget with a custom domain enabled to make the necessary edits that I will demonstrate in this tutorial.
- This tutorial uses the Sign-In Widget version ^7.
- Self-Service Registration (SSR) enabled to handle user self-registration.
If you don't have the above setup just yet, you can test one of our samples with a free Developer Edition Account under Sign up free for Developer Edition.
Note: You must use your work email address to sign up for a free developer account.
Within the samples, please refer to the ones labeled Okta Hosted Login or Redirect Model. For example, here is one in React and Angular. Each sample readme should have directions on creating an SSO application within Okta. Still, for more info, you can always refer to this page on creating app integrations. One last note, be sure you are using the correct authorization server for SSO and that is the Okta Org Authorization Server.
For even more examples of how to get started with the Okta Sign-In Widget, check out this post, which walks you through the basic customizations and setting up a custom domain.
Please post any questions as comments on the blog post, or visit our Okta Developer Forums.
Apache 2.0, see LICENSE.