Example for Building a Combination Site
This section offers sample HTML and GIF files for a site that mixes a hosted home page with NetSuite tabs, shopping cart and checkout. You can experiment with this example to best serve your needs.
Click here to download a ZIP file that includes the sample home page and images. When the dialog opens, choose Save, and then save the media file as NetSuite_examples.zip in a location where you can find it again.
Follow the steps below to start using the sample files:
Add the Sample Files to the File Cabinet
Because you will display these files in your web store, you must upload them in the Web Site Hosting Files folder in the NetSuite file cabinet.
To upload website files in the file cabinet:
-
Go to Commerce > Hosting > Website Hosting Files.
-
Click the Live Hosting Files folder.
-
Click the Site folder.
-
At the bottom of the page, click Advanced Add.
-
In the Zip Archive to Add field, click Browse.
-
Select the NetSuite_examples.zip file from your hard drive, and click Open.
-
Check the Make All Files Available Without Login box.
-
Click Add. All files are automatically unzipped in the site folder.
-
Click Edit next to logo_wolfe_electronics.gif.
-
In the Folder field, select Images.
-
Click Save.
Next, set preferences for your site including the hosted home page.
Set Preferences for the Sample Web Store
Set preferences to determine how your site appears and interacts with your NetSuite account. In the steps below, you will set the look and feel of your site by choosing a color theme, logo, and site theme.
To set web store preferences:
-
Go to Commerce > Websites > Website List.
-
Click Edit next the website name.
-
On the Setup subtab, in the Web Site Home Page Type field, choose Hosted Web Page.
-
In the Web Site Home Page field, choose Live Hosting Files : /site/index.html.
-
Click the Appearance subtab.
-
In the Web Site Color Theme field, you can choose your own company colors or choose -From Theme- to use the color theme provided with the site theme.
-
In the Web Site Logo field, choose logo_wolfe_electronics.
-
In the Web Site Logo Alignment field, choose Left.
-
In the Web Site Theme field, select one of the Basic site themes.
If you use the Advanced Site Customization feature, you can customize the templates for these themes or use them as guides to make your own at Commerce > Site Builder > Appearance > Themes. For more information, see Customizing Site Themes.
-
In each of the Drilldown Template and the Layout fields, choose -From Theme- to use the templates associated with the site theme you selected in Step 8. You can mix and match site templates by selecting different templates for Drilldown and Layout.
The Advanced Site Customization feature is required to customize the basic item/category templates or to create your own. For more information on creating item/category templates, see Commerce > Site Builder > Appearance > Item/Category Templates.
-
Click Save.
For more information on the other optional settings on the Site Builder Web Site Setup page, see Site Builder Web Site Record Settings.
Next, create a website tab and a category for your site.
Create a Tab for Your Website
To create a Web site Tab, go to Commerce > Site Builder > Content Management > Tabs.
You will use tabs as the pages of your web store, to organize and display categories of similar items and information. You can also use a hosted tab to display an HTML page or link to a different website. For more information, see Creating Website Tabs.
After creating a tab for your website, you can create a category and display it on a tab.
Create a Category for Your Website
To create categories for your site, go to Commerce > Site Builder > Content Management > Categories.
Categories organize the items you sell in your web store. On the Web Site subtab of item records, you select the category where you want to display the item. To learn more about setting up categories, see Creating Site Categories.
After you have created a category, and assigned it to the tab you created, next create an item record.
Create an Item Record to Publish on Your Website
You can create item records of virtually any type for display on your website. Note that to display an item in your web store, it must have a value for price, it must be assigned to a category, and the Display in Web Site box must be checked. For more information, see Setting Up Items for the Web Site.
Your web store is now ready to preview.
Preview Your Website
To preview your website, go to Commerce > Websites > Preview Website. Click Preview Site. Your site opens in a new window.
The website home page displays the sample hosted HTML page you uploaded in the file cabinet. The other tabs display categories and items you have set up in your account. The Shopping Cart, Checkout and My Account tabs display by default in all NetSuite websites. You can choose not to display any tab in your website by clearing the Display in Web Site box.
If you choose to build your website with HTML pages, you can use Attribute tags in the HTML to display items and categories. For more information, see Tags for Use in HTML Pages and Site Templates. You can also use attribute tags to display information from category and item records in site templates. For more information, see Creating Attribute Tags for Standard Records.