Creating an E-commerce Sales Dashboard in Looker Studio

By Advait Mishra 12/22/2025
Looker StudioE-commerceDashboardTutorial

E-commerce businesses generate massive amounts of data. The challenge isn’t collecting data—it’s turning it into actionable insights. In this guide, I’ll walk you through building a complete e-commerce sales dashboard in Looker Studio that I’ve refined through dozens of implementations.

By the end, you’ll have a dashboard that answers these critical questions:

  • How are sales trending?
  • What products are performing best?
  • Where are customers coming from?
  • What’s the average order value?
  • Which regions drive the most revenue?

The Dashboard We’ll Build

Here’s an example of the type of e-commerce dashboard we’ll create:

E-commerce revenue dashboard example showing KPIs, trends, and breakdowns

Our e-commerce dashboard will include:

  1. KPI Scorecards - Total revenue, orders, AOV, customers
  2. Sales Trend Chart - Revenue over time
  3. Product Performance Table - Top products by revenue
  4. Geographic Breakdown - Sales by region/country
  5. Category Analysis - Revenue by product category
  6. Interactive Filters - Date range, category, region

Prerequisites

You’ll need:

  • Looker Studio account
  • E-commerce data source (we’ll use a Google Sheets example, but this works with BigQuery, GA4, or any data source)
  • Understanding of your key metrics

Step 1: Prepare Your Data

First, let’s ensure your data has the right structure. A typical e-commerce dataset should include:

FieldTypeExample
order_idTextORD-12345
order_dateDate2024-01-15
customer_idTextCUST-789
product_nameTextBlue Widget
categoryTextElectronics
quantityNumber2
unit_priceNumber49.99
total_revenueNumber99.98
regionTextNorth
countryTextUnited States
traffic_sourceTextGoogle Ads

Sample Data for Testing

If you want to follow along, create a Google Sheet with this structure and at least 100 rows of sample data.

Pro Tip: For realistic data, vary your dates across 3-6 months, include 10-20 products across 3-5 categories, and distribute orders across multiple regions.

Step 2: Connect Your Data Source

  1. Open Looker Studio
  2. Click CreateReport
  3. Select your data source:
    • For Google Sheets: Select the sheet
    • For BigQuery: Choose your table or custom query
    • For GA4: Connect your property
  4. Click Add to create the report

Use this optimized query:

SELECT
  DATE(order_date) AS order_date,
  order_id,
  customer_id,
  product_name,
  category,
  region,
  country,
  traffic_source,
  quantity,
  unit_price,
  total_revenue
FROM `your-project.your_dataset.orders`
WHERE order_date >= DATE_SUB(CURRENT_DATE(), INTERVAL 365 DAY)

Step 3: Set Up the Dashboard Layout

Before adding charts, plan your layout:

+------------------------------------------+
|           📊 E-commerce Dashboard         |
|           [Date Range Filter]             |
+----------+----------+----------+----------+
| Revenue  | Orders   |   AOV    | Customers|
+----------+----------+----------+----------+
|          Sales Trend Over Time            |
+--------------------+---------------------+
| Top Products       | Sales by Category   |
+--------------------+---------------------+
|        Sales by Region (Map/Chart)        |
+------------------------------------------+

Step 4: Create KPI Scorecards

Add four scorecards across the top:

Scorecard 1: Total Revenue

  1. Click Add a chartScorecard
  2. Configure:
    • Metric: total_revenue
    • Aggregation: SUM
  3. Style:
    • Large, bold number
    • Add currency prefix ($)
    • Add comparison (vs previous period)

Scorecard 2: Total Orders

  1. Add another scorecard
  2. Configure:
    • Metric: order_id
    • Aggregation: COUNT DISTINCT

Scorecard 3: Average Order Value (Calculated Field)

First, create a calculated field:

  1. Click Add a field in your data source
  2. Name: Average Order Value
  3. Formula: SUM(total_revenue) / COUNT_DISTINCT(order_id)

Then add a scorecard using this field.

Scorecard 4: Total Customers

  1. Add scorecard
  2. Configure:
    • Metric: customer_id
    • Aggregation: COUNT DISTINCT

Pro Tip: Add comparison to previous period for all scorecards. Users love seeing whether metrics are up or down.

Step 5: Add Sales Trend Chart

  1. Add a Time Series Chart
  2. Configure:
    • Dimension: order_date
    • Metric: total_revenue (SUM)
  3. Optional enhancements:
    • Add a trend line (Style panel)
    • Add comparison period (toggle in Data panel)
    • Set granularity (day, week, month)

Adding Multiple Metrics

To show revenue AND orders on the same chart:

  1. Add order_id (COUNT DISTINCT) as a second metric
  2. In Style panel, set the second metric to use the right Y-axis
  3. This creates a dual-axis chart

