Versions Compared

Key

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

...

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.

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.

...

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?

________________________________

________________________________

910

Content Pagepages

  •  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?

________________________________

________________________________

1011

Basket Overlayoverlays

  •  The entire Overlay is a Narrative

What are the covered Overlays?

  •  add to basket
  •  current basket content
1112

Other Overlaysoverlays

  •  The entire Overlay is a Narrative

What are the covered Overlays?

  •  newsletter registration
  •  welcome back
  •  _______________________________
  •  _______________________________
1213

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?

________________________________

________________________________

1314

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?

________________________________

________________________________

1415

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?

________________________________

________________________________

1516

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 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)
    •  _______________________
    •  _______________________
    •  _______________________
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)
    •  _______________________
    •  _______________________
    •  _______________________

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)
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)
5

Value symbols / Top Header Message

Download our sample Layout Block:

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

6

Image

Download our sample Layout Block:

  •  Image
  •  Parameters
    •  Full Width
    •  Label (localized)
    •  Label position (top, bottom)
    •  Image (localized)
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)

8

Facets

Download our sample Layout Block:

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

9

Autocomplete

Download our sample Layout Block:

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

10

Html

Download our sample Layout Block:

  •  Search Autocomplete
    •  HTML (localized)

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)

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)

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)

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)
15

Overlays

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