Shopping Cart | The Product Settings window

Step 1 - Settings > Shopping Cart > The 'Product List' section >

Shopping Cart | The Product Settings window

Previous pageReturn to chapter overviewNext page
Show/Hide hidden text

The Product Settings window opens when you select the New Product or Edit... commands in the Shopping Cart | Product List section, and you can define and add a new product.

The window is organized in the following sections:

General
Image
Properties
Options
Details
Digital product
Discount
Availability
SEO

Underneath the commands you can find the first image among those you possibly set for the Product (using the Image section).

If you selected more than a Product (using the CTRL and SHIFT keys) on the Product List:

the options which must be set individually will be disabled;
the option which can be set for multiple products will be active;
the option Apply changes on this section for all the selected products will be available.
Click to expand/collapseReference: Commands in the General section

You can use the commands in this section to give basic information on a new product to add to the Shopping Cart.

The options for defining a new product are:

Name/Code: you can give a name to the product.
SKU Code: here you can find the SKU code associated to the selected product. This code won't be displayed on the store, but it can be used to perform a search both on the online store as well as within the  WebSite X5 work environment.
Brief Description: you can write a brief description of the product.
Price: you can specify the price of the product.
VAT (%): you can specify which Group should be associated to the Product and, consequently, which kind of taxation should be applied.

The default tax is related to the language chosen during the software installation (for instance VAT 22% in case the software is in Italian). You can create Groups with different taxes using the commands you can find in the Options section. Once created, the Groups are reported in the list and can be selected for the Products.

Weight: enter the weight of the current product, so that the correct shipping charges can be calculated (see The Shipping Type window).

Depending on the type of product you want to add to the shopping cart, you can use the Weight option to express the weight in kilograms or grams, liters, cubic meters or any other unit of measure. Shipping costs need to be calculated correctly so it is important to choose the most appropriate unit of measure and apply it to all the products in the shopping cart.

Set this Product as 'New': if you select this option, the current product will be marked as "New".

Products that are marked as "New" have a different icon to the others in the Shopping Cart | Product List.

If you have selected the Set this Product as 'New' option for a product, its product card created with the Product Catalog Object will have the "New Product" rosette in it.

Click to expand/collapseReference: Commands in the Image section

You can use the commands in this section to add photos and/or video to a product in the Shopping Cart.

You can import a number of photos to create a Slideshow of the product: when visitors click on the single photos, an enlarged version will be shown in the ShowBox.

Only the first photo associated with a product is shown in the shopping cart. The others can be seen in the product card, if you create one using the Product Catalog Object.

The options for creating the list of photos to associate with a product are:

Add... / Remove: you can add new files or remove the ones you have selected. You can import both graphic and video files.

You can select the triangle icon Add... to display a submenu reporting the following entries: Add Image..., Image from Online Library..., Add Video... and Add YouTube/Vimeo Video....

The Image from Online Library... command opens a window containing an Online Library with millions of Premium Images and Free Images where you can the images you want to import.

If you open the Add YouTube/Vimeo Video... window, you can specify the URL address of videos that you want to add from portals such as YouTube™ and Vimeo.

Move up / Move down: you can change the order of the photos added to the Slideshow, moving the selected photo up or down to a new position in the list.
Edit...: this option opens the Image Editor where you can edit the selected photo.

The following options are available in the ShowBox Properties section:

Maximum size: you can specify the maximum width/height of the Showbox where enlarged versions of the photos are displayed. Leave the Keep Ratio selected to keep the ratio between width and height.

You can customize the style of the Showbox: using the options in Step 2, in the Pop-up window Showbox window, you can define colors, shadows, opacity, entry effects, etc.

Click to expand/collapseReference: Commands in the Properties section

You can use the commands in this section, which is available in the  Pro edition of WebSite X5  only, to set the specific Properties for the product you are working at.

 

By defining the Product Properties you will be able to activate new filters in the Product Search Page. For instance, if you create the "Brand" Property and you set it for all the Products of your Online store, your customers will be able to filter the products by using the appropriate brand filter.

Each Product reports a list of the Properties you already added for the other Products. This list is in alphabetical order and reports both the Properties added for other Products within the same category as well as those reported for other categories as well.

You can edit the list of Properties by using the following commands:

Add...: you add a new Property by reporting the specific name..
Remove: you remove the selected Property for all the linked Products, not only for the current Product.

You can set an existing Property to a new Product simply by selecting it on the list.

You can click next to the reported Property in order to add a Value which the current Product takes on: you can select an existing value available in the drop-down list as well as report a new one.

After having set the Product Properties you need to go to Shopping Cart: Search, where you can set them as filters to be used in the Product Search Page of your online store.

Click to expand/collapseReference: Commands in the Options section

You can use the commands in this section to create the list of options and, in the Pro edition,  sub-options that are available for the new product you are adding to the Shopping Cart.

