Skip to main content

Widgets Overview

Everything you need to know about widgets to quickly and easily build and design beautiful reports for your clients.

Written by AgencyAnalytics Team

Widgets are the building blocks of your dashboards and reports. This article covers adding, customizing, and browsing widget types, as well as secondary dimensions and the full-screen view.


Add Widgets to a Dashboard or Report

You can add a variety of widget types to reports and dashboards, from charts and graphs to custom textboxes, image embeds, custom metrics, KPIs, and more.

The widget toolbar is displayed on the right side of any report or dashboard while in edit mode. Click any icon on the widget toolbar to expand a list of corresponding widgets.

Already know the name of the widget or metric you want to add? Use the search function at the top right of the widget menu to search for it by name.

The data tag identifies the specific data source for integrations with multiple sources. For example, Google Analytics 4 tracks 1-Day Active Users through conversions, pages, or traffic analytics, so the data tag tells you which one a widget is using.

Choose your desired widget, then drag and drop it onto your dashboard or report. Once added, you can resize the widget by clicking and dragging the bottom-right corner outward, and rearrange widgets by dragging and dropping them within the section.

Multiple widgets can be moved across sections at once using cmd+click on Mac or ctrl+click on PC, then dragging and dropping them together.


Browse the Widgets Catalog

We offer a variety of widget styles to give you flexibility when designing your layout. If you're short on time, pre-configured templates let you build layouts in just a couple of clicks.

Widgets fall into three main categories: widgets with a dimension, widgets without a dimension, and custom widgets. There is a breakdown of the options and why you might choose one over the other, depending on what data is most important to your client.


Widgets With a Dimension

Widgets with a dimension show data separated by category or range, like a breakdown by marketing channel, device, or ranking group. There are a variety of charts you can use to track that in different visual ways, depending on what is important about that metric.

Stacked Column Chart ("Stoplight" Chart)

Used exclusively with SERP tracking data, these charts illustrate the distribution of rankings over time across 5 ranking position ranges. Use the Stoplight chart when clients are interested in major SERP movements. It pairs especially well with a line chart showing the Google Change metric. The main customization options are tags and filters, letting you break out subsets of your keywords. Learn more about how to interpret the colored ranking charts.

Pie Chart

Shows the percentage each data category contributes to the whole. Pie charts are great for a quick, at-a-glance view of proportional distribution among a set of groups, like marketing channels or demographic groups. If a data set has a large number of groups, only the top groups are displayed to keep the chart easy to read. The main customization option is choosing the data set on which the pie chart segments.

Horizontal Bar Chart

Similar to a pie chart, this shows a proportional distribution across a set of groups, such as top backlink anchors, top Google Search Console landing pages, or top call tracking sources. Groups are ranked in order, showing their share of the total. Bar charts don't offer much customization beyond the default widget color and name options.

Map Chart

Shows the distribution of a selected metric by country, with darker colors for countries with a higher value. Typical metrics include sessions, conversion rates, and views. Map charts are useful for showing the importance of traffic and users from different countries for clients with a global reach. Most map chart widgets offer filters for segmenting the data.

Table Chart

Shows a metric broken down by dimension, with the exact value for each dimension displayed. Table charts are sorted in descending order, which is useful for clients who need precise data, like engagement, reach, or likes broken down by a geographic or demographic dimension. Table charts don't include much customization beyond the default widget color and name options.

Gauge Chart

Illustrates a metric as a percentage of the whole. Gauge charts are great for showing how a dimension category performs compared to the total, or how a metric performs on a given scale, such as the percentage of follow links versus total links. These widgets are only available for a few integrations, including metrics such as trust flow, citation flow, crawl summary, or average rating. Gauge charts don't include much customization beyond the default widget color and name options.


Widgets Without a Dimension

Widgets without a dimension show the entire data set with no separation across categories or ranges, either as a trend over time or as the full raw data set.

Line Chart

The classic widget for showing how a metric changes over time. Line charts work well for showing clients how an important metric has trended over a short or long interval and are available across a wide range of metrics and integrations. These widgets may or may not include a dropdown filter, depending on the metric; common filters include keyword filters and GA channels.

Stat Widget

Displays a single data point, a label, and an optional comparison to a previous period. Stat widgets are great for highlighting a specific, important metric, such as website sessions, ranking increases, or profits. Like line charts, they may include a dropdown filter based on the selected metric.

Sparkline Chart

A cross between a line chart and a stat widget: a top-level data point (a raw number or an up/down indicator) with a simple, legend-free chart underneath. Sparkline charts are great for showing overall performance while still giving clients context, and they are available across a wide range of integrations and metrics.

Bar Chart

Similar to a line chart, it shows a metric's evolution over time, with the time period on the X-axis and the metric's measurements on the Y-axis. While line charts emphasize the relationship between neighboring data points, bar charts emphasize how each data point compares to all the others. Examples include gains or losses in backlinks, sessions, pageviews, and CTR. Bar charts don't offer much customization, though some may include one dropdown filter.


Custom Widgets (Content Blocks)

Custom widgets let you tweak your dashboard to meet your agency's and your clients' exact needs.

Title Header

