Skip to end of banner
Go to start of banner

Check-list: empower your Website Layout with Narratives

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 34 Next »

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.

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

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

________________________________

2

Landing pages

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

________________________________

3

Top category 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)) ?

________________________________

4

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

________________________________

5

Brand pages

  • The entire zone below menu until footer is a Narrative

6

Product listing 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
  • _______________________________
7

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

________________________________

8

Product detail 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?

________________________________

________________________________

9

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?

________________________________

________________________________

10

Basket overlays

  • The entire Overlay is a Narrative

What are the covered Overlays?

  • add to basket
  • current basket content
11

Other overlays

  • The entire Overlay is a Narrative

What are the covered Overlays?

  • newsletter registration
  • welcome back
  • _______________________________
  • _______________________________
12

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?

________________________________

________________________________

13

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?

________________________________

________________________________

14

Account page

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

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

________________________________

________________________________

15

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

Download our sample Layout Block:

  • Value Symbols
  • Parameters
    • Image (localized)
    • Text (localized)
    • Sub-text (localized)
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)
  • No labels