Vintage Themes – also ältere Shopify-Themes vor Online Store 2.0 – unterstützen keine App-Blöcke. Die Einbindungs-Wege "Eigene Widerrufs-Seite" und "Button in einer Sektion" funktionieren deshalb nicht. Aber: Auch in Vintage Themes kannst du Revoq vollständig nutzen. In diesem Artikel zeigen wir, wie.

Habe ich überhaupt ein Vintage Theme?

Vintage Themes sind alle Shopify-Themes, die vor Juli 2021 veröffentlicht wurden. Bekannte Beispiele:

• Debut
• Brooklyn
• Minimal
• Supply
• Simple
• Venture
• Boundless
• Narrative

So findest du es heraus:

1. Gehe in deinem Shopify-Admin zu Online Store → Themes.
2. Klicke an deinem aktiven Theme auf Anpassen.
3. Im Theme-Editor: Wenn du kein Puzzle-Symbol in der oberen Leiste siehst und in den Sektionen kein "App-Block hinzufügen" verfügbar ist → wahrscheinlich Vintage Theme.

Der empfohlene Weg: Floating Button

Die schnellste, einfachste und für die meisten Vintage-Themes-Shops beste Lösung ist der Revoq Floating Button. Er funktioniert auch in Vintage Themes, weil er als App Embed geladen wird – und App Embeds werden auch von Vintage Themes unterstützt.

So aktivierst du ihn:

Anleitung: Floating Button aktivieren

Damit hast du in 30 Sekunden eine voll funktionsfähige Lösung – und musst dich nicht mit den fortgeschrittenen Methoden weiter unten beschäftigen.

Wenn der Floating Button nicht passt: Eigenen Trigger verwenden

Du willst keinen schwebenden Button anzeigen, sondern das Widerrufs-Popup über einen eigenen Link oder Button in deinem Footer öffnen? Das geht – und ist bei Vintage Themes der zweitbeste Weg.

So funktioniert das Prinzip

Du aktivierst das Revoq Floating Button-App-Embed, versteckst aber den sichtbaren Button. Damit bleibt die Popup-Funktion aktiv, ohne dass der schwebende Button erscheint. Anschließend triggerst du das Popup über einen eigenen Link oder Button.

Schritt 1 · Floating Button aktivieren und verstecken

1. Gehe zu Online Store → Themes → Anpassen.
2. Klicke auf das Puzzle-Symbol in der oberen Leiste (App Embeds).

3. Suche Revoq Floating Button und aktiviere den Toggle.
4. Klicke auf das App-Embed, um die Einstellungen zu öffnen.
5. Aktiviere den Toggle "Hide floating button".
6. Klicke oben rechts auf Speichern.

Damit ist das App-Embed aktiv – das Popup funktioniert – aber der schwebende Button ist unsichtbar.

Schritt 2 · Eigenen Trigger einrichten

Du hast jetzt drei Möglichkeiten, das Popup auszulösen. Wähle die, die am besten zu deinem Theme und deinem technischen Können passt.

Methode A · Menü-Link (kein Code, empfohlen)

Der einfachste Weg, das Popup auszulösen, ist ein Menü-Link mit speziellem Anker. Dafür brauchst du keinen Code – nur die Shopify-Navigation.

1. Gehe in deinem Shopify-Admin zu Inhalte → Menü.
2. Klicke auf dein Footer-Menü (z. B. "Footer menu").
3. Klicke auf Menüpunkt hinzufügen.
4. Vergib eine eindeutige Bezeichnung, z. B.:

• "Vertrag widerrufen"
• "Bestellung widerrufen"
• "Widerruf einreichen"

5. Im Link-Feld gibst du manuell den folgenden Anker ein:

#revoq-widerruf

6. Klicke auf Speichern.

Sobald der Menüpunkt gespeichert ist und das Footer-Menü auf deinen Seiten ausgeliefert wird, öffnet ein Klick auf den Link das Widerrufs-Popup.

Methode B · Custom Button im Theme (kein Code)

Viele Vintage Themes bieten in den Theme-Einstellungen die Möglichkeit, einen Custom Button im Footer oder einer anderen Sektion einzufügen – meist über Theme-Einstellungen wie "Button text" und "Button link". Wenn dein Theme das unterstützt, ist das eine optisch auffälligere Alternative zum Menü-Link.

So gehst du vor:

