Did You Know? Create a custom Raven login widget for your website

Written by and published



A great feature available to all Raven users is the ability to white-label accounts with custom colors and a custom logo. And, if you’re using a subdomain (yourdomain.raventools.com), the login page will feature your own logo once you’ve uploaded it.

Raven Logo on Login Page

If you’re looking to customize your login even more, we offer the Raven Login Widget — a small piece of JavaScript that outputs a secure login form that you can use on your website. As long as you have a subdomain or custom domain set up, account owners can head over to Main Settings > Custom Domain and grab the code necessary to add the Raven Login Widget to your website.

Raven Custom Login Widget Code

Once you have placed the code where you want the login form to reside on your website, you can tweak it with CSS to further match your website’s branding by styling the following ID and classes:

  • #ravenlogin
  • .ravenusername
  • .ravenpassword
  • .ravensubmit

It could look a little something like this…

Raven Custom Login Widget on Your Website