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.
<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>Mehr über den Widerrufsbutton erfahren:
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 einrichten14 Tage kostenlos • Keine Kreditkarte erforderlich