eCommerce products

The trend of online shopping is increasing, so putting your products on an eCommerce website is an easy way for your customers to reach them.

Requirements

This tutorial requires the installation of the following applications/modules:

Create products

Create products from back-office

To create new products from back office, you can follow the steps provided in this article: Steps to create a new product in Viindoo.

Create products on website

To create new products from website, you go to Website ‣ New ‣ Product.

Create a new product

A wizard will be displayed and allow you to enter the product name. Click on the Add button to record the product name.

Enter the product name

First, you can edit the product image. At the product view, click on Edit > Double-click on the image, the system will show the view for the image adjustment.

The product page

You can change the image by uploading it from your computer, adding a URL, or typing a keyword in the search box.

Image selection wizard

Click on the Save button to update the products’ images.

Then, you can configure some information for your products on the website as follow:

  • Pricelist.
    On the website, you can select the price list which will be applied to the products.
    Pricelist
    For the pricelist configuration, please read this article: How to configure pricelist.
  • Price.
    In order to configure price of product, you click on Edit.
    Price product
  • Product Variants.
    Product variants are the list of product versions with different attributes in Viindoo system. For example: HP Laptop has different year of production such as 2019, 2020, 2021… To configure the product variants, please read this article: Guideline to use product variants.
  • Product Description.
    The system allows you to enter the information, the main features of the product.
    Product description
    To view how this feature will be displayed, please read this article: Steps to design, customize your Shop in Viindoo. Click on the Save button to record the configuration.
  • Terms and Conditions.
    Navigate to Website > Edit, the system will allow you to enter the terms, the shipping prices, the returning policies, the secure payment methods, and the conditions.
    Terms and Conditions Feature Terms and Conditions
  • Additional selling price
    Navigation to Website > eCommerce > Product. Then, click on the product, which you want to configurated for it. Finally, click on Attributes & Variants > Configure and edit at Value Price Extra field.
    add price
  • Discussion and Rating.
    The detailed configuration will be provided in this article: Enable comments and ratings on the website.
  • Alternative Products.
    The detailed configuration will be provided in this article: How to configure alternative products upselling.

Activate and manage products on your website

How to activate the product to display on the website?

Navigate to Website ‣ Products ‣ Products, select the needed product to post, for instance: The product with the name as HP Laptop.

Choose a product

In the product view, click on the Website button for navigating to this view on the website.

Go to the website

At this screen, enable the Unpublished button.

Unpublished button

The product status will be changed to Published.

The Published status

If you do not want to publish the product to the website, disable the Published button, the product status will be changed to Unpublished.

Published button

When you navigate to Website > Shop, you can see all your product. You can click on the product then click on Unpublished/Published to change publishing mode.

Note

The customers only can see your product on the website after the product is published.

Buying process on the website

For instance, the product HP Laptop has the following variants:

The products variants

To choose the product to buy, you go to Website > Shop, select the product you want to buy.

Select products on the website

After selecting the product, the system will display a list of products variants for you to choose from. When clicking on each variant, the image and the corresponding price of the product will be shown.

The products variants and the coressponding prices

After selecting the product and quantity, click on the Add to Cart button.

Add to Cart

From the shopping cart, you can adjust each product quantity as you wish.

The product's quantity adjustment

After that, you can proceed to checkout or continue shopping by clicking on the respective buttons.

Payment and Shopping