Integration

Widerrufsbutton für Custom HTML

Ob React, Vue, Next.js, Webflow, Framer, Squarespace oder selbstgebautes HTML – ein Script-Tag, fertig. Keine Abhängigkeiten, keine Frameworks, keine Builds.

Schritt-für-Schritt-Anleitung

1
Widget-Key aus dem Dashboard kopieren
Registrieren Sie sich auf widerrufbutton.net, legen Sie einen Shop an und kopieren Sie den 25-stelligen Widget-Key. Dauert 30 Sekunden.
2
Script-Tag vor </body> einfügen
Platzieren Sie den WiderrufButton-Code direkt vor dem schließenden </body>-Tag Ihrer Seite. Ersetzen Sie IHR_WIDGET_KEY durch Ihren Key. Bei Next.js/React nutzen Sie next/script mit strategy afterInteractive.
3
Shop-Domain im Dashboard hinterlegen
Damit das Widget auf Ihrer Seite laufen darf, tragen Sie die exakte Domain (inkl. www. wenn vorhanden) im WiderrufButton Dashboard beim Shop ein. Ohne diesen Eintrag blockiert der Browser die Verbindung zum Widget.

Für Framer, Webflow und Squarespace: Site Settings → Custom Code → Footer Code. Für Google Tag Manager: neuer Tag → Custom HTML → Trigger All Pages.

Das Script-Tag

Sie benötigen zuerst Ihren persönlichen Widget-Key. Das Beispiel unten enthält nur den Platzhalter IHR_WIDGET_KEY. Bleibt er stehen, wird der Button zwar angezeigt, das Absenden eines Widerrufs schlägt aber fehl. Registrieren Sie sich kostenlos – Sie erhalten dann im Dashboard Ihr fertiges Script-Tag mit bereits eingesetztem Key zum Kopieren.

Kostenlos registrieren & Widget-Key erhalten →

<script
  src="https://widerrufbutton.net/widget/v1/wh.js"
  data-shop-id="IHR_WIDGET_KEY"
  data-position="fixed-bottom-right"
  data-lang="auto"
  data-market="DE"
  async
  defer
></script>

Ohne Code: der Widerrufs-Link

Kein Zugriff auf den HTML-Code oder kein Script möglich? Jeder Shop erhält zusätzlich einen persönlichen Widerrufs-Link. Verlinken Sie diese Adresse einfach als „Vertrag widerrufen“ in Ihrem Footer – als Text- oder Bild-Link:

https://widerrufbutton.net/widerruf/IHR_WIDGET_KEY

Den fertigen Link mit Ihrem Key finden Sie im Dashboard direkt unter dem Einbau-Code. Empfohlen bleibt das Script-Tag oben – es zeigt den Button automatisch auf jeder Seite an.

Mehr über den Widerrufsbutton erfahren:

Widget-Details Rechtliche Pflichten Pflicht-Check Preise

Häufige Fragen zu Custom HTML

Bereit für Custom HTML?

Registrieren Sie sich kostenlos und erhalten Sie Ihren persönlichen Widget-Key mit einer Schritt-für-Schritt-Anleitung für Custom HTML.

Jetzt kostenlos für Custom HTML einrichten

14 Tage kostenlos • Keine Kreditkarte erforderlich