The main options of a product are, for example, the size, color and alternative models of the same product. For example, the "XY T-shirt" may have the main size options  "S", "M" and "L": in the Pro edition,  the sub-options for "S" may be "Black", "Red" and "Green"; the sub-options for "M" may be "Black" and "White", and so on.

Customers can view a complete list of the available options in the e-commerce shopping cart and/or the product cards created using the Product Catalog Object, and select the one he wants to order.

The commands for creating the Main Option List are:

Add...: you can add the new main option for the current product. It will be displayed in the Main Option List and you can define it, using the options in the Main Option Settings section.
Remove: you can delete the selected main option from the Main Option List.
Move up / Move down: you can change the order of the main options in the list, moving the selected option up or down to a different position.

You can define the main options in the Main Option Settings:

Name/Code: give a name or code to the main option you are creating for the current product.
Price difference: specify the variation in price for the main option, with respect to the Price of the product indicated in the General section.
Weight difference: specify the variation in weight of the main option, with respect to the Weight of the product indicated the General section.
Sub-options List: specify the sub-options that are available for the main option of the current product. You can create the list of sub-options using the Add..., Remove and Rename... buttons.
Click to expand/collapseReference: The commands in the Details section

Using the commands on this section, you can set a possible link to a page reporting more details about the selected Product.

You can choose among:

None: No link is available for the selected Product.
Product Sheet Page: You can set a link to the Product Sheet Page, which is automatically generated by the program and reports more details about the product in a neat and clear way, so the potential Customer can find the information he or she is looking for and proceed with the order.

In this case you can possibly add some more Details which will be reported in a text form on the Product Sheet Page directly. Using the text editor (which is the same as the one available for the Text Object) you can then report a longer description, technical information or any other useful details. Use the tabs to report the information in a more clear and efficient way, so the page isn't too long.

You can preview a Product Sheet Page by selecting the Product from the List in the Products section and clicking on the Preview button.

Link: You can set a link for the selected Product.

Use the   button to open the Link  window and select the action you want to perform. You can for instance link a PDF technical data sheet or a specific page of the Website, possibly reporting more information about the product.

Click to expand/collapseReference: Commands in the Digital product section

The commands in this section are only available in the Pro of WebSite X5. You can use them to specify whether the product you are configuring is a digital product, where customers don't receive a physical delivery of goods but, instead, they receive an e-mail containing the link from where the relative file can be downloaded.

If you want to configure a digital product, select the Digital product option. Then you have to indicate the file that is to be sent as a link when the order is dispatched. You can choose which File type to use:

Local File on PC: click on the button to browse through the files on your PC and choose the one relating to your product. The file will be automatically loaded online when the website is published.
Internet file: in this case, you must give the URL address of the product's file where it can be found online.

Once you have specified the product's file, you have the following options available:

Use temporary download link: if you choose this option, a temporary link will be created when an order is dispatched. The address in the temporary link isn't the actual URL address of the file, and it is this temporary link that is given to the customer for downloading the file.
Number of days download link is valid for: if you have selected Use temporary download link, you can specify the number of days that the temporary link will be active for when the customer receives it.

Temporary download links help to protect your digital product: the URL of the original file is not displayed and, therefore, cannot easily be found and shared on the Internet.

Remember that:

a different temporary download link is created for each order
the temporary download link becomes active when the order dispatch e-mail, containing the link, is sent to the customer.
Delivery information: with this option, you can write any useful information on downloading and using the file that the customer may need, and this will be included in the order dispatch e-mail.

If you want to sell digital products in your online store, you must first select the Send data to a Database option as the Sending order method in the Shopping Cart | Sending order window.

Click to expand/collapseReference: Commands in the Discount section

You can use the commands in this section to set a discount for the new product in the Shopping Cart.

If you tick the Enable Quantity Discount option, you can create a list of the discounts to apply according to the number of products ordered. These bulk discounts are shown in a list, and the commands for creating them are:

Add...: this command opens the Quantity Discount window, and you can add a bulk discount for the current product. You can define the product Quantity that must be the same as or more than the order for the Discount (%) to be applied.
Remove: you can delete the selected bulk discount from the list.
Edit...: this command opens the Quantity Discount window, where you can change the selected bulk discount. You can also double-click on the discount to edit it.

In addition to bulk discounts, in the Pro edition of WebSite X5 there are other types of discount that can be applied:

Fixed Discount: you can have a fixed discount on the product price, equal to the amount indicated in the field provided.
Percentage Discount: you can specify the discount as a percentage of the product's price, entering the percentage in the field.
Valid from / Expires on: these options specify the date (using the calendar that appears) and the beginning and end of the validity of the Fixed Discount or Percentage Discount.

The discount you choose can then be used to create a coupon, with this option:

