Software Tutorials

Cate

How to: Add a Product to Your Bluepark Online Shop

Friday, 29 August 2014  | 

How to add a product to your Bluepark online shop

Skill Level: Beginner

You’ve decided what products you want to sell on your new online shop and have taken, or have been supplied with, photographs of all of them, but what now? How do you go from a collection of photographs to actually having people purchase them online?

To add the images to your website you will have to set up products much like you would when creating an inventory of them. Each one will have a code, name, price, description and stock level.

There are two ways to add products to your Bluepark website, manually, which we will focus on in this post, and via an import using a CSV file which you can find more information about here.

 

Getting to know the Product Manager

Each of our free trial sites is supplied with ten sample products already loaded to the site. It is good practice to familiarise yourself with these products both in the admin console and on the website to see how they are set up and how they appear to the customer.

In the admin console, on the menu across the top, go to Catalogue > Product Manager.

Product Manager

In here you will see a summary of all ten products listed with some of the most important information displayed alongside. These pieces of information are:

Set – Green flag means it is active, red flag means it is inactive, orange flag means active but discontinued
SKU – Stock Keeping Unit or code number
Title – The name of the product as it will appear on the website
FG – Featured Globally – these products will appear in featured products blocks on non-product or non-category pages
Dis – Discontinued products – for items you will no longer sell once the current stock runs out
Selling – The price the customer will pay
List – The RRP or Was price of the product
Quantity – How many are in stock
Res – How many products are reserved. Reserved products are those that have been purchased but have not yet been dispatched.
Last Modified – when was the last change made to the product
Thumbnail of the main product image

The Action column contains four icons you will find in most areas of the admin console so, again, it is helpful to familiarise yourself with these.

View on site icon View On Site – whenever you see this icon you can view the section you are editing on the website. It will open up in a new tab.
Edit icon Edit – click this icon to edit the section
Copy icon Copy – this icon allows you to make a copy of the section
Delete icon Delete – click this item to delete the section

Once you have a long list of products you will often need to find a specific one to edit and the easiest way to do this is by using the Search function at the top. You can also browse for it by setting the different filters just underneath and then only the filtered products will appear in the list below.

Search and browse

You can view the variants of products by ticking the Show Variants option and which products are currently set to be Featured Globally.

Variants and featured globally

 

Adding a basic product manually

In the Product Manager click on the Create New icon Create new at the top right of the page to create a brand new product.

Properties Tab

  1. To set the product to be active on the site tick the Active field. This can also be set by clicking on the red flag in the Product Manager.
    Activate
  2. You must enter a SKU code, a product cannot exist without one. Every SKU must be unique.
    SKU field
  3. If you have a barcode and/or manufacturer’s part number fill these in the Bar code (GTIN) and Part number (MPN) fields
    Barcode and Part Number
  4. The Product Title is the name of your product and is a required field
    Product Title
  5. The URL text is what will show as the product’s unique URL within the address bar on the browser. For example, if your website address is www.mywebsite.co.uk then the URL text will sit at the end of this making your product URL www.mywebsite.co.uk/my-product.html.
    URL text

    TIP: Tick the box at the right hand side of the URL text field and the system will automatically create the URL text from your product title. Having keyword rich URL text will help with Google in terms of SEO.

  6. If your item is a branded product it is a good idea to assign the brand within the Brand field. If the one you want isn’t already available in the list select the Create New option at the bottom.
    Add a brand
  7. Leave all other settings on the Properties tab as they are and press save.

Content Tab

  1. Any text entered into the Short Description field is shown underneath the product image when shown as a list with other products. If you choose to fill in this field, you should keep it as short as possible.
    Short Description admin console
    Short Description website
  2. Add your product’s description into the Page Content field to tell your customers as much as you can about the product.
    Page Content
  3. Leave all other settings on the Content tab as they are and press save.

Images Tab

  1. Click on the Assign Product Images button at the top centre
    Assign Images
  2. In the pop-up window click on the Upload Large / Zoom Product Images button and navigate to the large product image on your computer, select it and click on Open. If you want to upload more than one image hold down the Ctrl key and click on the images you require before clicking on Open.
    Upload Images
  3. When you return to the pop-up window you will see the green progress bar(s) underneath the button. Once the upload is complete you will see a thumbnail of each image.

    TIP: The image at the top will be the first image shown on the website. If you wish to change the order of the images just drag and drop them into the required order.

    Images Uploaded
  4. Click on the Assign to Product button
  5. The system will automatically create the main, thumbnail and basket images and you will see a small thumbnail next to each field in the Images tab.
  6. If you have a video of your product make sure you upload it to your profile on YouTube and then you can insert the ID of the video into the YouTube video ID field.
    YouTube Video

    TIP: To find your ID navigate to your YouTube video and copy the end section of the URL after the equals symbol in the address bar. For example if the URL is https://www.youtube.com/watch?v=VPE-Q646_EM then you would copy VPE-Q646_EM

Values Tab

  1. Add the price the customer will actually pay (without any discounting promotions added) into the Selling Price field
    Selling and List Price
  2. Add the Was or RRP price into the List Price field. If you do not have either of these just leave it blank.
  3. Add in the amount of stock you have of the product in the Quantity in Stock field.
    Quantity in Stock

    TIP: If you don’t use stock levels it is advisable to add in a high number such as 1000 to each product instead of leaving it blank.

  4. Leave all other settings on the Values tab as they are and press save.

Categories Tab

TIP: All active products must be assigned to a category to be viewed correctly on the website. If you haven’t created any categories at this point you will need to go to Catalogue > Category Manager and create your categories first.

  1. In the categories list click on the category you want to assign the product to. If you wish to assign it to more than one category hold down the Ctrl key on your keyboard and select each category from the list.
    Assign Categories
  2. Click on the Assign Categories button and save.

Leave all other tabs as they are as these are for a more advanced set up. You can now view your product on the website by clicking the View on Site icon next to the Save icon.

 

For tips on how to make the most of your product pages have a read of the following posts:

10 Tips to Improve Your Ecommerce Product Pages
How to: Add Tabs to Your Product Pages
Best Practices for eCommerce Website Photos and Product Images