User GuideWeb Pages

Web Pages

Sana Commerce 9.0
Your connector

Flexi-pages



Sana Commerce comes with several default content and product pages that you can use to get started. Flexi-page is a content page that allows adding text using the HTML editor for better text enrichment, embedding videos and adding up to four image tiles with linked pages.

Create a flexi-page

The process of adding a new flexi-page is essentially the same for any type of page you create. Flexi-pages can be created in Sana Admin > Web pages > Flexi-pages.

Here you can create flexi-pages, edit or delete, translate into any available language, copy to another webstore in case of a multi-store solution, view a flexi-page in a webstore and set a flexi-page as a home page.

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

In Sana Admin you can search for a flexi-page by title and URL. You can also sort the flexi-pages by title and URL.

The tables below provide the description of the flexi-page fields.

Basics

Field Description
Title Enter the flexi-page title.
URL Enter the flexi-page URL. You should specify the part of the flexi-page URL which will be used after your webstore address.

Examples:

  • nowonsale
  • wintersales/25%off

URL is a required field only for the flexi-page in the default language (English). For the flexi-pages in other existing languages the URL field is optional. If you do not specify it, the URL of the default language (English) will be used.

Content Create the flexi-page content by adding content elements:
  • 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 flexi-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 flexi-page. The products form the linked product set are shown by four in a row on the flexi-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.

Advanced

Field Description
Meta title Add meta title and meta description to the flexi-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

Translate a flexi-page

Under the Flexi-pages menu item you can select a language and translate any flexi-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 flexi-pages in the default language (English), the second column holds the translated flexi-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 flexi-page. You can click Translate to translate the content of the related flexi-page.

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

When you translate the flexi-page content it is presented in two columns. The first column holds the flexi-page content in the default language (English) and it is not editable, while in the second column you can provide translation to the flexi-page title, URL, content elements, meta title and meta description. For the image tiles you can also inherit the navigation URL (internal page or external URL) from the source page or redefine it.

User GuideWeb Pages