> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://revoq.crisp.help/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Floating Button aktivieren **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.** | Du startest gerade frisch mit Revoq? Nutze am besten den geführten Setup-Assistenten **"Revoq einrichten"** in den App-Einstellungen. Er aktiviert den Floating Button mit nur einem Klick. 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_12ycmyp.png) --- # 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_1ek3k48.png) | Wichtig: Verwechsle den `Revoq Floating Button` nicht mit den anderen Revoq App-Blöcken (`Revoq Withdrawal Form`, `Revoq Withdrawal Button`). Diese erscheinen **nicht** in den App Embeds, sondern werden als Sektion oder Block im Template eingefügt. --- # 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](https://revoq.crisp.help/de/article/go-live-checkliste-bist-du-startklar-fur-den-19-juni-2026-1ep6mbe/). --- # 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](https://revoq.crisp.help/de/article/einbindung-in-vintage-themes-1m80wxw/) --- # 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](mailto:hello@buschbytes.com), 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](mailto:hello@buschbytes.com). --- # 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](https://revoq.crisp.help/de/article/einbindung-in-vintage-themes-1m80wxw/) * Geh die [Go-Live Checkliste](https://revoq.crisp.help/de/article/go-live-checkliste-bist-du-startklar-fur-den-19-juni-2026-1ep6mbe/) durch, um Compliance-Anforderungen abzusichern