Create a Custom Secure Web Authentication Template Plugin Application in Okta
Last Updated:
Overview
The Okta Browser Plugin for Secure Web Authentication (SWA) allows adding applications via URL and CSS selectors for login forms. The plugin does not function with dynamically formatted webpages, requiring a static login page from the webpage owner. Configure the Template Plugin App by inspecting the webpage elements and copying the CSS selectors into the application settings.
Applies To
- Okta Identity Engine (OIE)
- Okta Classic Engine
- Secure Web Authentication (SWA)
- Okta Browser Plugin
Solution
How is a custom Secure Web Authentication Template Plugin application created?
Add the Template Plugin App from the catalog and configure the URL and CSS selectors for the login form elements using the browser page inspector.
-
Navigate to Applications > Add applications, and enter Template Plugin App in the search bar.
- Enter the link to the page containing the login form in the URL field.
- Right-click the username field on the login page and select Inspect Element (Q).
-
Locate the highlighted area for the field in the page inspector.
-
Right-click the highlighted area and select Copy > CSS Selector.
- Paste the CSS selector into the Username field in Okta.
- Repeat the inspection and copying process for the password field, the login button, and the checkbox field to complete the application form in Okta.
