diff --git a/erpnext/docs/assets/img/articles/Selection_021.png b/erpnext/docs/assets/img/articles/Selection_021.png
index f4a61cf4828..48e8c3ef4d3 100644
Binary files a/erpnext/docs/assets/img/articles/Selection_021.png and b/erpnext/docs/assets/img/articles/Selection_021.png differ
diff --git a/erpnext/docs/assets/img/articles/item-show-on-website-checkbox-checked.png b/erpnext/docs/assets/img/articles/item-show-on-website-checkbox-checked.png
new file mode 100644
index 00000000000..ae0878a344c
Binary files /dev/null and b/erpnext/docs/assets/img/articles/item-show-on-website-checkbox-checked.png differ
diff --git a/erpnext/docs/assets/img/articles/item-show-on-website-checkbox.png b/erpnext/docs/assets/img/articles/item-show-on-website-checkbox.png
new file mode 100644
index 00000000000..d1baa0c0bf3
Binary files /dev/null and b/erpnext/docs/assets/img/articles/item-show-on-website-checkbox.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-01.png b/erpnext/docs/assets/img/articles/new-item-for-website-01.png
new file mode 100644
index 00000000000..826d31ac09a
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-01.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-02.png b/erpnext/docs/assets/img/articles/new-item-for-website-02.png
new file mode 100644
index 00000000000..d8384298a68
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-02.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-03.png b/erpnext/docs/assets/img/articles/new-item-for-website-03.png
new file mode 100644
index 00000000000..e182cbd8af1
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-03.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-04.png b/erpnext/docs/assets/img/articles/new-item-for-website-04.png
new file mode 100644
index 00000000000..8e5ef3831d0
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-04.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-05.png b/erpnext/docs/assets/img/articles/new-item-for-website-05.png
new file mode 100644
index 00000000000..282280709bc
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-05.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-06.png b/erpnext/docs/assets/img/articles/new-item-for-website-06.png
new file mode 100644
index 00000000000..fea28924705
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-06.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-07.png b/erpnext/docs/assets/img/articles/new-item-for-website-07.png
new file mode 100644
index 00000000000..4d410b36300
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-07.png differ
diff --git a/erpnext/docs/assets/img/articles/new-item-for-website-08.png b/erpnext/docs/assets/img/articles/new-item-for-website-08.png
new file mode 100644
index 00000000000..440bef1312f
Binary files /dev/null and b/erpnext/docs/assets/img/articles/new-item-for-website-08.png differ
diff --git a/erpnext/docs/assets/img/website/website-login.png b/erpnext/docs/assets/img/website/website-login.png
new file mode 100644
index 00000000000..69430986bfb
Binary files /dev/null and b/erpnext/docs/assets/img/website/website-login.png differ
diff --git a/erpnext/docs/assets/old_images/erpnext/item-webimage-1.png b/erpnext/docs/assets/old_images/erpnext/item-webimage-1.png
deleted file mode 100644
index a2dfe7f4c76..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/item-webimage-1.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/item-webimage-2.png b/erpnext/docs/assets/old_images/erpnext/item-webimage-2.png
deleted file mode 100644
index 473a3ff4a52..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/item-webimage-2.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/item-webimage.png b/erpnext/docs/assets/old_images/erpnext/item-webimage.png
deleted file mode 100644
index af46e3c0db9..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/item-webimage.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/itemgroup-webimage-bags.png b/erpnext/docs/assets/old_images/erpnext/itemgroup-webimage-bags.png
deleted file mode 100644
index 9c3a4009b87..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/itemgroup-webimage-bags.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/itemgroup-websettings.png b/erpnext/docs/assets/old_images/erpnext/itemgroup-websettings.png
deleted file mode 100644
index dcb86414407..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/itemgroup-websettings.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/itemgroup-website-settings.png b/erpnext/docs/assets/old_images/erpnext/itemgroup-website-settings.png
deleted file mode 100644
index 1b4039c3744..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/itemgroup-website-settings.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/webpage-itemgroup-display.png b/erpnext/docs/assets/old_images/erpnext/webpage-itemgroup-display.png
deleted file mode 100644
index 7981e4fc3e5..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/webpage-itemgroup-display.png and /dev/null differ
diff --git a/erpnext/docs/assets/old_images/erpnext/webpage-labels.png b/erpnext/docs/assets/old_images/erpnext/webpage-labels.png
deleted file mode 100644
index 3182ab7ae82..00000000000
Binary files a/erpnext/docs/assets/old_images/erpnext/webpage-labels.png and /dev/null differ
diff --git a/erpnext/docs/user/manual/en/website/add-products-to-website.md b/erpnext/docs/user/manual/en/website/add-products-to-website.md
index 3bad0df674f..d8ddcf0aaab 100644
--- a/erpnext/docs/user/manual/en/website/add-products-to-website.md
+++ b/erpnext/docs/user/manual/en/website/add-products-to-website.md
@@ -1,69 +1,63 @@
### 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
+ERPNext will populate your website with products out of your Item Master. The html code will be
generated automatically.
-##### Step 1: Save Image
+#### Step 1: Edit Item
-
+For this example we will add a rocking chair to our catalog to sell on our website.
-
+To edit a catalog item go to: `Stock > Items and Pricing > Item`. From there select an item to add to website or create a new item by clicking the **New** button in the upper right.
-##### Step 2: Check the 'Show in Website' box.
+For this example, click on the **New** button to create a new item. Fill in the form and then click **Save**.
-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.
+
-
+#### Step 2: Save Image
-
+1. Click the new item from the list to edit it.
+1. In the upper left, click the image block to give the product a picture. Be sure to uncheck the **Private** box so the image will be publicly viewable.
-##### Step 3: Enter Website Details
+
-
+#### Step 3: Check the 'Show in Website' box
-The page name will be generated automatically. Mention the Item-Group under
-which the Item will be displayed.
+Under the Website section near the bottom of the form, check the box that says **Show in Website**. Once the box is checked, the page will display other fields for entering information.
-#### Item Groups
+* Give the page a route on the website.
-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.
+
-
+#### Step 4: Enter Website Details
-Once the Item Group is created go to the Website Settings page under Website.
-Enter the Label, Url, and Parent Label.
+Once the `Show in Website` checkbox is checked, a new section called **Website Specifications** appears. Expand this section to add more details about the rocking chair to the website.
-
+
-
+Click **Save** in the upper right and then click `See on Website` on the left under the product image to see the item on your website.
-#### Webpage labels
+
-
+### Item Groups
-Add more Items under a particular Item Group.
+Items can be grouped together in items groups. To see a listing of the existing item groups to go: `Stock > Items and Pricing > Item Group`. Out of the box, ERPNext comes with a collection of item groups that you can use. Click `Products` to select it and then click `Edit` to open it up.
-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.
+* Click the **Show in Website** check box.
+* Change the route to `products`.
+* Fill in a description for your products page.
+* Click **Save**.
-
+
-
+* Go back to the rocking chair item, expand the **website** section.
+* Click **Add new row** button under the `Item Group` table.
+* Select `Products` from the list.
+* Click **Save**.
-Item Group Display
+
-
+To see on the website, go back to the `Item Group` and then click **See on website**.
+
+
{next}
diff --git a/erpnext/docs/user/manual/en/website/articles/managing-user-sign-up-via-website.md b/erpnext/docs/user/manual/en/website/articles/managing-user-sign-up-via-website.md
index 92be7f72440..c4f0b77c93b 100644
--- a/erpnext/docs/user/manual/en/website/articles/managing-user-sign-up-via-website.md
+++ b/erpnext/docs/user/manual/en/website/articles/managing-user-sign-up-via-website.md
@@ -2,7 +2,7 @@
Users can sign up for ERPNext account via the ERPNext Website.
-
+
As seen above the login / sign-up button appears on the homepage of the website generated using ERPNext.
@@ -16,7 +16,7 @@ To do so, Go to
3. Check the disable SignUp check-box and save the doc.
-Now only the login button shall appear and there shall be no option to sign-up via the website. You can always revert back by following the same steps.
+Now only the login button will appear and there shall be no option to sign-up via the website. You can always revert back by following the same steps.
\ No newline at end of file
diff --git a/erpnext/docs/user/manual/en/website/articles/website-home-page.md b/erpnext/docs/user/manual/en/website/articles/website-home-page.md
index 9212643a263..d44a31aad29 100644
--- a/erpnext/docs/user/manual/en/website/articles/website-home-page.md
+++ b/erpnext/docs/user/manual/en/website/articles/website-home-page.md
@@ -1,23 +1,25 @@
-
+
-You can also fill in the details of the product as to be shown on the website here.
\ No newline at end of file
+Once the check box has been checked, then more details will appear that you can fill in for the details of the product as to be shown on the website.
+
+
\ No newline at end of file