Tutorial 2: Setting up your online shop

Video duration: 5 mins 14 seconds

This tutorial is a step-by-step guide to adding a new catalog to your online shop and then adding some products to the new catalog. It should take about 15 minutes to complete but feel free to work through at it your own pace.

Adding a Catalog To Your Site

Hover over the eCommerce tab on the top menu bar then click on the Catalogs option on the 2nd level menu.

Adding a catalog gives us 'placeholder' on our website to display each of our products. You're going to create a new book catalog called "Cooking, Food and Wine". Feel free to make a catalog for products from your own shop instead, create a catalog by clicking on 'Create a new Catalog' inside the action box.

This will bring up the Catalog detailed form where you can enter the information for your new catalog.

In this form you'll need to:

1. Enter a name for your catalog
2. Upload a small image (110x110 pixels) as the thumbnail image for the catalog
3. Change the 'Template' so that 'Use Default Template' option is selected. This will ensure that the catalog look and feel is the same as the website and other catalogs
4. Choose the parent catalog, catalogs can be subcatalogs within other catalogs, if there is no parent catalog then set the parent to 'Root'
5. Save the catalog

This completes the catalog creation process. If you've set Catalogs parent catalog to 'Root' then you'll have to add the Catalog to a page or to a menu by using one of the options in the action box.

Add Products To Your Catalog in 3 Simple Steps

Hover over the ecommerce tab on the top menu bar and click the products option on the menu that appears to bring up your products manager.

You'll see a list of all the products inside your online shop listed in alphabetical order. Clicking on any of these products will bring up the detailed edit view for that product.

For this tutorial you're going to add a new product here and then add this product to the catalog you created above. Each product can be added to as many catalogs as you wish.

Click on the 'Create a New Product' button inside the action box to bring up the detailed product view to enter the product information. You're going to enter the details for a cookbook as part of this tutorial but feel free to use your own example.

Step 1: Fill in product details

1. Type in the product name "Cook With Jamie - My Guide to Making You a Better Cook"
2. Upload a small thumbnail image for the book cover (use the sample provided "CookJamieOliver-Small.jpg"), note that thumbnail images should be 120x90pixels in size
3. Upload a large detailed image (use the sample provided "CookJamieOliver-Large.jpg") - note that the best size for large product images is approximately 450x320pixels
4. Provide a brief description of your product in the "Product Description" editor. There's sample text contained in "CookJamieOliver-text.txt"

Step 2: Enter product prices

Choose the currency that the product will be sold in and a enter a Sell Price ($24.75). You can add multiple currencies here depending on which countries you sell to. Click 'Save Price'. You can also add a 'Recommended Retail Price' to show that your product is being discounted.

Step 3: Add product to a catalog

Finally you need to add this product to a catalog - select the catalog (Cooking, Food and Wine) that you want the product to appear in and click on the Move to Catalog button to move the product into the catalog. Products must belong to at least 1 or more catalogs to be displayed on your site.

Go Shopping On Your Own Website

You've added a catalog and product so it's time to go visit your own live website and view your products online. In just a few simple steps you've added a new catalog, a new product to your website without the need for a webdesigner or a programmer!

There are links to more advanced e-commerce topics below to help you with your payment gateways, shipping options, shop customization etc.

• Tutorial 2.1: Ecommmerce product advanced options
• Tutorial 2.2: Configure my shipping options
• Tutorial 2.3: Configure my payment gateways
• Tutorial 2.4: Customize my ecommerce look and feel including products, catalogs, shopping cart and invoice layouts
• Tutorial 2.5: Advanced ecommerce options includes upselling, cross-selling, bulk discounts, product grouping
• Tutorial 2.6: Applying Tax Codes
• Tutorial 2.7: Offering Discount Codes
• Tutorial 2.8: Offering Gift Vouchers
• Tutorial 2.9: Setting up Affiliate Programs