User GuideWeb Pages

Web Pages

Sana Commerce 9.0
Your connector

Product Pages



In Sana Admin click Web pages > Product pages.

Under the Product pages menu item you can see the list of all products from the database.
Products cannot be created or removed from Sana Admin. The core product data, like title, item number, price, visibility of a product in the webstore are all managed in the ERP system. Product pages in Sana Admin are used to manage product details.

When a page is filled in with content you can preview it to see how it will look in the webstore before saving it.

You can search for a product page by item number or title of a product. The product pages can be also sorted by item numbers.

Create a product description

To manage product details find the necessary product and click Edit.

The tables below provide the description of the product page fields.

Basics

Field Description
Title Enter the title of a product. It is shown on the product details page in the webstore. By default the product title is retrieved from the ERP system. If you enter the product title in the Title field, it will override the product title from the ERP system. The product title from ERP will be redefined only on the product details page. In all other places the product title from ERP will be still used.
URL Enter the custom product page URL. Specify the part of the product page URL which will be used after your webstore address.

Example:

  • bike
  • roadbike/bicycle

If the URL field is empty, the product title and item number will be used in the URL by default.

Main navigation item Specify the main navigation item. This is the navigation path to a product. The canonical product URL is determined by the main navigation item.
Main description Add the product description. Use HTML editor to format the text and apply styles, insert links and add images.
Product description can be also added in the ERP system, but Sana Commerce provides HTML editor for better text enrichment. The product description from Sana Admin has higher priority.
For more information about product description in Microsoft Dynamics NAV, see 'Item Description'.
For more information about product description in Microsoft Dynamics AX, see 'Product Description'.
For more information about product description in SAP Business One, see 'Item Description'.
For more information about product description in SAP, see 'Product Description'.

Advanced

Field Description
Meta title Add meta title and meta description to the product page.

Meta title is shown in the Web browser on a tab of the opened page. If the Meta title field is empty, the title of the opened page and the name of the webstore set in the Sana Admin settings will be shown on the tab of the Web browser. If you enter a meta title, you can also use the [SHOPNAME] replacement tag. This tag will be automatically replaced with the webstore name set in the Sana Admin settings.

Meta title and meta description should include keywords relevant to the content of a page. They are read by the search engines but are not shown on the page. Meta title and meta description are important factors for a successful search engine optimization of your webstore.

Meta description
Middle content In the Middle content and Footer fields you can add some extra content that is shown in the middle of the product details page and in the footer.

The following content elements can be used:

  • Text
  • Image tiles
  • Child menu items
  • Product set
  • Full-page banner
  • Unique selling proposition (USP)

The Text content element allows adding text and formatting it, links and images and embedding videos.

The Image tiles content element allows adding up to four image tiles. On the page the image tiles are shown in the row. For each image tile you can add an alternative text and link an internal page or external URL or you can create a new blank page that will be automatically linked to the image tile. Select the Open in new tab check box if you want the page linked to the image tile to be opened in a new tab when clicking on the image tile. You can also add a description to each image tile that is shown below the image in the webstore.

The Child menu item content element allows displaying the images which are linked to the child menu items in the menu tree. This content element is not configurable or editable, you can only add it or delete. If the Child menu item content element has been added, the images which are linked to the child menu items will be shown by three in a row on the flexi-page. A customer can click on the image to move to the linked page.

The Product set content element allows adding an existing product set to the product page or creating a new one. To add an existing product set you can search it by title. If you create a new product set it will be automatically linked to the product page. The products form the linked product set are shown by four in a row on the product page.

The Full-page banner content element allows adding the banner image. It takes the entire width of the page. You can also add the title, sub title and button with the linked internal page or external URL that will be shown on the banner image.

The USP content element allows adding up to four image icons with text. It is usually used for advertising and marketing purposes to explain in just a few words what makes your webstore unique. On the page the icons with the text are shown in the row.

The number of content elements that can be added to the flexi-page is not limited. You can also change the order of the content elements by dragging and dropping them. The content elements are shown on a page in the order they are arranged.

Footer
Page layout Use Page layout to redefine the product details page layout set on the customer level.
Under the Design menu item you can define page layouts per customer group that will be used for all product pages. But you can also redefine page layout per individual product details page.
For more information about page layouts that can be set on the customer level, see 'Design'.

From the Product page you can also add product images. Click Choose File to upload product images and add them to the product description to be shown in the webstore. You can change the order of product images simply by dragging and dropping them. On the product details page in the image carousel the product images are shown in the order they are placed in Sana Admin. For more information, see 'Product Images'.

Translate a product description

Under the Product pages menu item you can select a language and translate any product page to the selected language, if your webstore is multi-lingual. Two columns Title will be shown, when the language is selected. The first column stores the product pages in the default language (English), the second column holds the translated product pages into the selected language. If in the second column you see a greyed out link Translate, this means that there is no translation for the related product page. You can click Translate to translate the content of the related product page.

You can also translate any existing product page from its content management page. Locate the product page you want to translate and click Edit. On the product page select a language into which you want to translate its content.

When you translate the product page it is presented in two columns. The first column holds the product page content in the default language (English) and it is not editable, while in the second column you can provide translation to the product page title, URL, main description, meta title and meta description, middle content and footer.

User GuideWeb Pages