Widgets help you to track important insights, personalize your view, and present a clear data story instantly. This guide will help you understand how to create, configure, and manage widgets to tailor your dashboards to your specific needs.
Add a widget
1. Click the '+ Add widget' button at the top right of the dashboard.
2. Create your custom widget or choose one of the widget templates.
If you want to create your custom widget, choose one of the following widget types and follow the steps in the widget creator:
Single value widget
|
After selecting the 'Single value widget' option:
|
Line chart widget
|
After selecting the 'Line chart widget' option:
|
Table widget
|
After selecting the 'Table widget' option:
Note: If you want to compare the chosen metric on a device or segment level, the comparison will be displayed as a percentage increase/decrease. To get the exact numbers, hover over the category you want to drill down into: |
Image widget
|
When choosing your Image widget type, you have two options:
If you prefer to create an image from a page group, select the 'Select a page group to get a preview' option and choose your desired page from the drop-down. Then, a window will open, displaying a live version of your website with the selected page group. You can navigate through the new window, close any cookie pop-up, or intentionally focus on a particular pop-up. Note: Capturing a screenshot from your site won't work if you have an add blocker on. When you are ready, click the 'Capture' CTA, and the number one will appear right beside the "Save to Contentsquare" option. Click 'Save & Close', and you will be taken back to the widget creation panel. Here, you will see a preview of the image. Note: The image will only display the top part of your page. If you are satisfied with the image creation, click 'Add widget', and the Image widget will be added to your dashboard. |
Funnel widget
|
After selecting the 'Funnel' widget:
Once done, click 'Add widget' and the results will instantly appear in the widget diagram, under the widget group you chose. |
Placeholder widget
Manage the layout of your dashboard with the placeholder widget.
This will create a blank widget so you can use it to adjust the spacing layout of your dashboard.
You can also select a widget template to automatically apply a pre-configured set of settings:
- Average scroll depth: Measure the percentage of the page users scroll down to.
- Average time on page: See how long people are spending on a specific page.
- Exit rate: Measure the percentage of users who end their sessions from the selected page.
- New vs. returning: Compare new and returning user sessions over time.
- Number of clicks: Track the number of clicks that occur on a specific page.
- Number of sessions: Track the number of sessions that contain a specific page.
- Page views with rage clicks: Track the number of views with rage clicks on a specific page.
- Page with rage clicks: Identify which pages are most frustrating and confusing.
- Rage click: Identify rage clicks over time to understand user frustration and take action to improve the user experience.
- Top pages: See the top 10 pages by sessions to identify which pages drive the most traffic and easily dive deeper into user behavior via Session Replay.
- Top countries: See the top countries driving traffic to understand user behavior across regions better.
- Top traffic channels: Compare top traffic channels.
- Usage by browser: Measure the number of sessions by browser.
- Usage by device: Measure the number of sessions by device type.
- Usage by operating system: Measure the number of sessions by operating system.
Once you select the widget template, you can further customize it by:
- Defining the analysis scope. If you choose to measure the performance of your metric on a page group level, you'll have the option to select a page group on the fly or a page group from a mapping.
- Selecting a device.
- Selecting or building a segment.
Move and resize your widgets
Hover over the top central section of the widget to drag and move the widget.
Hover over the widget and a tooltip labeled “Resize widget” will appear in the bottom left and right corners.
Use the grid to see available resizing options.
Widgets will have a default, minimum and maximum size based on the widget type:
| Type | Default size | Minimum | Maximum |
| Single value | 2x2 | 2x2 | 8x2 |
| Line chart | 4x4 | 3x3 | 8x6 |
| Data table | 4x4 | 2x4 | 8x4 |
| Funnel | 4x4 | 4x4 | 8x4 |
| Image | 2x2 | 2x2 | 8x4 |
Edit your widget
Click on the more options menu to view additional actions.
Click on the 'Edit' option to rename your widget or change the analysis context by selecting a new mapping, page, segment or metric to analyze.
Each metric is organized into categories: Attractiveness, Performance, ROI, Interaction, and last used to save you time.
Groups of Widgets
Creating a group of widgets help you organize related data into cohesive sections within your dashboard. By grouping widgets, you can create a more structured and intuitive layout, making it easier to analyze and compare key insights.
Add a new group
1. Click on the more options menu next to “Add widget”
2. Click on “Create new group”. (The number of groups you can add is unlimited)
To rename a group, you can click on the name and change it directly from there.
You can re-order the groups by going to the more options menu next to “Add widget”, selecting the “Re-order group” option and clicking on the arrow displayed. This will change the position of the groups shown on your dashboard based on the order you select.
You can move widgets between your existing groups by going to the more options menu in the widget.