Guides

Planning a Website

How to Structure Datasheets, Certificates and References on Industrial Websites

Structure datasheets, certificates and references in the Webflow CMS: one data source, versions, languages and upkeep by your own in-house team.

  • Published:

    October 31, 2026

  • Updated:

    October 31, 2026

  • 19 min read

    Reading time

Key takeaways

  • Outdated datasheets happen because the same data lives in several places, not because the team is sloppy
  • Datasheet, certificate and reference are their own CMS collections linked to the product, instead of loose PDFs in a download folder
  • A certificate only convinces buyers with the standard version, certification body, scope, number and validity, the logo alone is not enough
  • The Machinery Regulation applies from January 20, 2027 and allows digital operating instructions and declarations of conformity with long retention periods, which makes stable document URLs more important
  • The marketing team can maintain entries if required fields, status and a short guide are in place before launch

Author: Edip Kilinc, founder of Webwavers. Last updated: October 31, 2026.

The short version On an industrial website, datasheets, certificates and references do not belong in a download area as loose PDFs. They belong in the CMS as linked records. A product points to its documents, a document to its version and language, a certificate to its scope and validity. That gives you exactly one source per piece of information, and your team changes it in one place.

  • One record per document with type, language, version, date and status
  • Certificate with standard version, certification body, scope, number and validity
  • Core product data as text on the page, the PDF as an extra
  • Required fields and a short guide so your own team maintains it cleanly

Table of contents

What buyers really look for on an industrial website

Anyone buying a component, a system or a manufacturing service has usually done their research before contacting you. Gartner surveyed 646 B2B buyers in August and September 2025: 67% prefer a buying experience without a sales rep (Gartner, March 9, 2026). In another Gartner survey, 45% said they had used generative AI in their last purchase, mainly to research vendors and products (Gartner, May 20, 2026). Both figures come from global surveys, not from studies specific to German mechanical engineering.

The Contentful B2B Buyer Benchmark Report 2025 is more specific to industry. It covers more than 900 decision-makers in manufacturing, industry and tech across EMEA. 84% say self-service tools are critical when choosing a vendor. The friction points respondents name are missing price transparency (39%), cumbersome reordering (35%) and slow vendor responses (24%) (Contentful, 2025).

What does that mean for datasheets and certificates? They are the self-service. Someone who needs a dimensional drawing, a material specification or proof of ISO 3834 compliance at 10 p.m. does not wait for your sales team. They find the information on your site or on a competitor's. Our assessment from projects: a buyer checks in this order whether you fit technically (datasheet), whether you are reliable (certificate and reference) and whether you are reachable (contact). Your website has to answer all three questions without a detour.

Why datasheets go out of date

Almost every industrial company knows the pattern: there is a datasheet as a PDF in sales, an older version in the web shop, a third in the trade fair catalog and a fourth as an attachment in old quote emails. This is rarely down to carelessness. It happens because the same information sits in several places and each place is maintained separately.

On top of that, Google can index PDF files (Google Search Central, indexable file types). An old datasheet sitting somewhere on your server can keep showing up in search results even though your product page has long listed different values. The same applies to AI search: it picks up what is publicly findable, not what you internally consider current.

The solution is a principle, not a tool: one source of truth per piece of information. The technical value lives once, in the product record. The product page, the datasheet view, the catalog export and the translation all pull it from there. Where you still need the PDF, it is an output of the data, not the data itself.

There are three realistic ways to implement this:

Approach How it works Fits Limit
Datasheet as a web page with print view The datasheet is an HTML view of the product record, the browser generates the PDF when printing or saving Manageable catalog, uniform datasheet structure Layout and page breaks need clean print formatting
PDF from a product data system A PIM or ERP generates datasheets automatically, the website embeds them Large catalogs, many variants, maintenance outside the website Additional system, interface and maintenance process required
PDF maintained manually, but cleanly linked Each PDF is a CMS record with version, status and a link to the product Few products, rare changes Technical values still live in two places, discipline required

