Lightweight, vendor-agnostic Digital Product Passport viewer for WordPress and WooCommerce. Renders DPP JSON as accessible HTML and JSON tabs.

PluginWave

DPPBuilder – Digital Product Passports for WooCommerce

Domain Path: /languages Create Digital Product Passports for WooCommerce with traceability, sustainability data, QR codes, and REST API support.

<p>This plugin exists to solve a simple but common need: display a Digital Product Passport (DPP) on WordPress sites, including WooCommerce product pages, without being tied to a specific provider or API. If you have the JSON, this plugin will render it consistently, accessibly, and without sending data to third parties.</p>
<p>Key features</p>
<ul>
<li>Vendor-agnostic: Works with any DPP JSON source. No provider lock-in.</li>
<li>WooCommerce ready: Adds a meta box on product edit screens to store the JSON.</li>
<li>Human-readable HTML view: Clean accordion layout with friendly labels (for example, “End of Life and Circularity”), tuned for Ecodesign for Sustainable Products Regulation (ESPR) naming styles.</li>
<li>JSON view: Inspect the raw JSON in a formatted code block; one-click Copy JSON.</li>
<li>Shortcode and Block: Insert the viewer with a shortcode or the included Gutenberg block.</li>
<li>Classic Editor button: “Insert Digital Product Passport” modal for quick shortcode setup.</li>
<li>Accessibility: Keyboard navigation, ARIA roles, semantic HTML (details/summary).</li>
<li>Responsive: Looks great on phones, tablets, and desktops.</li>
<li>Privacy by design: No tracking, no external calls, no cookies.</li>
<li>Translation ready: All strings can be localized.</li>
</ul>
<p>Why this plugin</p>
<ul>
<li>One viewer for WordPress and WooCommerce that is independent of provider.</li>
<li>Displays your DPP from post/product meta in a consistent way across themes.</li>
<li>Uses only the JSON you supply and renders it locally in the browser.</li>
</ul>
<h3>Usage</h3>
<ul>
<li>
<p>Quick start:</p>
<ol>
<li>Edit any post, page, or WooCommerce product and find the “Digital Product Passport” meta box.</li>
<li>Paste valid JSON and update/publish. The plugin stores it as post meta.</li>
<li>Insert the viewer where you want it to appear using either the shortcode or the block below.</li>
</ol>
</li>
<li>
<p>Shortcode: <code>[digital_product_passport]</code></p>
<ul>
<li>By default renders the JSON saved in the meta box for that post/product.</li>
<li>You can also pass inline JSON via the <code>json</code> attribute (single quotes recommended around the JSON):</li>
<li>Example: <code>[digital_product_passport json='{"id":"urn:uuid:123","type":"Product","name":"Sample"}']</code></li>
<li>Attributes:</li>
<li><code>json</code>: Inline JSON to render (optional). If omitted, uses the saved post meta JSON.</li>
<li><code>view</code>: <code>html|json</code> to pick the default tab (default <code>html</code>).</li>
<li><code>show_raw</code>: <code>true|false</code> to force JSON (deprecated; overrides <code>view</code>).</li>
<li><code>title</code>: Optional title displayed above the viewer.</li>
<li><code>limit</code>: Number of top-level sections to show before a Show more toggle. <code>0</code> (default) shows all.</li>
<li><code>include</code>: Comma-separated list of section keys/labels to include (case-insensitive; matches raw keys or humanized labels). Example: <code>include="id,type,manufacturer"</code>.</li>
<li><code>exclude</code>: Comma-separated list of section keys/labels to hide. Example: <code>exclude="identifiers,documentation"</code>.</li>
<li><code>order</code>: Comma-separated preferred order of sections. Items not listed keep their natural order after these. Example: <code>order="id,type,manufacturers,identifiers"</code>.</li>
<li>
<p><code>more_label</code> / <code>less_label</code>: Override the Show more/Show less button text.</p>
</li>
<li>
<p>Examples:</p>
</li>
<li><code>[digital_product_passport view="html" title="Digital Product Passport"]</code></li>
<li><code>[digital_product_passport view="json"]</code></li>
<li><code>[digital_product_passport limit="5" order="ID,Type,Manufacturers" exclude="Documentation"]</code></li>
<li><code>[digital_product_passport include="ID,Version,Language,Identifiers" more_label="Show all details" less_label="Show fewer"]</code></li>
<li>Note: The legacy <code>[dpp]</code> shortcode has been removed to comply with wp.org prefixing guidelines. Use <code>[digital_product_passport]</code>.</li>
</ul>
</li>
<li>
<p>Block (Gutenberg): “Digital Product Passport”</p>
<ul>
<li>Add the block and (optionally) paste JSON in the block settings to override the post/product meta for that block.</li>
<li>Choose the default tab (HTML or JSON) in the block inspector.</li>
</ul>
</li>
<li>
<p>Classic Editor: Use the “Digital Product Passport” toolbar button</p>
<ul>
<li>Click the button, pick a title and default view (HTML or JSON), then insert. It uses the JSON saved in the meta box.</li>
</ul>
</li>
<li>
<p>WooCommerce: On product edit screens, the same meta box is available. Place the <code>[digital_product_passport]</code> shortcode in any product description area or block to display the viewer on the product page.</p>
</li>
<li>
<p>Viewer controls (front end):</p>
<ul>
<li>Tabs switch between HTML and JSON. The JSON view has a “Copy JSON” button.</li>
<li>Large passports show a Show more/less toggle when <code>limit</code> is set.</li>
</ul>
</li>
<li>
<p>Troubleshooting:</p>
<ul>
<li>If you see “No Digital Product Passport JSON found.”, either save valid JSON in the meta box or pass JSON via the shortcode <code>json</code> attribute.</li>
<li>Ensure the shortcode <code>[digital_product_passport]</code> is present where you expect the viewer to appear.</li>
</ul>
</li>
</ul>
<h3>Compliance and Privacy</h3>
<ul>
<li>Privacy by design: No tracking, no external calls, no cookies.</li>
<li>Data handling: DPP JSON is stored as post meta and rendered client-side. Nothing is sent to third parties.</li>
<li>Security: Output is escaped and JSON is normalized server-side before embedding.</li>
<li>Accessibility: Semantic HTML with ARIA, keyboard navigation, and visible focus.</li>
<li>Performance: Minimal CSS/JS loaded only when the viewer is present.</li>
</ul>
<h3>External services</h3>
<ul>
<li>None required: This plugin does not connect to, depend on, or transmit data to any third‑party/external service. No data leaves your site when rendering a passport.</li>
<li>Example placeholders: The sample JSON shown in the editor includes illustrative links such as <code>https://example.com</code> and <code>https://example.com/manual.pdf</code>. These are placeholders for demonstration only; the plugin does not fetch or otherwise contact those URLs. Replace them with your own documentation links as needed.</li>
<li>Namespaces in SVG: The editor/block icon contains inline SVG markup that references the XML namespace <code>http://www.w3.org/2000/svg</code>. This is a namespace identifier, not a network request or external service.</li>
</ul>
<p>No third‑party terms of service or privacy policies apply because the plugin does not use any external services.</p>
<h3>GDPR and EU Privacy Notes</h3>
<ul>
<li>Personal data scope: This plugin does not collect, track, or profile users. It only renders the DPP JSON you provide. If your JSON contains personal data (for example, a contact person’s name or email), you are the controller of that data.</li>
<li>Lawful basis: Ensure you have a lawful basis under GDPR to publish any personal data included in the DPP. Prefer business contacts or shared inboxes over named individuals where possible.</li>
<li>Data minimization: Avoid including personal data unless strictly necessary for the product passport. Consider using role-based contacts (e.g., support@example.com).</li>
<li>Data location and transfers: The plugin does not perform network requests or transfer data to third countries. Any links inside your JSON are rendered as links only; the plugin does not fetch or proxy them.</li>
<li>Retention: DPP JSON is stored as post meta and retained until you edit or delete the post/product or remove the meta.</li>
<li>Data subject rights (DSR): The plugin does not store visitor-level personal data, so it does not add custom exporters or erasers. If you include personal data in DPP JSON, handle DSRs by updating/removing the JSON in your content.</li>
<li>Privacy Policy helper: The plugin registers guidance for Tools > Privacy so you can include accurate information on your site’s Privacy Policy page.</li>
<li>Redaction hooks: Developers can filter or redact fields before display using the <code>digital_product_passport_viewer_data</code> filter.</li>
<li>Access control: The viewer displays wherever the post/product is visible. Use WordPress visibility/roles or your membership tools to restrict access if needed.</li>
<li>Disclaimer: This is not legal advice. Consult your legal counsel to confirm compliance for your use case.</li>
</ul>


Alternatives to Digital Product Passport

Top alternatives