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
Registriere Dich auf widerrufbutton.net, lege einen Shop an und kopiere den 25-stelligen Widget-Key. Dauert 30 Sekunden.
2
Script-Tag vor </body> einfügen
Platziere den WiderrufButton-Code direkt vor dem schließenden </body>-Tag deiner Seite. Ersetze DEIN_WIDGET_KEY durch deinen Key. Bei Next.js/React nutze next/script mit strategy afterInteractive.
3
Shop-Domain im Dashboard hinterlegen
Damit das Widget CORS-seitig auf deiner Seite laufen darf, trage die exakte Domain (inkl. www. wenn vorhanden) im WiderrufButton Dashboard beim Shop ein. Ohne das blockt der Browser die Widget-Config-API.

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

Ersetzen Sie IHR_WIDGET_KEY nach der Registrierung mit Ihrem persönlichen Widget-Key aus dem Dashboard.

<script
  src="https://widget.widerrufbutton.net/v1/wh.js"
  data-shop-id="IHR_WIDGET_KEY"
  data-position="footer"
  data-lang="de"
  async
  defer
></script>

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