Versions Compared

Old Version 8

changes.mady.by.user Sylvain Paillard

Saved on

compared with

New Version Current

changes.mady.by.user Sylvain Paillard

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Introduction

In this document, we provide a check-list te be used in your project management to ensure that Boxalino Narratives have been integrated into all the key parts of your website.A description for each point of the check-list is provided below the check-list as an explanation of what the point is and how to confirm the point is full-filled

Process Management

When you plan to redesign a part or the entirety of your e-shop, you can plan your Narratives in the following way:

  1. Project Managers define the Pages where narratives should play a role according to the Page Layout Check-list below

  2. Project Managers together with the IT confirm the selection and define a meaningful set of Narrative Layout Blocks (template) according to the Layout Block (Templates) list below

  3. It implements the Layout Blocks (in part based on the provided and links to Layout Blocks best practice schema provided in the Layout Block (Templates) list below)

Info

For Project Manager, get familiar with the concept of Narratives for your projects with our document: Project Management guidelines for Narrative Projects

Page Layout Check-list

In this check-list we identify what are the zones of the web-site pages which will be done with Boxalino Narratives.

By “zone”, we mean a part of the page (typically full width) with a starting and end position which consist in several Layout Blocks (a Layout Block can be a banner, a product slider, a product list, a brand slider, a list of blog entries, …).

Page(s)

Check points

Comment

1

All Pages

  •  (Conditional) Zone at the very top above the menu for Header Value Symbols / Top Message (see related Layout Block below)
  •  (Conditional) Zone just below the menu is a Narrative (to display a message, banner or product recommendations to some visitors (SEO/SEA) or on some specific pages)

These zones are dedicated to display important messages / information to the visitor when he lands on any page (possibly related to the traffic source). What are the key cases important for you?

________________________________

________________________________

2

Home page

  •  Main zone below menu is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

23

Landing Pagespages

  •  Page routing (including URL path, SEO, …) is controlled by Narrative
  •  The entire zone below menu until footer is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

34

Top Category Pagescategory pages

  •  Main zone below menu is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

45

Brands list page

  •  Main zone below menu is a Narrative, including brands listing

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

56

Brand pagepages

  •  The entire zone below menu until footer is a Narrative

67

Product Listing Pageslisting pages

  •  The entire zone below menu until footer is a Narrative

What are the covered product listing pages?

  •  category navigation
  •  brand pages
  •  in sales
  •  new products
  •  _______________________________
78

Search results page

  •  The entire zone below menu until footer is a Narrative
  •  The entire Autocomplete overlay is a Narrative

Do you integrate the Overlay to go directly to our API from the browser (it is much faster)?

________________________________

89

Product Detail Pagesdetail pages

  •  Important zone(s) directly below the main product information (and possibly on the side) is/are Narrative(s)

Where do(es) the zone(s) start and end?

________________________________

________________________________

10

Content pages

  •  Important zone(s) directly below the main content (and possibly on the side) is/are Narrative(s)

Where do(es) the zone(s) start and end?

________________________________

________________________________

911

Basket Overlayoverlays

  •  The entire Overlay is a Narrative

What are the covered Overlays?

  •  add to basket
  •  current basket content
1012

Other Overlaysoverlays

  •  The entire Overlay is a Narrative

What are the covered Overlays?

  •  newsletter registration
  •  welcome back
  •  _______________________________
  •  _______________________________
1113

Basket page

  •  A zone before the basket content is a Narrative
  •  A zone after the basket content is a narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

1214

Payment confirmation page

  •  A zone before the order details is a Narrative
  •  A zone after the order details is a narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

1315

Account Pagepage

  •  An important zone of the first appearing account page after login is a Narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

1416

About us (and other related) pages

  •  The entire zone below menu until footer is a Narrative

What are the covered product listing pages?

  •  About us
  •  Our History
  •  Contact us
  •  Impressum
  •  _______________________________

Layout Blocks (Templates) Check-list

In this check-list, we identify the list of Layout Blocks (or templates) which will appear in Boxalino Narratives.

Layout Block (Template)

Check points

Visual examples

1

Main Banner(s)

Download our sample Layout Block:

  •  Main Banner
  •  Side Banners: ________________________
  •  Banner Slider (or grid layout)
  •  Parameters: Get JSON Schema
    •  Image Desktop (localized)
    •  Image Mobile (localized)
    •  Title (localized)
    •  Text (localized)
    •  Text color
    •  Text alignment (left, center, right)
    •  Button Text (localized)
    •  Button text/background color
    •  URL (localized)
    •  Fine-print (localized,
      Desktop positioning lower end /
      Mobile : out of the banner below)
    •  _______________________
    •  _______________________
    •  _______________________
Image AddedImage AddedImage AddedImage Added
2

Category/Brand/Content Banner(s)

