Step 3 - Map > The 'E-commerce: Product Sheet Page' window

By working with the Pro edition of WebSite X5, a Product Sheet Page is automatically generated for every product of the online store, where the potential customer can find additional details. Using the options available in this windows, which you can open by selecting the "E-Commerce: Product Sheet Page" entry on the Map and clicking on the Edit button, you can define the structure of the Product Sheet pages, decide if you want to display the related products and possibly activate the buttons to share the page and leave comments.

The window then reports the following sections:

▪

General;

▪

Comments.

Use the option in the Display section in order to define how the Product Sheet Pages need to be structured. You can choose among:

	Gallery on the left, details on the right.
	Details on the left, gallery on the right.

Now you can move on to the Style option, so to define some settings for the different elements:

▪	Width: you can define the Gallery width with a percentage in relation to the Page width.

▪	Gallery Height: you can define the Image Gallery height, expressed in pixels.

▪	Thumbnail Height: you can define the height for the thumbnails of the Image Gallery, expressed in pixels.

The Options box contains options to display or hide the Side Bars, and to invite readers to share the Related Products:

▪	Display products of the same category: if this option is active, a gallery reporting the Products of the same category is displayed

▪

Show the 'AddThis' Button to share your website.: if you select this option, the "AddThis" button is added automatically to every post in your blog. When a visitor clicks on this button a submenu is displayed with a list of the most common social networks. If the visitor is already a member of one of these networks, he can select it and share the link to the post with his contacts.

•	Button Type: you can select the graphics for the "AddThis" button from those available in the menu.

•	AddThis Account: if you have an AddThis account, you can specify it. If you have this account, you can view the statistics on how visitors are using the AddThis service.

For more information on the AddThis service, and how to open an account, click on the button to access the official www.addthis.com website.

You can use the commands in this section to organize comments made by visitors as feedback for the Online shop products.

First of all, you have to select the Let customers add Comments for the Products of your Online Shop.

Then you have to specify the Comment management system that you are going to use, choosing from:

	WebSite X5: this is WebSite X5's built-in system and offers a specific online Control Panel.
	Facebook: this uses Facebook's Social Plug-in to organize discussions and comments.
	Disqus: this is the system offered by Disqus.

According to the chosen Comment management system, you will find different options you can work with.

If you use WebSite X5's built-in Comment management system, you must define the Content Type that website visitors can leave, choosing from:

	Comment and Vote: visitors can write a comment and vote the website.
	Comment: visitors can write a comment, but they can't vote.
	Vote: visitors can vote, but they can't write a comment.

When you select Content Type, you will see the following options in the Comments Settings section:

▪	Vote Style: select this option to define the style of the element that visitors can vote (for example, 5 stars). This is the only option available if you select Vote as Content Type.

▪	Arrange comments in multiple columns: this option reports the comments on different flanked columns instead of a single one.

▪	Show 'Abuse' button: select this option if you want an "Abuse" button added, so that visitors can report objectionable conduct.

▪	Enable 'Captcha' anti-spam filter: you can add the Captcha anti-spam filter to the end of the comment form.

Use the command in the Privacy and Security | Security window to choose the captcha system that is to be used

▪	Comments per Page: this defines how many posts are to be displayed in the comments box.

▪	View Mode: you can decide whether comments made by visitors are to be published immediately online, or whether they are to be approved first, using the commands in the online Control Panel.

▪	View Order: you can define the chronological order to the published comments, from the most recent to the earliest, or vice versa.

Providers usually give write access to all folders on the server: if this is the case, you don't need to give the pathname of the public folder. In all other cases, contact your webspace provider for the complete public folder pathname.

You can check in the WebSite Test section of the online Control Panel whether the folder with write access, and any sub-folders inside i, actually exist and, if so, if you have write access to them (so that you can save the data).

If you aren't going to use the WebSite X5 Hosting, you will need to use the dedicated options available in the Server Settings window to configure the Database connected to the Project

Again, if you are using WebSite X5's built-in Comment management system, you can manage comments either from the online Control Panel or with the WebSite X5 Manager app for iOS and Android. The commands in the WebSite X5 Manager window let you install the app and enable push notifications.

The app will automatically send a notification to the website administrator each time a Product receives a new comment.

If you decide to use Facebook as the Comment management system you must define the following settings:

▪	Color: to set up light or dark colors for items in the foreground, in order to have a correct contrast with the background.

▪	Visible Posts: to define the number of posts to be displayed in the comments box.

For more information on how Facebook's social plug-ins work, see https://developers.facebook.com/docs/plugins/

If you decide to use Disqus as Comment management system, you can define the following settings:

▪	Disqus Short Name: this is the short name used to identify the website during the Disqus service setup. All comments received on a website will be automatically associated with the short name and can consequently be correctly loaded and displayed.

For more information on the comment management service offered by Disqus, see http://disqus.com/websites/

Read the guides:

-	What's the Product Sheet Page and how to use it?
-	How to set up the graphic style of the Product Sheet Pages?

The E-commerce Cart: Product Sheet Page window

The E-commerce Cart: Product Sheet Page window