---
title: "Widget – pwgen.de"
description: "Binde den Passwort-Generator mit einem einzigen Script-Tag in deine Website ein – ohne Abhängigkeiten, ohne Cookies."
canonical_url: "https://pwgen.de/widget"
meta:
  "og:description": "Binde den Passwort-Generator mit einem einzigen Script-Tag in deine Website ein – ohne Abhängigkeiten, ohne Cookies."
  "og:image": "https://pwgen.de/_og/s/o_c4f3c9630c3ea951.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Widget – pwgen.de"
  "twitter:image": "https://pwgen.de/_og/s/o_c4f3c9630c3ea951.png"
---

> Index of every page on this site: [llms.txt](https://pwgen.de/llms.txt)

# **Embed Widget **

Add a password generator to any website with a single `<script>` tag. Generates passwords entirely in the visitor's browser — no data leaves their device.

## **Live Demo **

## **Basic Usage **

```
<div data-pwgen-widget></div>
<script src="https://pwgen.de/widget.js" defer></script>
```

## **Configuration Attributes **

| **Attribute ** | **Values ** | **Default ** |
| --- | --- | --- |
| data-pwgen-type | classic · passphrase · pin · pronounceable · token | classic |
| data-pwgen-length | integer | 16 |
| data-pwgen-theme | light · dark · auto | auto |
| data-pwgen-lang | de · en | de |

## **Advanced Example **

```
<!-- Passphrase, dark theme, 6 words, German wordlist -->
<div
  data-pwgen-widget
  data-pwgen-type="passphrase"
  data-pwgen-length="6"
  data-pwgen-theme="dark"
  data-pwgen-lang="de"
></div>
<script src="https://pwgen.de/widget.js" defer></script>
```

**Privacy by design.** The widget uses `crypto.getRandomValues()` to generate passwords entirely in the visitor's browser. No data is sent to pwgen.de or any server.

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://pwgen.de/#website","@type":"WebSite","description":"Kostenloser, datenschutzfreundlicher Passwort-Generator. Generierung direkt im Browser – keine Passwörter werden gespeichert.","inLanguage":"de-DE","name":"pwgen.de","url":"https://pwgen.de/","publisher":{"@id":"https://pwgen.de/#identity"},"workTranslation":{"@id":"https://pwgen.de/en#website"}},{"@id":"https://pwgen.de/widget#webpage","@type":"WebPage","description":"Binde den Passwort-Generator mit einem einzigen Script-Tag in deine Website ein – ohne Abhängigkeiten, ohne Cookies.","name":"Widget","url":"https://pwgen.de/widget","isPartOf":{"@id":"https://pwgen.de/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://pwgen.de/widget"]}],"primaryImageOfPage":{"@id":"https://pwgen.de/#logo"}},{"@id":"https://pwgen.de/#identity","@type":"Organization","email":"info@htrs.io","legalName":"GbR HTRS i/o","name":"HTRS i/o","telephone":"+49 221 292 513 03","url":"https://pwgen.de","vatID":"DE359532582","address":{"@type":"PostalAddress","streetAddress":"Gotenring 9","addressLocality":"Köln","postalCode":"50679","addressCountry":"DE"},"logo":{"@id":"https://pwgen.de/#logo"},"sameAs":["https://htrs.io"]},{"@id":"https://pwgen.de/widget#/schema/software-application/1","@type":"SoftwareApplication","applicationCategory":"DeveloperApplication","name":"pwgen.de Widget","operatingSystem":"Web Browser","url":"https://pwgen.de/widget.js","offers":{"@type":"Offer","availability":"https://schema.org/InStock","price":"0","priceCurrency":"EUR","priceValidUntil":"2027-12-30T00:00:00.000Z"}},{"@id":"https://pwgen.de/#logo","@type":"ImageObject","caption":"HTRS i/o","contentUrl":"https://pwgen.de/apple-touch-icon.png","inLanguage":"de","url":"https://pwgen.de/apple-touch-icon.png"}]}
```

## Sitemap

See the full [sitemap](https://pwgen.de/sitemap.md) for all pages.