Creating Custom Pages for Login to Your NetSuite Account

NetSuite provides standard login pages for your account. You can also create custom pages for login. For example, you might want to include your company’s branding on the login page.

Customer Center roles require a separate login page. You can use the system-provided Customer Center login page for this purpose, or you can create your own custom login page.

Note:

If you have a custom login page for your Customer Center, upload it to your NetSuite File Cabinet. Then, go to Setup > Company > Company Preferences > General Preferences and scroll down to the Customer Center Login Page field. Select the filename for your Customer Center login page.

You must upload your custom login page, and any images displayed on it to the images folder in the File Cabinet at Documents > Files > Images. Also, you must use the secure URL displayed on the file record in any tags you use to display content on your login page.

If you decide to create a custom login page (for Customer Center roles or for non-Customer Center roles, or for both types of roles) the login page must be hosted in the NetSuite File Cabinet. You can then display a link to the custom login page on a different page on your website.

Important:

Security best practices don't allow presenting login fields to your NetSuite account in an iFrame on your web page. The following approved procedure details how to provide login access to your NetSuite account.

Creating a Custom Login Page

The following procedure describes how to create custom login pages. If you're creating a custom login page for Customer Center roles, you must know your account ID to complete this procedure. The variable in the following code example is <ACCOUNT_ID>).

To locate your account ID, go to Setup > Company > Setup Tasks > Company Information. The Account ID field is located near the bottom of the right column.

To create a custom login page for your NetSuite account:

Create a custom login page in HTML, using the following code to display the NetSuite account login fields. Save the HTML file to your hard drive.

If you're creating a custom login page for non-Customer Center roles, you could, for example, name the file NSlogin.html. You don't have to modify the following code if you're creating a non-Customer Center login page.
If you're creating a login page for Customer Center roles, you could name the file, for example, NSprivatelogin.html. You must modify two lines in the sample. In each line you modify, replace the variable <ACCOUNT_ID> with your account ID.
- Modify the first line (the post action link) as shown:
  
  <form method="post" action="/app/login/secure/privatelogin.nl">
- Modify the href line for the Forgot your password link as shown:
  
  <href="/app/login/preparepwdreset.nl?private=t">

Note:

The following code only represents the basic required fields for login to your NetSuite account. You can add content to this file, but you must use a secure URL to refer to any additional files.

                <!--The follwing post action link is for a non-Customer Center login page-->
<form method="post" action="/app/login/secure/enterpriselogin.nl">
<!--For a Customer Center login page, modify the post action link as specified in step 1.-->
   <table border="0" cellspacing="0" cellpadding="3">
      <tr>
         <td>
            Email address:<input name="email" size="30">
         </td>
      </tr>
      <tr>
         <td>
            Password:<input name="password" size="30" type="password">
         </td>
      </tr>
      <tr>
         <td>
            <!--The following href link is for a non-Customer Center login page-->
            <a href="/app/login/preparepwdreset.nl">Forgot your password?</a>
            <!--For Customer Center login page, modify the href link as specified in step 1.-->
         </td>
      </tr>
      <tr>
         <td>
            <input type="submit" name="submitter" value="Login" >
         </td>
      </tr>
   </table>
</form>

Go to the Images folder in the NetSuite File Cabinet (Documents > Files > Images).
Click Add File, and then select the HTML file for the custom login page that you created in step 1. Ensure that you check the Available Without Login box.
Click Open. The HTML file for your custom login page is uploaded to the File Cabinet. You can also add any additional files you want to use for content on your custom login page to this folder. Ensure that you check the Available Without Login box for these files.
Determine the secure URL for your custom login page. You will use the secure URL later to display the link to your custom login page.
1. Go to the Images folder in the NetSuite File Cabinet (Documents > Files > Images).
2. Click Edit next to the HTML file for your custom login page.
3. Copy the NetSuite URL that starts with https://<accountID>.app.... You will use this URL to create a link to your login page.
Reference your custom login page from your website. You can now link to your custom login page from any external source by adding an href that uses the secure URL you copied in step 5.c.

For example:
```
                <a href="https://<accountID>.app.netsuite.com/....>Login Here</a> 

              
```
Do not copy the example! Use the URL you copied in step 5.c. in your href.

Important:
The HTML file for the custom login page you created in step 1 must be hosted in the NetSuite File Cabinet. The external source hosting the link doesn't have to be in the NetSuite File Cabinet.

Security policies and contractual agreements prohibit displaying a NetSuite login page in an iFrame. For more information, see NetSuite Login Pages and iFrame Prohibition.

Creating a Custom Login Page

To create a custom login page for your NetSuite account:

Related Topics