How do I launch a product?

In this tutorial we will go through the steps required to launch a product with two options for color and size and 6 associated SKUs. 

 

Screen_Shot_2013-02-13_at_11.03.53_AM.png

 

1) Before we create a product we need to create a list of SKUs to be associated with the product. Please read the tutorial How to: Add a SKU.

2) Once we have the SKUs we need to add inventory to those SKUs. Please read the tutorial How to: Add inventory to a SKU.

 

Now that we have the a list of SKUs and inventory let's create a product.

 

1. Click on the the eCommerce tab.

Screen Shot 2013-01-11 at 11.50.31 AM.png

 

2. Write the product name.

Screen_Shot_2013-02-13_at_10.39.34_AM.png

 

3. Provide a slug. The slug will be used to construct the URL for this product.

Screen_Shot_2013-02-13_at_10.39.39_AM.png

 

4. Check if this product should be active and visible to the front end users.

Screen_Shot_2013-02-13_at_10.39.46_AM.png

 

5. Check if this product is featured.

Screen_Shot_2013-02-13_at_10.39.51_AM.png

 

6. This sets the order in which this product will be shown in products lists. The lower the value the higher the priority.

Screen_Shot_2013-02-13_at_10.39.58_AM.png

 

7. Write the product description.

Screen_Shot_2013-02-13_at_10.40.06_AM.png

 

8. Provide a style code.

Screen_Shot_2013-02-13_at_10.40.18_AM.png

 

9. This creates the Color option.  A dropdown list will be automatically generated on the product page. 

Screen_Shot_2013-02-13_at_10.40.31_AM.png

 

10. This create the Size option. A dropdown list will be automatically generated on the product page.

Screen_Shot_2013-02-13_at_10.40.37_AM.png

 

11. Select a default category form the dropdown list or click on the green + icon to create a new category.

Screen_Shot_2013-02-13_at_10.40.46_AM.png

 

12. Hold down the Control, or Command key to select more than one category then click on the blue arrow button to move the categories in the Chosen categories column.

Screen_Shot_2013-02-13_at_10.40.57_AM.png

 

13. Select the site for this product. Hold down the Control, or Command key on a MAC to select more than one site.

Screen Shot 2013-01-21 at 3.03.16 PM.png

 

14. Select a brand from the dropdown list or click on the green + icon to create a new brand.

Screen_Shot_2013-02-13_at_10.41.08_AM.png

 

15. To edit the advanced options click on the Show link.

Screen_Shot_2013-02-13_at_10.44.16_AM.png

 

16. If this product requires a custom template provide the path to the custom template. By default this product is using a template mata_catalog/product_detail.html. For more information on how to create custom templates please read How to: Use DB Templates.

Screen_Shot_2013-02-13_at_10.45.09_AM.png

 

17. If this product page should have a custom URL write the URL in the text field below.

Screen_Shot_2013-02-13_at_10.45.15_AM.png

 

18. This is the section where we add the product options. Click on the magnifying glass to select the SKUs for this product. Option 1 field in this example is used for the Color option and Option 2 filed is used for the Size option.

Screen_Shot_2013-02-13_at_10.45.23_AM.png

 

19.  Next we will add an image for the BLUE product option. 

Screen_Shot_2013-02-13_at_10.46.34_AM.png

 

20. We will also add another image for the WHITE product color option.

Screen_Shot_2013-02-13_at_10.47.00_AM.png

 

21. Provide two prices for the customer group -1 and customer group -2.

Screen_Shot_2013-02-13_at_10.47.24_AM.png

 

22. Product attributes are used to add extra information to this product. For example if we need to keep track of the Quick Books product id we can add an attribute called quick_books_id. In the value field we provide the id value that is used in the Quick Books application. Attributes can also be used to create new  content sections on the product page. To display the attribute values on the web site some template customization will be required.  

Screen_Shot_2013-02-13_at_10.49.14_AM.png

 

23. We can also add videos to the product page. If the video is hosted on video sharing web sites write the share URL in the Oembed code text field. 

Screen_Shot_2013-02-13_at_10.56.44_AM.png

 

24. If the video file resides on your local computer you can upload the file using the Choose File button.

Screen_Shot_2013-02-13_at_10.56.59_AM.png

 

25. Upload an image thumbnail for your video.

Screen_Shot_2013-02-13_at_10.57.05_AM.png

 

26. Write a description for the video.

Screen_Shot_2013-02-13_at_10.57.11_AM.png

 

27. If you are loading multiple videos you can set the order in wich the videos will be displayed on the product page. Lower values have higher priority.

Screen_Shot_2013-02-13_at_10.57.19_AM.png

 

28. Related products can be also displayed on the product page. Click on the magnifying glass to select the related products. Click on the Add another Related Product button to add more related products.

Screen_Shot_2013-02-13_at_11.01.38_AM.png

 

29. Meta Data Objects are used for Search Engine Optimization and for customizing how this product page will be shared on FaceBook. For more information  read How to do SEO (Search Engine Optimization) in Web Cube and How do I control the appearance of my content on FaceBook?.

Screen_Shot_2013-02-13_at_11.01.49_AM.png

 

30. To show the current inventory levels click on the Load Levels link.

Screen_Shot_2013-02-13_at_11.02.03_AM.png

 

31. Save.

Screen Shot 2013-01-11 at 12.43.21 PM.png

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk