1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Article

Reseller: How to Customize Resold Client Logins

How to Create an Unbranded Control Panel Login Page for Resold Clients

  1. Log in to the Reseller Control Panel.
  2. Go to Custom Formatting.
  3. Click Login Form.
    User-added image
  4. Copy the Sample Code.
    User-added image

    Important: The underlined sections of the sample code will be unique for your Reseller account.

  5. Embed the sample code into your website.


How to Create an Unbranded Mailbox Login Page for Resold Clients

This walkthrough assumes that the domain you want to use for your email login screen is on your Reseller account.

  1. Log in to the Reseller Control Panel.
  2. Go to Domain Central and confirm where your domain is pointing.
  3. Go to File Manager.
  4. Locate and select the directory your domain is pointing to.
  5. Click New Directory.
  6. Name the directory "mailadmin".
  7. Click Save.
  8. Select the /mailadmin directory you just created.
  9. Click New File.
  10. Name the file index.
  11. Set the Extension to html.
  12. Click Save to create the file.
  13. Click Edit for the index.html file you just created.
  14. In the popup editor that appears, copy and paste the following code:
    <html>
    <head><title>Mail Admin</title></head>
    <script language=javascript>
    <!--
    if (navigator.appName == "Netscape") {
    document.write("<frameset framespacing=0 border=0 frameborder=0 marginheight=0 marginwidth=0 rows='*,1'>")
    }
    else {
    document.write("<frameset framespacing=0 border=0 frameborder=0 marginheight=0 marginwidth=0 rows='*,1'>")
    }
    //-->
    </script>
    <frame src="login.html" border="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" name="app_hdr" noresize>
    <frame src="blank.html" border="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" name="app_body" noresize>
    </frameset>
    </html>
  15. Click Save.
  16. Click New File.
  17. Name the file login.
  18. Set the Extension to html.
  19. Click Save to create the file.
  20. Click Edit for the login.html file you just created.
  21. In the popup editor that appears, copy and paste the following code:
    <br>
    <br>
    <center>
    <table>
    <form method="post" name="login" enctype="application/x-www-form-urlencoded">
    <tr>
    <td colspan="2" align="center"><font face="Arial" size="5">Mail Admin</font></td>
    </tr>
    <tr>
    <td>E-mail Address:</td>
    <td><input type="text" name="credential_0" value="" size="30" maxlength="128" class="formfield"></td>
    </tr>
    <tr>
    <td>Password:</td>
    <td><input type="password" name="credential_1" size="20" maxlength="50" class="formfield"></td>
    </tr>
    <tr>
    <td><input type="submit" name="Log In" value="Check Mail" onclick="javascript:login.action='http://www.accountsupport.com/mail/index.bml?s=1';javascript:login.destination.value = '/mailadmin/index.bml?check=1';" ></td>
    <td><input type="submit" name="Log In" value="Manage Mail" onclick="javascript:login.action='https://secure.accountsupport.com/mailLogin';javascript:login.destination.value = '/mailadmin/index.bml?manage=1';"></td>
    </tr>
    <input type="hidden" name="destination">
    </form>
    </table>
    </center>
    Important: You may need to trade out the highlighted "accountsupport.com" values for "YourWebHosting.com".
  22. Click Save.
  23. Click New File.
  24. Name the file blank.
  25. Set the Extension to html.
  26. Click Save to create the file.
  27. Test to make sure everything works by going to your domain followed by "/mailadmin" (example: your-domain.com/mailadmin).


    How Can I Customize the Unbranded Webmail Login Page

    To customize the webmail login screen, modify the HTML and CSS associated with the index.html and login.html files mentioned in the instructions above. Here is a visual example of what you can do to customize your webmail login screen:

    Before...
    User-added image

    After...
    User-added image

    If you do not know how to make these types of modifications yourself or you simply do not want to make them yourself, feel free to contact us to learn more about iPage's professional services. Note that design services and professional services are a paid service.

    yieldmanager

    Thanks for visiting! Since you landed on this page of our website, we wanted to let you know you visited one of our paid endorsers while researching your purchase. close