Design a board

Available since v3.1.0

Design mode

Open a board and click the Design button to enter design mode. In design mode you can add rows, adjust columns, and place components.

image

Add rows and columns

Click the Add row button to insert a new row. Each row can hold up to 4 columns. Click the Add column button within a row to split it further.

image

Add components

Click the Select Component button to open the component picker. Select a component type and configure its settings, then click Save to place it.

image

Components

ComponentGroupDescriptionBoard types
Metrics barTrafficKey metrics: views, visitors, bounces, time on site.All
Visitors chartTrafficPage views and visitors over time.All
Metrics tableTrafficTable of metrics by dimension.All
World mapTrafficGeographic distribution of visitors.All
Weekly trafficTrafficTraffic heatmap by day and hour.Website only
Event metrics barEventsKey metrics: visitors, visits, events, unique events.Website only
Events chartEventsCustom events over time.Website only
GoalBehaviorConversion progress for a saved goal.Website only
FunnelBehaviorStep conversion for a saved funnel.Website only
Realtime metrics barRealtimeLive views, visitors, events, and countries.Website only
Realtime chartRealtimeLive visitors and page views by minute.Website only
Active usersRealtimeCurrent visitors online.Website only
UTMGrowthList and pie chart for one UTM parameter.Website only
Revenue metrics barRevenueRevenue summary: total, AOV, ARPU, orders, and customers.Website only
Revenue chartRevenueRevenue over time.Website only
Revenue metrics tableRevenueRevenue breakdown by source or location.Website only
TextContentFree-form text content.All

Components marked Website only require a website data source. On mixed boards, each component has its own source selector, so these components become available when you choose a website as the component's source.

The Goal, Funnel, UTM, Realtime, Revenue, and Event Metrics components are available since v3.2.0.

Resize rows and columns

Row heights and column widths are resizable by dragging the dividers between them.