Friday, February 17, 2012

Tip of the Week: Bypass the Google/Yahoo Sign-On By Adding a Login to Your Portal Homepage

We made it easy for users to login to Mojo Helpdesk by providing single sign-on through Google and Yahoo. For many companies this is a welcomed feature. However, some companies prefer avoiding this as it requires users to login with their Gmail or Yahoo account.  We have a solution for anyone wanting to avoid the Google/Yahoo sign-on. By placing a login form on the homepage of the customer portal, you can encourage your staff to avoid using the single sign-on when logging into the helpdesk.

To add this feature to your customer portal, you will need owner/admin access to your helpdesk. Select All Settings from the Manage menu and then click Configure Mojo Helpdesk from the Helpdesk Owner/Admins column. Then, from the Helpdesk Settings page, click the change button. We are going to be editing the Portal Home, which can be found in the Customer Portal Customization section, by adding some code that will insert the login form. Take some time to look at your portal home page and decide where you want the form to be. For this example, we're going to put it at the top of the page so it's the first thing people see.

Insert the following bit of code into the Portal Home section, replacing the two mentions of yoursiteaddress (text in red) with the site address for your help desk. If you have a custom domain,  you'll need to replace the entire url  with your custom domain. For example, in this situation, Metadot has a custom domain, so we used: for the form action and for the input value.

<div class="box_content_default square_box_message box_padding_10" width="100%">
<form action="" id="login_form" method="post">
<table border="0">
       <input id="account_site_address" name="account[site_address]" value="yoursiteaddress" type="hidden">
<th nowrap align="right"><label for="login_email_address">Email Address:</label></th>
<td align="left"><input id="user_email" name="user[email]" size="30" type="text"></td>
<th align="right"><label for="login_password">Password:</label></th>
<td align="left"><input id="user_password" name="user[password]" size="30" type="password"></td>
<th align="left">&nbsp;</th>
<td align="left"><input id="remember_me_enabled" name="remember_me[enabled]" value="1" type="checkbox"><input name="remember_me[enabled]" type="hidden"><label for="remember_me_enabled">remember me on this computer</label></td>
<th align="right">&nbsp;</th>
<td class="controls">
 <input alt="For your security, we use encryption to protect your password." class="button" name="commit" title="For your security, we use encryption to protect your password." value="login securely" type="submit">
 <a href="/login/request_password">I forgot my password</a>

Once you have the code personalized and placed in the Portal Home section, click save to push the changes live. You're portal home will now look like this:

Now you can encourage your people to login through this form and avoid the Google/Yahoo single sign-on.