Ecommerce

The Ecommerce page turns the sales happening on your site into a clear, readable picture. It shows how much money you made, how many orders came in, how big a typical order was, and which products sold best, all for the date range you pick at the top. If you run a store, this is the page that connects your traffic to your takings, so you can see not just how many people visited, but what they actually bought.

Think of it like the till report at the end of a shop day, except it updates as orders come in and it lets you look back over any stretch of time. One glance tells you whether sales are climbing or slowing, and which products are doing the heavy lifting.

Before you start: your site must send purchase events

This page is built from purchase events your site sends to leadmaps. A purchase event is a small message your site fires the moment an order is completed, carrying the order total and currency. Until your site sends these, the Ecommerce page has nothing to show, because it is not guessing at your sales, it is counting the real orders you report.

Sending a purchase event is a small, one time piece of setup using the @syntarie/tracking package. After you have set up the SDK on your site, fire an event on your order confirmation step like this:

import { track } from '@syntarie/tracking';

track('checkout_completed', {
  order_id: 'ord_1042',
  total_cents: 4900,
  currency: 'USD',
});

A few notes on the values:

• order_id is your own reference for the order, so each sale is counted once.
• total_cents is the order total in the smallest unit of the currency, so 4900 means 49.00. Sending whole cents this way avoids rounding mistakes.
• currency is the three letter currency code, like USD or EUR.

Fire this once per completed order, on the page or step the customer reaches only after paying. Once these events are flowing, the Ecommerce page fills in on its own.

What you see

From top to bottom, the page is built from a few clear parts.

• A page title that reads “Ecommerce”, with the date range you are looking at shown nearby, for example “Last 30 days” with the two calendar dates spelled out.
• A row of headline number cards. These are the figures you check first:
  • Revenue. The total money from all orders in the range. This is your top line.
  • Orders. How many orders were placed. One order can contain many items but counts as one order.
  • Average order value. The revenue divided by the number of orders, so it tells you what a typical order is worth. If revenue was 9,800 across 200 orders, the average order value is 49.
• A revenue over time chart. This is a line or bars showing your revenue across the whole date range. The high points are your strong sales days, the low points your quiet ones. This is where you spot a trend, a spike after a promotion, or a slump.
• A top products list. The products that sold the most in the range, with the best sellers at the top. Depending on what your purchase events include, this can show units sold, revenue per product, or both.

Read the headline cards for the summary, the chart for the trend over time, and the products list to see what is actually driving the money.

How to read it

Start with the headline cards, then look at the revenue trend, then look at which products are carrying it.

Here is a worked example. Say you pick “Last 30 days” and you see:

• Revenue: 24,500.
• Orders: 500.
• Average order value: 49.

Then on the revenue chart you notice one day stands far above the rest, and in the top products list one product sits well ahead of the others.

What does this tell you? You made 24,500 across 500 orders last month, and a typical order was worth 49. The single tall day on the chart lines up with a promotion you ran, which clearly worked, so that kind of push is worth repeating. The product at the top of the list is your workhorse. It is worth making sure that product is easy to find, well stocked, and featured, because a stumble there would hit your revenue harder than a stumble anywhere else. If you want to grow the average order value above 49, that is a sign to try bundles or a “customers also bought” suggestion at checkout.

A good habit is to read revenue and orders together. Revenue can rise because more people bought, or because each order got bigger. The orders card and the average order value card tell you which, and that changes what you do next.

Customize it

You shape the page with the controls at the top. Here is each one and when to use it.

• Set the date range. Use the calendar to pick the period the page covers, such as the last 7, 30, or 90 days, or a custom start and end day. Every card, the revenue chart, and the products list update to match. Use a short range to see the effect of a promotion you just ran. Use a longer range to see the real sales trend once daily ups and downs are smoothed out.
• Scope to one website. If you track more than one website, narrow the page to a single store so its revenue is not mixed with the others. Use this when you run more than one shop and want each one’s takings on its own, or when only one site actually sells.
• Choose the currency shown. Set which currency the totals are displayed in. Use this so the numbers match the currency you think and report in. If your orders come in across several currencies, this keeps the headline figures in one consistent unit so the totals make sense at a glance.

Use cases

• Watch your revenue trend. Set the date range to “Last 90 days” and read the revenue over time chart. Look for a steady climb, a flat line, or a slow drop. Action: if revenue is sliding while your visitor numbers on the Overview page hold steady, people are coming but buying less, so look at your prices, your checkout, or your product pages, then watch the trend over the next weeks.
• See your best selling products. Open the top products list for a longer range. Note which products bring the most orders and the most revenue, and which barely sell. Action: if one product quietly drives most of your revenue, feature it more prominently and make sure it never goes out of stock, because your sales lean on it more than the rest.
• See which traffic source brings the most revenue. Pair this page with the Sources and campaigns page over the same range. Compare which channels send visitors against which periods earned the most. Action: if a channel sends a flood of visitors but your revenue does not move with it, those visitors are not buyers, so put your effort into the channels that line up with real sales instead.

Tips

• This page only knows about the orders your site reports. If a sale is missing here, the first thing to check is whether your purchase event fired for it. Numbers that look low are often a tracking gap, not a sales problem.
• Read revenue and orders together, not alone. Revenue going up could mean more orders or bigger orders. The orders card and the average order value card tell you which, and each points to a different next step.
• Keep your currency consistent. Mixing currencies in the totals makes the headline numbers misleading. Pick the currency you report in and let the page show everything in that one unit.
• Average order value is your lever for growing without more traffic. Lifting what each customer spends can grow revenue even when visitor numbers stay flat, so watch this number when you try bundles, upsells, or free shipping thresholds.
• A brand new store, or one that has just added purchase events, will look empty until real orders come in. The page counts actual reported sales, so give it some real orders first. An empty Ecommerce page on a fresh store is expected, not a fault.