NetSuite Customization

If you have, or are considering using NetSuite then you have come to the right place. We are NetSuite SiteBuilder website set up and customization experts.

NetSuite is the world's most popular on-demand, integrated, CRM/ERP (customer relation management /enterprise resource planning) solution for growing and mid-sized companies. NetSuite enables companies to manage all key business operations in a single, integrated system. It is feature-rich and can be easy to use.

But that doesn't mean you have to learn how to set up and code the website. You're only going to do it once, so give that job to us. This page goes over different ways to customize NetSuite and specifics on how we handled various customization needs & requests. Give us a call. From USA call: 302.304.8404.

Types of SiteBuilder Customizations

NetSuite SiteBuilder is customized in four basic ways: the templates are changed for structural HTML, adding NetSuite tags or custom fields & tags from item and entity records, CSS for look and styling, and JavaScript & NetSuite SuiteScripts for functional changes & additional record data. We are experts in each of these areas which allow us to customized and expand SiteBuilder to do virtually anything. Continue below for more.

NetSuite SiteBuilder Themes and Templates

NetSuite SiteBuilder is template driven. That means, each piece of a web page (content, structure and look) is controlled by various themes & templates that can be customized and specified on a site-wide, category or item level.

The theme controls the entire website and contains the templates for the head-tag, the header, left side section, content section, and footer. Custom layouts and templates used for the site can also be specified in the theme. Tabs, Category, & Item List layouts contain two templates each: one for content and another for the cells. Customize those for your specific needs. Items and Information Items use a template file that usually is where the most customization happens.

When you customize a template, all the categories or items that use that template are immediately updated. You may be tempted to create a different template for each type of category or item customization you want, be we've found out the hard way, that that is not a good idea. Keeping one type of template, then have it modify the display via custom tags, css and scripting is the best way over time.

We've learned to customize templates in a orderly and specific manner. We structure the HTML for SEO purposes, ease of site maintenance, non-interference with NetSuite's code or other 3rd-party customizations, and to allow for our various customizations to function.

Custom Fields and Tags in Your Templates

Once the HTML is set up, you can add in various standard NetSuite tags, attribute tags, and custom fields to display additional elements, or prepare for additional scripting. NetSuite's standard templates come with the most commonly used attribute tags, like: <%=getCurrentAttribute('item','displayname','')%> to display the name of an item. There are optional attribute tags NetSuite provides for item and entity fields you may use. For instance, to show the manufacturer name you would add to your template: <%=getCurrentAttribute('item','manufacturer','')%> These fields are available for categories, items, entities, info items, and even custom records.

These attribute tags can be expanded to include custom fields which will allow you to add just about anything to your templates; from additional images, to your customers favorite color. Once you set up and populate a custom field, it can be added to your template using a similar tag: <%=getCurrentAttribute('item','custitem_image2','')%>

This is where the true power of customizing the templates starts to come into play. We've been working with these elements for over 10 years and have the experience you need to create what you want.

NetSuite also provides a standard set of Web Site Tags that are used in the templates. There are standard elements like displaying how many items are in the current cart: < NLCARTITEMCOUNT> Like before, the real power of these is in create custom tags and using them appropriately.

We like to use custom tags to place content in the template that you will want to change from time to time: promotional text, navigational elements, item specifications, etc. This way, we can show you on a video how to easily change and update the site yourself without the possibility of harming the all-important templates; plus these tags can be changed on a per-category basis!

Years of using NetSuite's and custom elements, & coming back later to the same site to add even more requests, we've learned the best way to expand NetSuite in a consistent and easily understood way.

Functional Customizations with JavaScript & NetSuite SuiteScript

Once the HTML and tags are added, scripts can be used to change the functionality & content display even more. Generally, two types of scripts are used: JavaScript runs on the web page and NetSuite SuiteScripts run on the server.

For instance; if you want to display a sale price with a strike-thru price and a percent calculation of the sale savings you would gather the online price as normally, and add in a tag for a base price level. Then on page-load a JavaScript script runs the needed calculations, creates the HTML and displays it on your site. (like items on this page) Every site we work on has something similar happening; possibilities are endless!

We can also call a "SuiteScript" that resides on the server to gather even more information about the page.

Let's say that when a matrix option is selected, you want to display that option's part number, specifications, and a custom image (matrix children records don't contain NetSuite's normal image fields) and only make it available if inventory at one of your "inventory locations" was above a certain level. We'd use an AJAX request to gather that information via a SuiteScript, that returns a JSON object that a custom JavaScript uses to prepare that data and change the elements when appropriate. Easy, right?

For us it is. We've been doing such customizations for SiteBuilder users for years and chances are, whatever you want done, we've done it before. The most requested customizations we've even organized into a NetSuite Bundle, to make it easier and cheaper to add to your site. (WD Mini Cart, for one)

Styling Customizations with CSS and Images