Which approach fits depends less on the website than on your data. If the values already sit cleanly in an ERP or PIM, the interface is worth it. If they sit in Excel lists and Word templates, the third approach is an honest start, with the goal of consolidating the data later.

Laptop showing the Salvia website
From our work: Salvia Gebäudetechnik, Web Design & Webflow Development. View case study

The CMS structure: collections and how they link

In Webflow, collections represent the data structure. The rule of thumb: every term your team talks about and maintains separately becomes its own collection. Links are made through reference fields. For an industrial website, the following basic structure has proven itself (our practical recommendation, not a Webflow standard):

Collection Key fields Linked to
Products Name, short description, core technical data, images, application areas Product family, documents, certificates, references
Product families or series Name, description, selection guide Products
Documents Type, language, version, date, file, status, successor Products (multiple possible)
Certificates Standard, certification body, number, scope, valid from and to, file, status Locations, products or services
References Customer or industry, task, solution, products used, approval status Products, application areas
Application areas Industry or use case, description Products, references
Locations Address, services, contact person Certificates

This separation has a side effect that is often underestimated: the links automatically create internal links. A product page lists its documents and certificates, and the certificate page shows all products a certification applies to. That helps users and search engines alike, because the relationships are in the HTML and not only in your sales team's heads.

How far you structure the catalog depends on its size. How a product catalog with filters is built in the CMS is described on the page Product catalog in the Webflow CMS for industry and mechanical engineering. This guide is about the documents and proof that hang off the products.

Datasheets: fields, versions and stable links

For the CMS, a datasheet is its own record, not just a file attached to a product. The reason is versioning. An attachment has no status, a record does.

These fields per document have proven themselves:

  1. Document type: datasheet, operating instructions, declaration of conformity, drawing, test report, brochure. A select field prevents free-text sprawl.
  2. Language: required field, also as a select.
  3. Version number and date: both visible on the page, not only in the file name.
  4. Valid for: link to one or more products or variants.
  5. Status: current, superseded, draft.
  6. Successor: reference to the new version when the status is "superseded".
  7. File: the PDF itself, with a descriptive file name.
  8. Internal note: who changed it, why, which approval was in place. Not public.

Delete old versions or keep them? Deleting is the wrong reflex. Customers have linked the old datasheet in ordering systems, saved it in emails or referenced it in maintenance contracts. If the link suddenly leads nowhere, that is a loss of trust at exactly the point where you want to show reliability. A better approach is the status "superseded" with a visible notice ("A newer version is available") and a link to the successor. For products that are no longer delivered, keeping the datasheet makes sense for existing customers, with a clear note on the delivery status.

You should test two technical points before launch:

  • File sizes: The Webflow help center lists a maximum of 4 MB for images and 10 MB for documents such as PDFs in the Assets panel, and ZIP files may be up to 25 MB (Webflow Help, Assets panel). A datasheet with many embedded drawings or a catalog with hundreds of pages can exceed that. Plan ahead where large files should live.
  • Link stability: Replace a file in a test entry and check whether old references still work or whether the address changes. That behavior is part of acceptance, not an assumption.

Core data as text, not only in the PDF. A datasheet as a PDF is good for people to share and archive. For search and AI, it is only part of the truth. The most important technical values, dimensions, materials, standards, areas of use, should appear as normal text or a table on the product page. That helps the buyer searching for a value on their phone, and it helps systems that summarize pages. The PDF stays next to it as a download.

Multilingual datasheets without double maintenance

If you export, you need every datasheet in several languages. The typical source of error: one copy per language gets created, and when something changes, only one of them is updated. Two approaches reduce the risk.

Approach 1: Webflow Localization. According to the Webflow help center, you set a primary language, and additional languages get their own subdirectories. Static pages and CMS content can be localized, and secondary languages start with the content of the primary one and override only what they change (Webflow Help, Localization overview). The assignment then stays correct automatically: the product is one, the texts are maintained per language. For documents, that means one file per language in the respective language branch.

Approach 2: Language field on the document. Documents carry a "Language" field, and the product page shows only the documents in the matching language. This also works without the Localization feature, but needs clean required fields.