Helps organize a dashboard or report into sections. Since a dashboard can hold up to 100 widgets, larger implementations can get overwhelming without organization. Customization options include text, color, theme, size, and position.

Text Box

Add custom commentary, embed a screenshot, add your client's logo, and more. Customization is nearly limitless: change font size and color, apply formatting, upload images, and change the box's size and position.

Google Sheets Table

Embed a full Google Sheet into a report or dashboard, perfect for custom spreadsheets of sales data or any other data pertinent to a client's campaign. You can even export data from an unsupported integration into a Google Sheet (we recommend using Zapier) and pull it into AgencyAnalytics. Customization is limited to selecting the sheet to embed and adjusting the widget's size and position. Learn more about Google Sheets table widgets. If this is something you see using often, you should also check out Views, which allows you to combine and shape your data into exactly the table you need.

Google Sheets Stat

Displays the content of any cell from a Google Sheet in your Google Drive account, perfect for showing clients a marketing metric we don't natively support, like leads, customer success surveys, or sales data. Customization includes selecting the sheet and cell to display, plus the widget's size, position, color, theme, and title.


Customize and Configure Widgets

Once you've added a widget, click it to open the Edit Widget toolbar on the right. The selected widget highlights in your chosen brand color.

Most widgets share the same basic customization options, like changing the widget title, date range, or theme color. Different integrations, metrics, and formats also have additional filtering and annotation options. Click the tabs in the Edit Widget menu to review the options available for your selected widget.


Edit Multiple Widgets at Once

Editing multiple widgets together is a quick way to update dashboards and reports.

Step 1: Hover over a widget, then click the checkbox in its upper left corner. In the top widget menu, click Select All to include every widget in a section.

Step 2: The sidebar on the right updates to show all shared configuration options. We recommend deselecting custom content, such as headers or embed widgets, since integration widgets offer more configuration options.

You can also manually select multiple widgets with the checkbox or the cmd+click (Mac) / ctrl+click (PC) shortcut.


Remove Widgets

Step 1: Hover over the widget you want to remove and click the ellipsis menu in the upper right.

Step 2: In the dropdown, click Delete to remove the widget from the section instantly.

You can also delete multiple widgets at once by checking their boxes (or cmd+click / ctrl+click), then clicking Delete at the top of the page or pressing Delete on your keyboard.

Deleted a widget by mistake? Use cmd+z (Mac) or ctrl+z (PC) to undo the last action, or click the undo arrow in the top left nav bar.


More Options in the Ellipsis Menu

Hover over any widget and click the ellipsis menu in the upper-right corner to find more options.

The dropdown varies depending on the widget format and whether you're viewing or editing the dashboard or report. From here, you can copy and paste widgets within a section, duplicate, move to another page, share, and view them in full screen (see below).

Your clients can also use the ellipsis menu when viewing a web report to view graph widgets in full-screen mode or download a widget via the share option.


Add a Secondary Dimension to a Widget

Some widgets have a secondary dimension option in their settings, which adds extra detail to the data shown in your charts.

For example, a chart might show a metric, such as sessions, broken down by date.

If you want to split that up further, say to see sessions by gender, that's where a secondary dimension comes in: in this example, gender is the secondary dimension.

Secondary dimensions can be added to most line charts and column charts, on both reports and custom dashboards.

Step 1: Add a chart widget to your report or custom dashboard.

Step 2: Click the widget to open its settings, then click the Data tab to view dimension and metric options.

Step 3: Click the dropdown, then click a secondary dimension to apply it to the widget.

Line charts display multiple lines when a secondary dimension is active.

While column charts display additional columns for the secondary dimension.

Stacked Column Charts

Secondary dimensions have additional settings under the Display tab of the Edit Widget menu. Depending on the metric selected, you may want to display stacked columns for more visual impact, as in the new and lost backlinks graph.


View a Widget in Full Screen

When analyzing the data on your widgets, your clients may want a better look.

To view a widget in full screen, locate it on your dashboard or report, click the Ellipsis on the right-hand side of the widget, then select Full Screen.

This zooms in on the widget so it can be viewed in full screen.

This feature is available on dashboards and web reports. Once a dashboard or report is downloaded as a PDF, full-screen view is no longer available.


Widget FAQ

What is the character limit for a text box widget?

There's no limit to the number of characters you can add to a text box.

How many widgets can I add to a report or dashboard section?

The limit is currently 100 widgets for each dashboard or report section.

Why can't I resize my report table widget?

Report table widgets use dynamic height to automatically adjust the table length, without affecting widgets below them. You can allow tables to be manually resized by clicking the widget in the Report editor, then changing Dynamic Height to No on the right sidebar.

Why is the "comparison" percentage in my widget incorrect?

If you manually calculate the comparison percentage, the total may appear incorrect if your calculation doesn't match ours. For example, if the reporting period is March, which has 31 days, we compare it against the previous 31-day period. Comparing March 1 through 31 would be measured against January 29 through February 28, to match the full 31-day period.


What to Check Out Next


Need Help?

If you have any questions, please contact our friendly support team by following these instructions. We're available 24/5 to help.

Did this answer your question?