Every website uses CSS (Cascading Style Sheets) aid in styling fonts, display elements, and change functionality based on screen size. We've been working with CSS since 1998, adding it to every website we create as appropriate. Everyone uses stylesheets so having them done correctly is important. NetSuite will add a stylesheet, any 3rd-party code you add (like for image zoom or reviews) will add a stylesheet, and we will add a stylesheet.

The main difference is ours will be organized in a clear and easy-to-understand way, with template specific sections and will not interfere, nor be overwritten by any other stylesheet: consistent, reliable, and easy to adjust.

Your site will use lots of images. From your logo, some button elements or backgrounds (though for these we tend to use CSS styles), and product images. NetSuite provides two fields for each category or item: one for a thumbnail, and one for a main image. That's usually not enough. For items we add custom item image fields to add the extra images you need. Often a zoomable image is desired and we recommend MagicZoomPlus as it can work with desktop and handhelds. (see here)

If you have other image needs, chances are we've already done it so can add it to your NetSuite SiteBuilder site quickly.

Standard Cart verse Advance Cart/Checkout

NetSuite SiteBuilder has a basic cart and checkout turned on by default. There are limited customization possibilities and it is not responsive, so it is a good idea to upgrade. Fortunately, NetSuite offers a free download of the same cart /checkout / customer center that SCA uses, though modifies for use with SiteBuilder.

If you want to stay with the standard cart and checkout there are few things we can do (see here). If you want your handheld users to more easily checkout and view your customer center, have us install & customize the latest SCA for SiteBuilder. Give us a call.

NetSuite has spent years developing and improving upon their latest cart / checkout / customer center. For SiteBuilder, they offer it as a free bundle. The current version is excellent with all sizes of screens –- from desktops to mobile handhelds -- and is designed to allow for easier updating in the future.

It is controlled via hundreds of modules of text, JavaScript files, and server pages. All text is customizable via an external file. Item cells are modifiable and can be added to with standard or custom item record fields. The checkout can be organized into multi-page or single-page checkout. It is near feature parity with SCA, is responsive, has more customization options; but it needs a few hours to install, add to your site, & customize to your exact needs. Give us a call.

View Our NetSuite SiteBuilder Portfolio

Since 2004 we've been building world-class websites for NetSuite SiteBuilder users – adding unique styling and customizations. View our portfolio to see for your self.

  • Site-wide / Header Customizations
  • Global Site Search in Header
  • Custom Dropdown Navigation
  • Customizable Mini-Cart
  • NetSuite Left Links Customized
  • Login / Logout Links
  • Unique Cart Item / Total
  • Quick Order with Item ID
  • Reorder Lists
  • Site-wide Compare Items
  • Homepage Animations
  • Site-wide Wholesale Users
  • Cart Shows Matrix Option Thumbnail
  • Category & Item List Layouts
  • Responsive Cells *
  • "Quick View" Pop-up
  • Promotional Icons
  • Color Swatches for Matrix Items
  • Filter Item Lists By... **
  • Group by Item Groups
  • Items Added Pop-Up Box
  • Customized Pricing Display
  • Display Over 50 Items
  • Use Inventory "Locations"
  • Thumbnail animation on hover
  • Multiple Add-To-Cart
  • Shop By Brand
  • Item Detail Customizations
  • Add-To-Cart Header on Scroll
  • Display morphs based upon...
  • Multiple Item Images with Zoom
  • Sale Pricing (with $ or % savings)
  • Matrix Selection Swaps Images / Specs
  • Matrix Selection Disables Invalid Options
  • Select Color Options via Thumbnail
  • Specifications from Custom Item Fields
  • Tabs for Overview, Reviews, Specs, etc.
  • Links to Item's Other Categories
  • Add Multiple Additional Options To Cart
  • "Faux-Matrix" Items
  • Link to PDF downloads

*Responsive Cells: We create responsive item list cells completely differently than anyone else. The cells expand horizontally until an additional cell can be added. It is graceful and barely noticeable. Our cells also expand vertically, meaning you can have different amounts of information in each cell, yet ALL the cells in any given row are all the same height. Finally, our method encourages two cells per row on handhelds in portrait mode, instead of everyone else's single cell per row. Makes shopping easier. And best of all they still use normal NetSuite SiteBuilder templates and layouts. Check them out; our responsive item list cells are fantastic!

**Filter Item Lists By... Our filters work on the item list or category list level. Items displayed can be filtered by any custom item field, or by price range. Since all the data is pre-rendered via daily scripts, the page loads fast and filtered results display immediately. All data and scripts are kept within the safety of NetSuite's system.

RESPONSIVE

We can make NetSuite SiteBuilder websites be fully responsive, yet be internal to NetSuite using the normal layouts and templates.

LEARN MORE

CUSTOMIZATION

We can customize your NetSuite SiteBuilder templates to add ANYTHING you can need. Unique, effective and easy to maintain.

LEARN MORE

LATEST CHECKOUT

Want a more customized Shopping Cart and Checkout? Let us install NetSuite's latest & your handheld users can purchase with ease.

LEARN MORE