Whichever approach you choose, the same applies for search engines: every language version needs its own URL, and the versions must know each other via hreflang, with each version listing itself and all the others. Google also recommends an x-default for pages where no language fits (Google Search Central, localized versions). The details on the multilingual company website are covered in the guide Multilingual company website. The rule that matters here: the data structure decides whether translation later means extra work or only the cost of the text.

Making certificates visible: ISO 9001, ISO 3834 and more

A logo badge saying "ISO 9001" in the footer is better than nothing, but it does not convince a buyer from quality assurance. They want to know what exactly is certified. A certificate typically carries the following details. The example is a publicly available ISO 3834-2 certificate of a steel construction company (sample certificate DIN EN ISO 3834-2, TÜV NORD):

Detail on the certificate Why it matters to the buyer CMS field
Standard and part (e.g. ISO 3834-2) Shows the requirement level. The example states "Comprehensive quality requirements" Select field for standard, text field for part
Certification body Who audited, is the body accredited? Text or link to certification bodies
Certificate number Makes verification with the body possible Text field
Validity period The example is valid from March 11, 2024 to March 10, 2025, so one year Two date fields
Scope Which products, processes and materials are covered? In the example, steel structures and several welding processes Rich text or list
Location Does the certificate apply to this location? Link to locations
File The original for download File field

The scope is the part that is often missing. It also protects you legally and against misunderstandings: a certificate for location A says nothing about location B, and a certificate for welding processes says nothing about machining that is not listed in it. Show the scope precisely rather than grandly.

Structure of a certificate page:

  1. Short intro: which proofs you have and what they stand for.
  2. One card per certificate with the fields from the table, download and expiry date.
  3. A note on how a customer can verify the certificate with the issuing body, if it offers that.
  4. Link to the products or services the proof applies to.
  5. On product pages, a small "Certifications" block with the matching cards.

Keep an eye on expiry. An expired certificate on the website is worse than none. Give every certificate a status field and a "valid until" date. Decide internally who follows up three months before expiry, and set the status to "expired" or take the entry offline until the new certificate arrives. This is a process, not a technical problem. It belongs in the maintenance guide.

Structured data is optional. Schema.org has the type Certification with fields such as identifier, issuing body, validity and status, and the property hasCertification links a product to a certificate. The Schema.org page marks itself as a development version (Schema.org, Certification). Google's documentation on product data describes product snippets and merchant listings, and it does not list a dedicated certificate feature (Google Search Central, Product). So the markup can make sense for making relationships machine-readable, but you should not expect a visible result in search from it. The visible text matters more.

Machinery Regulation: why documents must stay online longer

For machine builders, a deadline comes on top. The Machinery Regulation (EU) 2023/1230 applies from January 20, 2027 and replaces the Machinery Directive 2006/42/EC. According to the IHK Stuttgart guide, the manufacturer may provide the operating instructions digitally, but must state on the machine or in an accompanying document how to find them. The format must allow printing, downloading and saving, and the instructions must stay online for the expected lifetime of the product, but at least ten years after placing on the market. The EU declaration of conformity may also be provided digitally, for example via a web page or a machine-readable code, and must be retrievable for up to ten years (IHK Stuttgart, guide to the EU Machinery Regulation).

The guide itself points out that it is non-binding and that individual points are still open, for example whether digital documents must also be accessible on site without internet access. Check the text of the regulation and get advice for your product. For the website, one thing follows regardless of interpretation: document URLs must stay stable for years if they appear on nameplates, in manuals or in codes. A documents collection with a fixed slug, an archive status and a clear owner is a better foundation for that than a folder someone re-sorts at every relaunch.

References in the CMS: fields, approvals, links

References are often sensitive in industrial business. Customers do not allow their name to be used, projects are under confidentiality, figures may not be published. The structure in the CMS should account for that so the team does not publish something by accident.