1. Gehe zu Online Store → Themes → Anpassen.
2. Navigiere im Theme-Editor zum Footer-Bereich oder zur Sektion, in der du den Button platzieren willst.
3. Suche nach einer Einstellung wie "Footer button", "Custom button" oder "Call-to-action".
4. Trage als Button-Text eine eindeutige Bezeichnung ein (z. B. "Vertrag widerrufen").
5. Trage als Button-Link ein:

#revoq-widerruf

6. Speichern.

Methode C · URL-Parameter (für direkte Links)

Falls du Kunden direkt auf eine Seite mit geöffnetem Popup leiten willst – z. B. aus einer E-Mail-Kampagne heraus – kannst du auch den URL-Parameter nutzen:

https://deinshop.de/?revoq=open

Beim Aufruf dieser URL öffnet sich das Popup automatisch.

Wann das sinnvoll ist: Für Kampagnen, E-Mail-Verlinkungen oder externe Links, die direkt zum Widerruf führen sollen. Für die normale Footer-Einbindung nutze besser Methode A oder B.

Methode D · JavaScript-Trigger (für Fortgeschrittene)

Für Entwickler oder fortgeschrittene Theme-Anpassungen gibt es einen JavaScript-Aufruf:

window.RevoqWithdrawal.open()

Diesen Aufruf kannst du z. B. an einen eigenen Button im Theme-Code binden:

<button onclick="window.RevoqWithdrawal.open()">Vertrag widerrufen</button>

Schritt 3 · Funktionsprüfung

Nach der Einrichtung immer einmal komplett durchtesten:

1. Öffne deinen Shop in einem Inkognito-Fenster.
2. Scrolle in den Footer und klicke auf den neuen Widerrufs-Link bzw. -Button.
3. Das Widerrufs-Popup sollte sich ö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 deine Einbindung live.

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

Häufige Probleme

Beim Klick passiert nichts

• Hast du das Revoq Floating Button-App-Embed wirklich aktiviert (auch wenn "Hide floating button" eingeschaltet ist)? Das Embed muss aktiv sein, damit das Popup geladen wird.
• Hast du den Anker als #revoq-widerruf exakt so geschrieben (kein Tippfehler, kein zusätzliches Leerzeichen)?
• Browser-Cache leeren oder im Inkognito-Modus prüfen.

Der Link scrollt nur auf der Seite, statt das Popup zu öffnen

Manche Themes interpretieren Anker-Links (#) standardmäßig als Sprungmarken innerhalb der Seite. In dem Fall versucht der Browser, zu einem Element mit der ID revoq-widerruf zu scrollen – das es nicht gibt.

Lösung: Prüfe, ob das Revoq Floating Button-App-Embed tatsächlich aktiv ist. Wenn ja, sollte der Trigger funktionieren. Falls nicht, schreib uns – wir schauen gemeinsam drauf.

Mein Theme hat keine Custom-Button-Option

Nicht jedes Vintage Theme bietet einen konfigurierbaren Footer-Button. In dem Fall nutze Methode A (Menü-Link) – das funktioniert in jedem Theme mit Footer-Menü.

Ich sehe weder den App-Embed-Bereich noch das Puzzle-Symbol

In sehr seltenen Fällen ist dein Theme so alt oder stark modifiziert, dass es keine App Embeds unterstützt. Dann sind alle Revoq-Einbindungswege nicht nativ verfügbar.

Empfehlung in diesem Fall:

• Theme aktualisieren – falls dein Theme noch aktiv gepflegt wird, gibt es vermutlich eine neuere Version mit App-Embeds-Support.
• Theme wechseln – Shopifys kostenlose Online-Store-2.0-Themes (z. B. "Dawn") sind moderner und voll kompatibel.
• Theme-Anbieter kontaktieren – wenn das Theme von einem Drittanbieter stammt.

Bei Bedarf schreib uns – wir können einschätzen, was in deinem konkreten Fall am sinnvollsten ist.

Mein Menü-Link wird mit der Shop-URL davor angezeigt (deinshop.de/#revoq-widerruf)

Das ist normal. Shopify ergänzt automatisch die Shop-URL vor dem Anker. Der Link funktioniert trotzdem.

Nächste Schritte

• Geh die Go-Live Checkliste durch, um Compliance-Anforderungen abzusichern
• Hebe den Footer-Link zur Widerrufs-Seite optisch hervor (Custom CSS)

Aktualisiert am: 22/05/2026