How do I embed the Raven login form into my website?

Follow

Aside from logging into Raven using our website or the login screen, you can also embed a login widget into your employee portal, customer dashboard or other page. The login widget is a secure login form designed for white label users, whether you're using the custom subdomain or custom domain option.

Once a custom subdomain or domain is set up, the system will provide you with your login widget on the Custom Domain page. The widget is a small piece of JavaScript that you can place inside an HTML document. The widget outputs a login, and the HTML looks like this:

<form id="ravenlogin" method="post" action=""> <fieldset> <legend>Login Form</legend> <p class="ravenusername"><label for="username">Username:</label><span><input type="text" name="username" /></span></p> <p class="ravenpassword"><label for="password">Password:</label><span><input class="text" type="password" name="password" /></span></p> <p class="ravensubmit"><label for="submit"> </label><span><input type="submit" value="Login" name="submit" /></span></p> </fieldset> </form>

CSS IDs and classes are assigned to the main HTML elements, allowing you to control the layout and appearance of the login form.

#ravenlogin
Assigned to FORM element

.ravenusername
Assigned to P element for the Username label and input field

.ravenpassword
Assigned to P element for the Password label and input field

.ravensubmit
Assigned to P element for the Password label and input field

Have more questions? Submit a request