Fields that have proven themselves:

  • Display: "Customer named", "Industry named", "anonymized". The frontend shows the name and logo or only the industry, depending on the selection.
  • Approval status and approval date: No approval, no draft going live.
  • Task, solution, benefit: Three short text fields instead of one long rich text block. That forces structure.
  • Products or services used: A link, so product pages show their references and vice versa.
  • Application area or industry: A link, so visitors can filter by use case.
  • Key figures: Fields only for numbers the customer has approved. Invented or estimated figures do not belong on the page.

Connect them with certificates. A reference is stronger when it is clear under which quality framework it was delivered, for example under which certification the work was produced. This can be modeled with a reference field to certificates. That creates proof from several directions: datasheet (What can you do?), certificate (How reliably do you work?), reference (Who trusted you?).

Download with or without a form?

The question comes up in almost every project: should datasheets sit behind a form so sales gets leads? The answer depends on the document.

Document Recommendation Reasoning
Technical datasheets, drawings, certificates Freely accessible They are proof and decision support. A hurdle creates friction exactly where buyers expect self-service
Operating instructions and declarations of conformity Freely accessible The new Machinery Regulation is about access for users, not lead capture
Cross-industry whitepapers, studies, selection guides Form possible There is real value in return, which a customer knowingly trades
CAD data Depends on strategy Some manufacturers require registration to track usage, others release it freely

The Contentful result on friction points (see above) argues against hiding technical proof. There is also an effect on findability: search engines and AI systems cannot read what sits behind a form. If your datasheet is the only place for important product information, the outside world sees none of it. If you still want leads, rely on additional offers: selection advice, sample requests, a callback.

Who maintains what? Roles and limits

Your team should maintain datasheets and certificates in the CMS themselves. In Webflow, this works with the Content Editor role. According to the Webflow help center, Content Editors can create, edit and delete CMS entries as well as import and export them, and they can edit content directly on the page. They cannot make design changes, change the page structure, create new collections or change CMS settings (Webflow Help, Edit site content as a content editor).

For industrial websites, that is a good split: the team maintains content, the structure stays protected. For this to work in practice, you need three things that are decided during the build:

  1. Required fields: A datasheet without language, version or product assignment must not be saveable, or at least belongs in a draft status.
  2. Help texts on the fields: One sentence per field ("Format: YYYY-MM-DD", "Original PDF from the certification body only") saves many follow-up questions.
  3. One page of instructions per task: "Upload a new datasheet", "Renew a certificate", "Approve a reference", with screenshots.

What onboarding and documentation look like in detail is covered in the guide Maintaining the Webflow CMS yourself. You will also find the limits there: new fields and new collections are still changed by someone with access to the structure.

Implementation checklist

  1. Capture all existing documents: type, language, version, product reference. Mark duplicate and outdated files.
  2. Decide where the technical values will live in future: ERP, PIM or CMS.
  3. Define collections: products, documents, certificates, references, application areas, locations.
  4. Define required fields and select fields, write help texts.
  5. Define the status logic: current, superseded, draft, expired.
  6. Choose the datasheet approach: print view, PIM export or linked PDF.
  7. Choose a language concept and check hreflang during acceptance.
  8. Check file sizes against the upload limits, plan large files separately.
  9. Test link stability: replace a file, check old links.
  10. Build the certificate page with all required details, enter expiry dates, name the person responsible for renewal.
  11. Create references with an approval status, publish only approved details.
  12. Assign roles, onboard the Content Editor, hand over the short guide.
  13. Connect old PDF addresses that are still online to the new records with redirects.
  14. Review three months after launch: are there new duplicates or outdated entries?

Common mistakes

  • Documents only as attachments on the product. Without a record, there is no version, no status, no successor logic.
  • Certificate only as a logo. Without scope and validity, the buyer has nothing they can verify.
  • Deleting old files. Links in customer systems lead nowhere, and the impression of unreliability stays.
  • All values only in the PDF. Search, mobile view and AI systems then see only a file name.
  • Translation as a copy. Every copy is a new source of error when values change.
  • A form in front of every download. You lose buyers who only want to quickly check one value.
  • No owner. If nobody is responsible for the certificate's expiry date, it expires.
  • References with unapproved details. A single note from the customer is enough to force an entry offline again.

