> ## 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).

# Einbindung in Vintage Themes

**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.

| Tipp: Im Zweifel hilft ein Blick in den Shopify Theme Store – dort sind alle Themes mit Vintage-Themes-Label gekennzeichnet. Falls dein Theme nicht mehr im Store auffindbar ist, ist es sehr wahrscheinlich Vintage.

---

# 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](https://revoq.crisp.help/de/article/floating-button-aktivieren-qdne7k/)

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

| Empfehlung: Falls du dir unsicher bist, ob dir der Floating Button optisch gefällt oder ob er zu deinem Shop-Design passt – **probier ihn erst aus**, bevor du dich an die komplexeren Methoden machst. Der Aufwand ist minimal, und du kannst ihn jederzeit wieder deaktivieren.

---

# 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&#32;`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).

| Hinweis: Auch wenn dein Vintage Theme keine App-Blöcke in Sektionen unterstützt – App Embeds sind eine separate Funktion und funktionieren auch in Vintage Themes.

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.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_tv8hl2.png)

---

# 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.

| Egal welche Methode du wählst – der Trigger ist immer derselbe Anker: **`#revoq-widerruf`**. Schreibe ihn genau so – auch in englischsprachigen Shops. Eine "Übersetzung" zu `#revoq-withdrawal` o.ä. funktioniert nicht.

---

## 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.

| Hinweis: Nicht jedes Vintage Theme bietet einen Custom-Button im Footer. Wenn du diese Option nicht findest, nutze stattdessen Methode A (Menü-Link) oder frag deinen Theme-Anbieter, ob ein Button-Element nachgerüstet werden kann.

---

## 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:

```javascript
window.RevoqWithdrawal.open()
```

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

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

||| Diese Methode ist nur für Nutzer mit Theme-Code-Erfahrung gedacht. Wenn du nicht sicher bist, was Liquid oder HTML-Editor in Shopify bedeutet, nutze besser Methode A (Menü-Link) oder Methode B (Custom 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](https://revoq.crisp.help/de/article/go-live-checkliste-bist-du-startklar-fur-den-19-juni-2026-1ep6mbe/).

---

# 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](mailto:hello@buschbytes.com) – 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](mailto:hello@buschbytes.com) – 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](https://revoq.crisp.help/de/article/go-live-checkliste-bist-du-startklar-fur-den-19-juni-2026-1ep6mbe/) durch, um Compliance-Anforderungen abzusichern
* Hebe den [Footer-Link zur Widerrufs-Seite optisch hervor](https://revoq.crisp.help/de/article/footer-link-zur-widerrufs-seite-optisch-hervorheben-137089u/) (Custom CSS)