For the complete documentation index, see llms.txt. This page is also available as Markdown.

Overview of trade dashboard

Add the Trade Dashboard to Shopify customer accounts, configure it in Trade Settings, and understand how working orders behave.

Use the Trade Dashboard to let B2B customers build orders inside Shopify customer accounts.

Customers can browse eligible products, adjust quantities, and build an order from inside their account. That order becomes a working order in Shopify until it is submitted for review.

The Trade Dashboard and Quotes view now share one block with a tab switcher. Customers can browse products and review their quotes in one place.

What the Trade Dashboard does

The Trade Dashboard gives trade customers a self-serve ordering experience inside their account area.

It works well when customers need product visibility, pricing context, and an order builder before final review.

Behind the scenes, the customer is building a working order.

How pricing is inherited

The Trade Dashboard does not create a separate pricing system.

It inherits the pricing context already set on the store.

Pricing display can come from:

  • Shopify companies and the customer account linked to that company

  • Shopify B2B catalogs and catalog pricing rules

  • Roadmap wholesale pricing from the discount engine

The same customer can see different pricing depending on their company setup, catalog assignment, and Roadmap pricing rules.

Add the dashboard to customer accounts

You add the block in Shopify. You then configure its behavior in the Roadmap app.

1

Open the theme editor

In Shopify, go to Online Store → Themes → Customize.

2

Open customer accounts

Switch to Checkout and customer accounts.

Then open your customer accounts layout.

3

Add the Trade Dashboard block

Add the Trade Dashboard through Header → Menu → Edit → Add menu item → Apps.

4

Save your changes

Save the layout once the block is in the right place.

Configure the dashboard in Trade Settings

The block self-populates once it is added.

Open the Roadmap app, then go to Settings → Trade Settings → Trade Dashboard.

Settings moved from the Shopify theme editor to the Roadmap app.

Styling still comes from your Shopify customer-account branding.

Trade Dashboard settings
The Trade Dashboard settings in the Roadmap app.

The main settings are split into focused sections:

Access: who can see the dashboard

Under Access, set a Customer eligibility tag.

Only customers tagged with it can open the dashboard. Leave it blank to allow all eligible customers.

What customers see

Customers only see the products available to them.

That depends on their company access, catalog setup, pricing setup, and eligibility rules.

For each product, the dashboard can show:

  • the unit price

  • an optional compare-at price or RRP

  • the line total

If a product has variants, customers expand the row and choose the option there.

How working orders behave

When a customer starts an order from the Trade Dashboard, Roadmap generates a working order in Shopify.

That draft stays open while the customer is still building it. This gives both your team and the customer visibility while the order is in progress.

You can then decide what happens on submission. Leave drafts alone, convert them automatically, or move them to review. See Automate Roadmap draft orders.

Create the Roadmap: Working Order view

Create a saved Shopify draft order view so your team can find working orders quickly.

1

Open draft orders

In Shopify, go to Orders → Drafts.

2

Filter by status

Set Status to Open.

3

Filter by tag

Set Tagged with to roadmap-quote-open.

4

Save the filtered view

Save the view as Roadmap: Working Order.

How styling works

The Trade Dashboard inherits colors and fonts from your Shopify customer-account branding.

Use Shopify branding settings when you need visual changes.

Best practice before launch

Test the dashboard with a real B2B customer account before you go live.

Check that:

  • the customer can see the dashboard

  • pricing and compare-at values are correct

  • the right products appear

  • search and filters behave as expected

  • the working order is created correctly and stays open until submission

Last updated