Step 6: Create Product Performance Table

  1. Add a Table chart
  2. Configure:
    • Dimension: product_name
    • Metrics:
      • total_revenue (SUM)
      • quantity (SUM)
      • order_id (COUNT DISTINCT) - label as “Orders”
  3. Add sorting:
    • Sort by total_revenue, descending
  4. Style:
    • Add heat map to revenue column
    • Limit to top 10 rows
    • Add pagination for full list

Add a Calculated Metric: Revenue per Order

  1. Create calculated field: SUM(total_revenue) / COUNT_DISTINCT(order_id)
  2. Add to table
  3. This shows which products have higher transaction values

Step 7: Add Category Breakdown

  1. Add a Pie Chart or Donut Chart
  2. Configure:
    • Dimension: category
    • Metric: total_revenue (SUM)
  3. Style:
    • Limit to top 5 categories
    • Show percentages in labels
    • Use consistent colors

Alternative: Use a Bar Chart for easier comparison:

  1. Horizontal bars work better for category names
  2. Add data labels for exact values

Step 8: Geographic Analysis

Option A: Geo Map (if you have country/region data)

  1. Add a Geo Map
  2. Configure:
    • Dimension: country (or region)
    • Metric: total_revenue (SUM)
  3. Style:
    • Choose color range (light to dark)
    • Enable tooltips

Option B: Bar Chart by Region

  1. Add a Bar Chart
  2. Configure:
    • Dimension: region
    • Metric: total_revenue (SUM)
  3. Sort by revenue, descending

Step 9: Add Interactive Filters

Date Range Filter

  1. Add InsertDate range control
  2. Position at the top of the dashboard
  3. Set default range (e.g., last 30 days)

Category Filter

  1. Add InsertDrop-down list
  2. Configure:
    • Control field: category
  3. Position next to date range

Region Filter

  1. Add another Drop-down list
  2. Configure:
    • Control field: region

Pro Tip: Use Advanced filters to let one chart filter others. Click on a product in the table, and all charts update.

Step 10: Add Traffic Source Analysis (Bonus)

If you have traffic source data:

  1. Add a Bar Chart
  2. Configure:
    • Dimension: traffic_source
    • Metrics:
      • total_revenue (SUM)
      • order_id (COUNT DISTINCT)
  3. This shows which channels drive the most revenue

Calculate Conversion Value by Source

Create calculated field:

SUM(total_revenue) / COUNT_DISTINCT(customer_id)

This shows revenue per customer by traffic source.

Advanced Enhancements

Calculated Fields for Deeper Insights

Customer Lifetime Value (simplified):

SUM(total_revenue) / COUNT_DISTINCT(customer_id)

Revenue per Unit:

SUM(total_revenue) / SUM(quantity)

Month-over-Month Growth: Use comparison features in scorecards and time series charts.

Conditional Formatting

In tables, add conditional formatting:

  1. Click on a metric in the table
  2. Go to StyleConditional formatting
  3. Add rules:
    • Green if revenue > $10,000
    • Red if revenue < $1,000

Drill-Down Capabilities

Enable drill-down for hierarchical data:

  1. In a chart, add multiple dimensions
  2. Enable Drill down in Data panel
  3. Users can click to go from Category → Product → SKU

Dashboard Best Practices

Based on 8+ years of building e-commerce dashboards:

1. Focus on Actionable Metrics

Include metrics that drive decisions:

  • ✅ Revenue trend (take action on dips)
  • ✅ Top products (stock management)
  • ✅ Regional performance (marketing focus)
  • ❌ Page views (not directly actionable)

2. Use Consistent Time Periods

All charts should default to the same date range. Use the date filter to control everything.

3. Add Context

Include:

  • Comparison to previous period
  • Target lines where relevant
  • Brief explanatory text for complex metrics

4. Optimize for Your Audience

  • Executives: High-level KPIs, trends
  • Marketing: Channel performance, customer acquisition
  • Operations: Product inventory, regional distribution

Common Issues and Fixes

IssueCauseSolution
Revenue shows as 0Field type is TextChange to Number in data source
Date not sorting correctlyWrong date formatEnsure YYYY-MM-DD format
Filters not workingNot connected to data sourceCheck filter settings
Dashboard is slowToo much dataAdd date filters, use BigQuery

Sample Dashboard Template

Here’s a quick reference for your layout:

Row 1: Title + Date Filter + Category Filter Row 2: 4 KPI Scorecards Row 3: Sales Trend (full width) Row 4: Product Table (50%) + Category Pie (50%) Row 5: Regional Map or Bar Chart (full width)

Need Help Building Your E-commerce Dashboard?

Building effective dashboards takes time and expertise. If you need help:

  • Connecting to your data sources (Shopify, WooCommerce, BigQuery)
  • Creating custom metrics and KPIs
  • Optimizing performance for large datasets
  • Building executive-level reporting

Schedule a free consultation and let’s build a dashboard tailored to your business.


Want more Looker Studio tutorials? Check out our guides on Building Your First Dashboard and Marketing Attribution Dashboards.