Creating Custom Pages for Login to Your NetSuite Account

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

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

Note:

As of 2017.2, administrators can specify that their custom Customer Center login page be served instead of the default Customer Center login page. If you have a custom login page for your Customer Center, ensure it has been uploaded 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.

Your custom login page, and any images displayed on it, must be uploaded 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 do not 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 are 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 are creating a custom login page for non-Customer Center roles, you could, for example, name the file NSlogin.html. You do not have to modify the following code if you are creating a non-Customer Center login page.
If you are 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 appropriate HTML file for the custom login page that you created in step 1. Ensure that the Available Without Login box is checked.
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 the Available Without Login box is checked 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 does not 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