<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M74D8PB" height="0" width="0" style="display:none;visibility:hidden">
Loading
Skip to NavigationSkip to Main Content
How to Create a Custom SWA Template Plugin App
Okta Classic Engine
Okta Identity Engine
Administration
Overview

This article provides instructions on utilizing the Okta Browser Plugin for Secure Web Authentication, focusing on adding applications via URL and CSS selectors for login forms. However, it is important to note that the plugin will not work with dynamically formatted webpages, necessitating a request for a static login page from the webpage owner.

Applies To
  • Secure Web Authentication (SWA)
  • Okta Browser Plugin
Solution
  1. Navigate to Applications Add applications, and in the search bar, input Template Plugin App.

 Template Plugin App 

  1. In the URL field, input the link to a page that contains the login form.

  2. In the Username field, provide the CSS selector for the username in the login form by right-clicking the username field and clicking Inspect Element (Q).
    "Inspect Element (Q)" button 

  3. The page inspector will open with the area highlighted for this field:

    page inspector 

  4. Right-click the highlighted area and select Copy > CSS Selector:

    Copy CSS Selector 

  5. Paste the CSS selector in the username field in Okta and repeat the same process for the password field, the login button, and the checkbox field. At the end of this process, the application in Okta should have the following form:
     App Configuration in Okta  

 

Related References

Loading
How to Create a Custom SWA Template Plugin App