### Add Products to the Website

To list your Item on the Website, fill the Item details and save the file.
Once the file is saved, a plus (+) button will appear next to the Image icon.
Click on the plus button and add your Item image. The html code will be
generated automatically.

##### Step 1: Save Image

![Webimage]({{url_prefix}}/assets/old_images/erpnext/item-webimage.png)

  

##### Step 2: Check the 'Show in Website' box.

Under the Website section, please check the box that says 'show in Website'.
Once the box is checked, the page will display other fields for entering
information.

![Webimage]({{url_prefix}}/assets/old_images/erpnext/item-webimage-1.png)

  

##### Step 3: Enter Website Details

![Webimage]({{url_prefix}}/assets/old_images/erpnext/item-webimage-2.png)

The page name will be generated automatically. Mention the Item-Group under
which the Item will be displayed.

#### Item Groups

Mention the Item Group under this column. If you wish to list your Item under
the broad category products, name your Item Group as Products. In case you
have various varieties of Item and want to classify them under different
names, make Item Groups with those names and check the box that says 'show in
Website'. For Example, if you wish to create a category called 'Bags', create
a Item Group named Bags.

![Item Group]({{url_prefix}}/assets/old_images/erpnext/itemgroup-webimage-bags.png)

Once the Item Group is created go to the Website Settings page under Website.
Enter the Label, Url, and Parent Label.

![Item Group]({{url_prefix}}/assets/old_images/erpnext/itemgroup-website-settings.png)

  

#### Webpage labels

![Webpage]({{url_prefix}}/assets/old_images/erpnext/webpage-labels.png)

Add more Items under a particular Item Group.

To add more Items under a certain Label, mention the Item Group on the Item
Page. The Items will be added automatically on the Webpage, under the Item
Group Label. For Example, To add Item-Kiddies Bag and Butterfly Print Bag,
check the 'Show in Website'box. The Items will be placed under the Label Bags
on the Webpage.

![Item Group]({{url_prefix}}/assets/old_images/erpnext/itemgroup-websettings.png)

  

Item Group Display

![Item Group Display]({{url_prefix}}/assets/old_images/erpnext/webpage-itemgroup-display.png)

{next}