Apply the discount rate with the Coupon: if you select this option, the fixed or percentage discount will be applied only if the customer enters his coupon code in the field provided. If a time limit has been set for the discount, the coupon will be valid for that period.

The coupon code can be a string of alphanumeric characters, a word or a short phrase: these are no limits to the code, but we do advise you to use simple codes to aid the users. The Apply the discount rate with the Coupon field displays a list of all the coupons you have created, for your convenience.

The shopping cart field in which the coupon code is entered is case-sensitive: if the same two words are entered, they are differentiated by upper- and lower-case letters.

If you apply a fixed/percentage discount to a product, the bulk discount is calculated on the discounted price.

Click to expand/collapseReference: Commands in the Availability section

You can use the commands in this section, only available in the Pro edition of WebSite X5, to add information on the availability in stock of a new product in the Shopping Cart to its description.

First of all, you have to choose from the menu whether and how you want to show product availability. Various options are available, depending on the item you choose in the menu. These options are:

No information on product availability: this is the default value: no further information on the product's availability is added.
Approximate quantity: choose this option for a general indication of product availability, indicated by the color of the icon shown next to the product name. In this case you can choose from:
In Stock: The product is available and there are no shipping delays.
Limited availability: The product is out of stock or awaiting delivery. Shipping may be delayed.
Out of Stock: The product is no longer available and cannot be added to the cart.
Available quantity: choose this option for a precise indication of product availability. In this case, the number of articles available is shown next to the product name. The parameters for setting the Available quantity are:
Quantity currently in stock: this displays the quantity of products currently available. The date and time of the last quantity update is shown in brackets.

The Quantity currently in stock option displays a read-only field: it gives the quantity but you cannot change this value. The value is updated when the website is published online, according to how Quantity to add/remove has been set up and on the basis of the order situation handled via the online Control Panel or the WebSite X5 Manager app, or you can use the Update button in the Shopping Cart | Product List window.

Quantity to add/remove: this indicates how many product articles must be added or removed, with respect to the Quantity currently in stock.
Warn if quantity falls below: this indicates the minimum quantity of product articles that must be available in stock. When the level goes below this amount, a warning message is displayed in the summary table in the Shopping Cart | Product List window and the products in question are added to the Low Stock tab in the E-commerce section of the online Control Panel and the WebSite X5 Manager app.

To be able to set the Available quantity of products, you must first select the Send data to a Database option as your Sending order method, in the Shopping Cart | Sending order window.

Depending on current availability, the product description (shown in the product card that is created with the Product Catalog Object,  or in the e-commerce shopping cart) will also include an icon (if you use the Approximate quantity method) or a number (if you use the Available quantity method). You can define icon styles with the Product Availability option in Shopping Cart | Options.

Orders and stock availability can be managed either from the online Control Panel or with the WebSite X5 Manager app. The app lets you enable push notifications for when stock levels fall below the specified minimum quantities.

Click to expand/collapseReference: Commands in the SEO section

The options available in this section are active only if you have activated the Product Sheet Page option on the Details window: you can use these options to set some necessary parameters to optimize the Product Sheet Page itself.

Page URL: this gives the URL address for reaching the page when it is published online. The field is divided into two parts: the first part cannot be changed and it shows the initial portion of the URL, taken from the WebSite Address (URL); the second part repeats the product’s name, and it can be changed.

The URLs for the Product Sheet Page must be created correctly so that they are easy to remember for users and help gain good search-engine rankings. Remember that:

any changes made to the page’s URL do not affect the name of the Product;
the URL must be unique, so it is not possible to give the same address to different pages.
Tag 'Title': the field where you’ll enter the title that will be inserted as the value of the <title> tag in the Page's HTML code.

If this option is not activated, the Name/Code specified in the General section is automatically reproduced as the value of the <title> tag.

It’s useful to be able to differentiate between the text inserted as Name/Code from the Tag 'Title’ text. In fact, the former should be written with the Users reading the Product Sheet Page in mind, and should be compelling; the latter, instead, should be composed with the intent of optimizing the Page for Search Engines, using the keywords you intend to rely on.

Tag 'Description': the field where you’ll enter the description that will be inserted as the value of the Description meta tag in the Page's HTML code. This text is generally used by Search Engines to create the snippets seen in the SERP (Search Engine Results Page): to be effective, it should be concise and meaningful.

If this option is not activated, the Brief Description specified in the General section is automatically reproduced as the value of the Description tag.

Tag 'Keywords': the field where you will enter the keywords (each separated with a comma) that will be inserted as the values for the Keywords meta tag in the Page’s HTML code. Search Engines will use them for indexing.

 


Read the guides:

-

How to create a product catalog

-

How to set and manage the VAT on the store

-

How to add product variants

-

What's the Product Sheet Page and how to use it

-

How to define product availability

-

How to create custom filters for the Product Search page

-

How to present the products of your product catalog