Putting a B2B product catalog online: specifications, downloads and quote lists

Say you distribute industrial fasteners and fittings. You hold about 1,800 products in a spreadsheet exported from your stock system, and a printed catalog that was turned into a PDF. This situation is invented, but it is common. Buyers ask for the PDF, someone emails it, and it is out of date by the time it arrives.

You want to put the catalog online. Three questions come up quickly. Do we need a shop with a cart and payments? Should every product get its own page? And what do we do about the datasheets, which live in a shared folder under names no one else understands?

The answers come from your data and from how you quote. The rest of this guide follows those three questions.

Not necessarily. There are three common patterns, and the right one depends on how your prices behave.

Many businesses start with the first and add the third for their standard range later. Trade accounts with customer-specific prices need their own scoping, because the rules behind them (who sees which price, credit terms, approvals) decide the build. This guide covers the first two, which are the foundation for all three. For the whole-site view, see what a manufacturer or distributor website needs.

A catalog is only as good as its records. Before anyone designs a page, answer these questions about the spreadsheet.

A product with its size written in the title, its material in a description and its pressure rating in a PDF cannot be filtered. It has to be separated into fields: size, material, rating.

A filter on “connection type” that only half the products carry is worse than no filter, because the buyer’s short list silently leaves out the half with a blank. Find the blanks now.

“2 in”, “2 inch”, “2"” and “50.8 mm” are one size to a person and four values to a filter. Pick one unit and one spelling per attribute, and keep any second unit as a display option.

These become filters and the columns of the listing. Ask the people who take orders. They know that buyers say “316L, 1/2 inch, threaded” and do not say “series B”.

Your part number, plus any cross-references to other makers’ numbers, are the keys that let a buyer arrive with a code and find the product. Keep them in their own fields.

This work is dull and it is most of the job. A well-designed catalog on messy data looks fine for a week and then loses the buyer’s trust one wrong filter result at a time.

With about 1,800 rows, you rarely want 1,800 equal pages. Group the data the way buyers think.

Category pages list product families, such as “Threaded elbows”.

Family pages describe a group of products that share a design and differ in size, material or rating, and show the variants in a table.

Product pages exist where a single item needs its own space: a specific part with its own drawing, certificate and compatibility notes.

Whether each variant gets its own page or is a row on the family page is a real decision. A row in a table is faster for a buyer who is choosing a size. A separate page is useful when a part number is something people search for and the part has its own data and files. Often you do both: the family page for choosing, and a page per part number for the buyers who arrive with the code.

If you do create a page per part number, give each real content. Google’s spam policies define “scaled content abuse” as many pages generated “for the primary purpose of manipulating search rankings and not helping users.” A page that repeats a part number and a title helps no one. A page with the specification table, dimensions, drawing, compatibility and a quote button does. Where variants of one product have several addresses, Google’s guidance on duplicate URLs describes pointing duplicates at one main version with a canonical link.

Baymard Institute tested sites selling electronic components and machinery and recommends product tables for listings on desktop. Engineers scan columns for the figures that matter and compare items side by side. Test participants described wanting “kind of like a spreadsheet”. On phones, Baymard recommends a list view, because a table forces too much scrolling in both directions.

The practical consequence: the listing is designed twice from one data set. The desktop table has a column per key attribute and sorts by each column. The phone list puts the two or three attributes that identify a product on each card and keeps the rest behind a tap.

Baymard’s research also finds that filters should match what the list shows: if a card displays size and connection, the buyer expects to filter by both. It reports, in a 2019 benchmark, that 38% of the ecommerce sites it benchmarked fail to offer filters for all the information shown on each list item.

On the product page itself, Baymard’s four recommendations for spec sheets are worth following:

Add to that the information Nielsen Norman Group says B2B buyers look for: compatibility, standards compliance and physical connection requirements. A line that says what the product fits, replaces or works with answers a question that often decides the order.

Each file should be attached to the product or family it describes, with a clear name, a revision or date, and one current version. Decide who owns each file. When a datasheet changes, someone must replace it, and the old file must stop being linked.

Keep the key figures on the page as text as well. Google can index PDFs, so they are not hidden from search, but a buyer on a phone is better served by a figure on the page than by a file to open and zoom.

If you have hundreds of datasheets, name and store them from the product record. A datasheet whose file name is built from the part number can be linked automatically, and cannot quietly point at the wrong product.

Start with the four to eight attributes buyers specify most often (a starting default of ours, not a researched limit). Add more only where buyers ask for them. Nielsen Norman Group notes that faceted navigation is “significantly more expensive to create and maintain” than simple filtering, and recommends confirming users need it before investing.

There is a search side to filters too. Every combination can create a new web address, and Google’s guidance on faceted navigation says crawlers cannot tell whether those addresses are useful, so they can waste time on them. Which filtered views deserve to be pages that search engines index, and which should be blocked, is covered in SEO for manufacturers and industrial suppliers.

The quote list is the cart’s equivalent for businesses that quote. The buyer adds a product with a quantity, keeps browsing, and sends everything as one request. What matters:

That form deserves its own attention: see request-a-quote forms that get answered.

The catalog is a living data set. Decide before launch where the truth lives and who updates it.

A one-time import is fine for a range that changes rarely, with a named person to make updates afterwards.

A live connection to your stock or product system keeps data fresh but is a larger build, and it only helps if the source data is clean.

Stock and lead times appear only where the source can keep them true.

Importing or cleaning a large data set, and connecting live systems, are separate pieces of work from designing the pages. Ask for them to be scoped on their own.

It will not fix inconsistent product data, it will not decide your prices, and it will not bring buyers on its own. Search visibility has its own work. And a catalog of thousands of items is not automatically better than a catalog of two hundred well-described ones: a buyer would rather find the right product than see every one.

Our B2B and manufacturer websites page explains how we plan catalog and quote sites. For the whole picture of what such a site must do, read what a manufacturer or distributor website needs, and for the quote form, request-a-quote forms that get answered. When you want to talk about your own catalog, you can discuss your project.

1. Baymard Institute, B2B Electronics: Use Product Tables to Display Product Listings on Desktop: https://baymard.com/blog/use-product-tables-for-desktop-product-listings

2. Baymard Institute, Product Spec Sheets: 4 Ways to Make Spec Sheets More Scannable: https://baymard.com/blog/spec-sheet-scannability

3. Baymard Institute, E-Commerce Product List Usability: Report and Benchmark: https://baymard.com/blog/ecommerce-product-lists-report-and-benchmark

4. Nielsen Norman Group, Filters vs. Facets: Definitions (a UX researcher at the group, March 16, 2014): https://www.nngroup.com/articles/filters-vs-facets/

5. Nielsen Norman Group, B2B vs. B2C Websites: Key UX Differences (a UX researcher at the group, May 29, 2016): https://www.nngroup.com/articles/b2b-vs-b2c/

6. Google Search Central, Spam policies for Google web search (scaled content abuse): https://developers.google.com/search/docs/essentials/spam-policies

7. Google Search Central, What is URL canonicalization / Consolidate duplicate URLs: https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls

8. Google Search Central, Managing crawling of faceted navigation URLs: https://developers.google.com/search/docs/crawling-indexing/crawling-managing-faceted-navigation

9. Google Search Central, File types Google can index: https://developers.google.com/search/docs/crawling-indexing/indexable-file-types