When you do not need an agency for this

You do not need an agency if your range consists of a few products, rarely changes, and a simple download page with cleanly named PDFs and a change date is enough. In that case a site builder or a simple CMS is enough too, as long as someone names the files, files them and marks old versions.

For very large catalogs with thousands of items and many variants, a product data system (PIM) is more likely the heart of the solution. The website then displays what the PIM delivers. In that case, check the item limits of your Webflow plan in the Webflow help center and also ask about alternatives: depending on data volume and existing system, WordPress, TYPO3 or a headless solution may fit better. More on comparing systems is in the guide Webflow or WordPress: SEO and AI visibility.

How we implement this

We work according to the process described on our process page: a non-binding initial call, a questionnaire with 34 questions about company, target audience and market, a strategy call, three mood boards and the first three homepage sections in Figma. After that come the homepage and subpages, each with one feedback round per milestone. The launch includes a personal onboarding session so your team can maintain content itself. For the collaboration, there is a fixed project lead and a dedicated Slack channel.

For industry, our industry page lists datasheets, certificates, brochures and standards as downloads in one place, products, datasheets, news and jobs as CMS collections, and multilingual setup from the start. One example from practice is the website of Heigl GmbH & Co. KG, an industrial welding shop in Blaubeuren, Germany (2025). It presents welding, CNC milling, bending and laser technology as well as the certifications under ISO 9001 and ISO 3834, with the concept in Figma and the build in Webflow, fast, responsive and cleanly structured (Heigl Blaubeuren project).

Working at the Webwavers studio
Working at the Webwavers studio.

FAQ

Which web agency builds a CMS where we can maintain datasheets and certificates ourselves?

Look for references with industrial clients, a traceable collection structure and a handover with onboarding. Ask specifically: how are versions and languages modeled, who may change what, what happens to old document links? The answers show faster than a portfolio whether the agency thinks about maintenance.

How do I make ISO certificates visible on the website so buyers trust us?

Do not show only the logo, but the standard, certification body, number, scope, location and validity, with a download of the original. A buyer wants to be able to check what exactly is covered. Add a block on product pages with the proof that applies to that product.

How do I avoid outdated PDF datasheets?

Give the technical values one source and let the product page, datasheet and translation be generated from it. Where you need PDFs, they are records with a version and status. You do not delete old versions, you mark them as superseded and link to the successor.

Can a datasheet in every language be generated from the same data?

Yes, if the data is structured and the language versions are maintained as translations of the same record. With Webflow Localization or a language field on the document, this is doable. For large catalogs, a PIM with an interface is often the more reliable basis.

Should datasheets sit behind a form?

Technical datasheets, drawings and certificates should not. They are decision support, and a hurdle creates friction. Additional material with real value, such as selection guides or studies, can be offered in exchange for contact details.

Can we update references and certificates later without an agency?

Yes, with the Content Editor role your team can create and edit CMS entries. New fields or new collections are still changed by someone with access to the structure. Required fields and a short guide keep the maintenance clean.

What changes in 2027 because of the Machinery Regulation?

From January 20, 2027, the Machinery Regulation (EU) 2023/1230 replaces the Machinery Directive. Operating instructions and the declaration of conformity may be provided digitally, with long retention periods of at least ten years after placing on the market. That makes stable document URLs more important. Have the interpretation for your product reviewed.

Conclusion

Datasheets, certificates and references convince buyers when they are current, complete and easy to find. That does not come from more discipline in sales, but from a structure in which each piece of information lives only once. Plan collections, versions and languages at the start, not after launch, and give your team roles, required fields and a short guide. Then the website stays up to date even after the third product update and the next audit.

Support with datasheets, certificates and CMS structure: If you want to plan this for your website, take a look at our page on web development or write to us through the contact page.

Sources

More guides

All guides
Chrome 3D Webwavers WChrome 3D Webwavers W

Contact

Start your next digital chapter

Request a project