The Code Generator

This section explains how to use the "Code Generator".

Overview

The central purpose of HART On Web is to enable you to easily display NSP product pages on your website. This is accomplished by inserting a small piece of HTML code into your web page. An NSP product page will automatically appear at the location the code was inserted.

Where do you find this HTML code?

The code generator makes this code for you.

Using the Code Generator

Once you've logged into your control panel, visit the code generator page by clicking "Code Generator" in the main menu.

STEP 1: Select a Stock Number

Select a product from the drop-down list labeled "Stock Number". This is the NSP product page that will be displayed on your website by the code we're generating.

You can use the drop-down box labeled "sorted by" to determine how products in the "Stock Number" drop-down box are sorted. This can make it much easier for you to find the product you're interested in.

STEP 2: Display a Product Picture

Decide if you want to display the product picture when this code is inserted into your website. If so, select "Yes" from the drop-down labeled "Show Product Picture". If not, select "No".

If you anticipate that you will want this setting (Show Product Picture) to be the same on all or most of your pages, you can select "Use default settings from Page Appearance page". Then you can visit the Page Appearance page (by clicking "Page Appearance" in the sidebar menu) and either check or uncheck the "Show Product Pictures" checkbox. This is now your "default" setting.

STEP 3: Display the Product Stock Number

Decide if you want to display the product stock number when this code is inserted into your website. If so, select "Yes" from the drop-down labeled "Show Stock Numbers". If not, select "No".

If you anticipate that you will want this setting (Show Stock Numbers) to be the same on all or most of your pages, you can select "Use default settings from Page Appearance page". Then you can visit the Page Appearance page (by clicking "Page Appearance" in the sidebar menu) and either check or uncheck the "Show Product Options" checkbox. This is now your "default" setting.

"Show Product Options" determines whether or not product stock numbers are displayed.

STEP 4: Generate the Code

Now, simply click the "Generate Code" button.

The code that you need to imbed into your website is displayed in the large textbox. Simply copy this text into your desired webpage and you're ready to go.

Viewing Embedded NSP Product Pages

NSP product pages will not display in your website if you are viewing pages on your local computer.

In order to see the NSP product pages display, your website page must be located on (or uploaded to) the webserver that is hosting your website.