Der Floating Button ist die schnellste und universellste Einbindungs-Variante: Ein schwebender Button erscheint auf jeder Seite deines Shops und öffnet beim Klick das Widerrufs-Formular als Popup. Funktioniert mit jedem Theme – auch Vintage Themes. In diesem Artikel zeigen wir, wie du ihn aktivierst.

Dieser Artikel beschreibt den manuellen Weg – relevant wenn:

• der Setup-Assistent für den Floating Button bereits durchgelaufen ist
• du das Theme gewechselt hast und Revoq neu im Theme aktivieren musst
• du einen zweiten Storefront aufsetzt
• du den Button anpassen oder deaktivieren willst

Das Prinzip

Der Floating Button ist ein App Embed – kein App-Block. Das bedeutet: Er wird nicht in eine bestimmte Sektion eingefügt, sondern theme-weit aktiviert und erscheint dann automatisch auf jeder Seite deines Shops.

Beim Klick öffnet sich das Widerrufs-Formular als Popup über der aktuellen Seite.

Warum ist das die universellste Variante?

• Funktioniert mit jedem Theme (auch Vintage Themes)
• Kein Eingriff in das Theme-Layout nötig
• Sofort sichtbar auf allen Seiten
• In wenigen Sekunden eingerichtet

Schritt 1 · Theme-Editor öffnen

1. Gehe in deinem Shopify-Admin zu Online Store → Themes.
2. Klicke am aktuell aktiven Theme auf Anpassen.

Schritt 2 · App Embeds öffnen

App Embeds sind ein eigener Bereich im Theme-Editor – getrennt von Sektionen und Blöcken.

1. Klicke in der oberen Leiste des Theme-Editors auf das Puzzle-Symbol (App Embeds).
2. In der linken Seitenleiste siehst du alle verfügbaren App Embeds deines Shops.

Schritt 3 · Revoq Floating Button aktivieren

1. Suche in der Liste nach Revoq Floating Button (mit Untertitel "Revoq – EU Withdrawal Button").
2. Aktiviere den Toggle rechts neben dem Namen.
3. Klicke oben rechts auf Speichern.

Der Floating Button erscheint sofort in der Vorschau – standardmäßig unten rechts auf der Seite.

Schritt 4 · Funktionsprüfung

Nach der Aktivierung immer einmal komplett durchtesten:

1. Öffne deinen Shop in einem Inkognito-Fenster.
2. Der Floating Button sollte unten rechts (oder links, je nach Einstellung) auf jeder Seite sichtbar sein.
3. Klicke darauf – das Formular sollte sich als Popup öffnen.
4. Fülle einen Test-Widerruf mit deiner eigenen E-Mail-Adresse aus.
5. Prüfe, ob du die Bestätigungs-E-Mail erhältst.

Funktioniert alles? Dann ist die Einbindung live.

Mehr zur kompletten Funktionsprüfung in der Go-Live Checkliste.

Floating Button anpassen

Im Bereich der App-Embed-Einstellungen findest du verschiedene Konfigurationen für den Floating Button: Position, Farben, Beschriftung und mehr.

Details dazu in einem eigenen Artikel: Floating Button anpassen (Anpassung & Design)

Floating Button verstecken und über Custom-Link öffnen

In manchen Fällen willst du nicht den schwebenden Button zeigen, aber trotzdem das Popup nutzen können – z. B. um es über einen eigenen Footer-Link oder Menüpunkt zu triggern. Das ist besonders bei Vintage Themes der typische Weg.

In den Einstellungen des Revoq Floating Button-App-Embeds findest du dafür den Toggle "Hide floating button". Damit bleibt das App Embed aktiv (also das Popup funktioniert weiter), aber der schwebende Button selbst wird ausgeblendet. Das Popup kannst du dann über drei Wege auslösen:

• einen Menü-Link mit URL #revoq-widerruf
• den URL-Parameter ?revoq=open
• einen JavaScript-Aufruf window.RevoqWithdrawal.open() im Theme-Code

Detaillierte Anleitung mit allen drei Methoden: Einbindung in Vintage Themes

Häufige Probleme

Der Floating Button erscheint nicht

• Hast du oben rechts im Theme-Editor auf Speichern geklickt?
• Ist der Toggle für Revoq Floating Button tatsächlich aktiviert? (Toggle muss farbig sein, nicht grau)
• Browser-Cache leeren oder im Inkognito-Modus prüfen
• Prüfe, ob "Hide floating button" versehentlich aktiviert ist

Das Popup öffnet sich nicht beim Klick

• Browser-Cache leeren oder im Inkognito-Modus testen
• Prüfe, ob andere Apps Konflikte verursachen könnten (besonders andere Popup- oder Modal-Apps)
• Falls du JavaScript-Errors im Browser-Konsolen-Log siehst: Schreib uns kurz, dann schauen wir gemeinsam drauf

Der Floating Button überdeckt andere Buttons (Chat, Cookie-Banner)

Das passiert manchmal bei mehreren schwebenden Elementen. Lösungen:

• Floating Button auf die andere Seite verschieben (links statt rechts, oder umgekehrt)
• Über Custom CSS den Abstand zum Rand vergrößern
• Andere Apps zeitlich oder per Z-Index entkoppeln

Details zur Anpassung: Floating Button anpassen

Ich finde keine "App Embeds"-Sektion im Theme-Editor

Sehr selten – aber falls dein Theme tatsächlich keine App Embeds unterstützt, ist es ein extrem altes oder stark modifiziertes Theme. Wende dich am besten direkt an deinen Theme-Anbieter oder schreib uns.

Nächste Schritte

• Passe das Design und die Position des Floating Buttons an dein Shop-Design an
• Nutzt du ein Vintage Theme? Siehe Einbindung in Vintage Themes
• Geh die Go-Live Checkliste durch, um Compliance-Anforderungen abzusichern

Aktualisiert am: 22/05/2026