Dashboards

A Dashboard provides an at-a-glance view of key data and statistics on a solution, e.g. order data, the total number of visitors, and query counts from e.g. PIM or User management. The information is displayed through Widgets of different sizes and formats.

The following Dynamicweb areas contain customizable dashboards:

  • Home
  • Ecommerce
  • PIM
  • Marketing

Dashboard layouts are personal – a solution is born with a default widget layout, but as soon as you make any changes the new dashboard layout is saved on the user. This ensures a persistent experience across sessions – and makes it possible to use the dashboard for workflow purposes.

There are broadly four types of Dashboard widgets (Figure 1.1):

  • Feeds (1)
  • Lists (2)
  • Counters (3)
  • Graphs (4)

There are also query widgets which can do all of the above, based on an index query.

Figure 1.1 A dashboard

The dashboard workspace is fully customizable, and you can create, edit and remove widgets as necessary.

To create or edit a widget:

  • Click Edit Workspace to open the configuration interface (Figure 2.1)
  • Click add widget to create a new widget– or click an existing widget to edit it
  • Configure the widget parameters
Figure 2.1 Editing the workspace

The workspace is divided into 12 columns, and the widget will be rendered according to their order on the widget list. You can select one or more existing widgets and click Delete selected to delete them.

To save your changes, click Close.

Dynamicweb ships with a number of widgets for you to choose from, they can roughly be divided into the following types:

  • Feed widgets
  • List widgets
  • Counter widgets
  • Graph widgets
  • Query widgets

Read about the widgets and configuration options available by default below.

The Feed widget lets you render the contents of a feed on the dashboard.

Name

Type

Description

Comments

Feed widget

Feed

Renders the contents of a feed

Use the parameters to change the feed source

The feed widget settings let you control the feed source (Figure 4.1).

 

Figure 4.1 The feed widget settings

The feed source must be in the JSONP format:

( { "items": [ { "Title": "Welcome to Dynamicweb 9", "Description": "Learn all about the platform and interface.", "Image": "https://dynamicweb.com/logo.png", "Link text": "Download the release presentation", "Link": "https://dynamicweb.com/Files/Files/ReleasePresentation/Dynamicweb-9-Brochure.pdf" } ] })

List widgets can render key data in list format, with a link to an appropriate frontend or backend location.

Name

Type

Description

Comments

Latest created orders

List

Lists the most recently placed orders on the solution

 

Latest created users

List

Lists the most recently created users on the solution

 

Latest edited paragraphs

List

Shows the most recently edited paragraphs on the solution

 

Latest visits

List

Shows the most recent visits to the frontend

 

There are no additional settings for list widgets.

Counter widgets count something – naturally.

Name

Type

Description

Comments

Pages in total

Counter

Shows a count of the total number of pages on the solution

Use parameters to select a specific website

Products in total

Counter

Shows a count of the total number of products on the solution

 

Summed orders

Counter

Shows the sum of all orders on the solution within a certain timespan

Use parameters to set a timespan – e.g. 1 day, 1 week, or 1 month.

Total orders in the solution

Counter

Shows a count of the total number of orders on the solution within a certain timespan

Use parameters to set a timespan – e.g. 1 day, 1 week, or 1 month.

Total visits in the solution

Counter

Shows a count of the total number of visits to the solution within a certain timespan

Use parameters to set a timespan – e.g. 1 day, 1 week, or 1 month.

Total number of users with “email allowed”

Counter

Shows a count of the total number of users on the solution with Email allowed

 

Users in total

Counter

Shows a count of the total number of users on the solution

 

They may or may not have widget-specific parameters, but they all support changing the widget color based on various thresholds (Figure 6.1).

This makes it possible to provide instant feedback on the state of KPI’s such as daily turnover, weekly visitors, etc.

Figure 6.1 A counter widget

Graph widgets render data in a bar, line, or pie format.

Name

Type

Description

Comments

Orders by day

Graph

Shows a graph of the orders placed within the last 7 days

 

Latest created users

Graph

Shows a graph of the users created per day within the past 7 days

 

Latest visits

Graph

Shows a graph of the visits per day within the past 7 days

 

You can use the type parameter to select the type of graph (Figure 7.1). The color parameter is only relevant for graphs of the type bar and line.

Figure 7.1 Graph widget settings

Query widgets present the data returned by a query in various ways.

Name

Type

Description

Comments

Query Counter Widget

Query/Counter

Shows a count of the data (e.g. products, files, users) returned by a query

Use parameters to select a type of counter and a field to count

Query Facet Widget

Query/Graph

Renders facet options for a particular facet in a graph-format, e.g. a pie chart of the values in the Manufacturer field

Use parameters to select a facet associated with the query

Query Grid Widget

Query/List

Renders a preview of a query result in table form

Use parameters to select the columns you want to show in the preview

Query List Widget

Query/List

Renders a list of items from a query

Use parameters to select 2 field values to render in the list

Query widgets are slightly more complicated to set up compared to other widgets. First, open the settings and select a query – then save. Next, open the settings again and configure the relevant fields:

  • For the Query Counter widget you must select a widget type (average, count or sum) and a field to apply it to. As with other counter widgets, you can change the background color based on thresholds.
  • For the Query Facet widget you must select a facet associated with the query. As with other graph widgets, you can select a graph type and a color.
  • For the Query Grid widget you must select the fields you want to render in the columns, as well as their width in %.
  • For the Query List widget you must select a two fields to render in the list view.