Download our sample Layout Block:

  •  Banner grid
  •  Banner slider
  •  Parameters
    •  Label (localized) (above banners)
    •  Image Desktop (localized)
    •  Image Mobile (localized)
    •  Title (localized)
    •  Text (localized)
    •  Text color
    •  Text alignment (left, center, right)
    •  Button Text (localized)
    •  Button text/background color
    •  URL or category id
    •  Fine-print (localized,
      Desktop positioning lower end /
      Mobile : out of the banner below)
    •  To all Link Text (localized)
    •  To all Link URL (localized)
    •  _______________________
    •  _______________________
    •  _______________________
Image AddedImage Added

Will be used for:

  •  Brands
  •  Categories
  •  Content
  •  ___________________
  •  ___________________
  •  ___________________
3

Product slider

Download our sample Layout Block:

  •  Product slider (with arrows)
  •  Product slider with image
  •  Basket Overlay gifts
  •  Basket Overlay product recos
  •  Parameters
    •  Label (localized)
    •  With Image (yes,no)
    •  Image URL (localized)
    •  Image text (localized)
    •  Imae position (left,right)
    •  To all / more Link Text (localized)
    •  To all / more Link URL (localized)
Image AddedImage AddedImage AddedImage AddedImage Added
4

Brand slider/list

Download our sample Layout Block:

  •  Banner Slider (with arrows)
  •  Banner logo list (1/2 columns)
  •  Brand name finder
  •  Parameters
    •  Label (localized)
    •  Image (localized)
    •  URL (localized)
    •  To all Link Text (localized)
    •  To all Link URL (localized)
Image AddedImage AddedImage Added
5

Value symbols / Top Header Message

Download our sample Layout Block:

  •  Value Symbols / Top Message
  •  Parameters
    •  Image (localized)
    •  Text (localized)
    •  Sub-text (localized)
Image AddedImage Added

6

Image

Download our sample Layout Block:

  •  Image
  •  Parameters
    •  Full Width
    •  Label (localized)
    •  Label position (top, bottom)
    •  Image (localized)
Image AddedImage Added
7

Product grid

Download our sample Layout Block:

  •  Product grid
  •  Parameters
    •  Name (localized)
    •  Number of results (localized)
    •  Sorting (list of localized values)
    •  List / grid Layout (list,grid)
    •  Product list
    •  Pagination
    •  Show more (localized)
    •  Infinite scroller (yes,no)
Image Added

8

Facets

Download our sample Layout Block:

  •  Facets
  •  Parameters
    •  (see Boxalino Technical documentation for list of available options returned in bx-facets parameters)
Image Added

9

Autocomplete

Download our sample Layout Block:

  •  Search Autocomplete
    •  Textual suggestions
    •  Product suggestions
    •  Brand suggestions
    •  Categories suggestions
    •  Content suggestions
    •  ______________________
    •  _______________________
    •  _______________________
Image Added

10

Html

Download our sample Layout Block:

  •  Search Autocomplete
    •  HTML (localized)
Image Added

11

Content / Blog / Magazin slider / list

Download our sample Layout Block:

  •  Content list
  •  Content slider
  •  Parameters
    •  Label (section title) (localized)
    •  Section icon (localized)
    •  Media type (image, video)
    •  Media URL (localized)
    •  Image position (left,right)
    •  Text (localized)
    •  Description (localized)
    •  Read more Link Text (localized)
    •  Read more Link URL (localized)
    •  To all Link Text (localized)
    •  To all Link URL (localized)
Image AddedImage AddedImage AddedImage Added

Will be used for:

  •  Articles
  •  Marketing messages
    •  _____________________
12

Newsletter subscription

  •  Newsletter subscription
  •  Parameters
    •  background image (localized)
    •  Title (localized)
    •  Sub-title (localized)
    •  Sticker color
    •  Sticker text (localized)
    •  Default e-mail (localized)
Image AddedImage Added

13

Text section

  •  Text section
  •  Parameters
    •  Title (localized)
    •  Title Image URL (localized)
    •  Columns (1,2,3)
    •  Text col1 (localized html)
    •  Text col2 (localized html)
    •  Text col3 (localized html)
    •  Read more Link Text (localized)
    •  Read more Link URL (localized)
Image Added

Image Added

14

Form

  •  Contact form
  •  Consulting form
  •  Parameters
    •  title (localized)
    •  description (localized)
    •  button color
    •  button text (localized)
    •  target url (localized)
    •  image url (localized)
    •  * star comment (localized)
      •  field name
      •  label name (localized)
      •  label type (drop-down, text, textarea, email, password, …)
      •  list of values (for drop-down)
      •  Icon
      •  Defaul text input (localized)
Image AddedImage Added
15

Overlays

  •  Subscription overlay
  •  Product recommendations Overlay
  •  Basket level Overlay
  •  Parameters (same as for banners above)
Image AddedImage AddedImage Added