Make It Easier For Your Customers To Login To Your Store By Adding A Login Form To Any Page

Make it easier to buy from you by implementing a customer login form that can be shown on any page in your store. You can even add the form to the sidebar or footer section of your templates. Follow the instructions below to implement this modification in about ten minutes.

Instructions

1. Use a text editor such as Notepad to create a new file on your computer, with the following contents:

   
   <h2>Log in to Your Account</h2>
   <form action="%%GLOBAL_ShopPath%%/login.php?action=check_login" method="post" onsubmit="return check_login_form()">
       <div style="margin-left: 15px;">
           <dl>
             <dt>%%LNG_EmailAddress%%:</dt>
             <dd><input type="text" class="Textbox Field150 InitialFocus" name="login_email" id="login_email" /></dd>
             <dt>%%LNG_Password%%:</dt>
             <dd><input type="password" autocomplete="off" class="Textbox Field150" name="login_pass" id="login_pass" /></dd>
           </dl>
   <p class="Submit">
   <input type="submit" style="padding:2px 10px 2px 10px" value="Sign In" id="LoginButton">
   <br>
   <a href="%%GLOBAL_ShopPath%%/login.php?action=reset_password">%%LNG_ForgotYourPassword%%</a>
   </p>
       </div>
   </form>
   %%Panel.LoginJavaScript%%
   
   

2. Save the file to your computer using SideLoginForm.html as the name.

3. Connect with Cyberduck or another WebDAV client to your Bigcommerce server and upload the file to the template/Panels folder.

4. Once uploaded, you can add the %%Panel.SideLoginForm%% code to any of your template files to show a login form.

How It Works

The panel was created to make it easier to place the login form in different areas of your store. All you need to do is add a simple line of code (%%Panel.SideLoginForm%%) and the form will show up. It also features the Javascript validation of the input fields that is present on the regular login page through the LoginJavascript panel at the end of the code.

Troubleshooting

If the panel does not show up... then verify that the name of the file and the name of the panel match exactly. If the file is named SideLoginForm, then you have to call the file using the following code: %%Panel.SideLoginForm%% .

If you have questions or comments related to this modification...then post below!