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

# Button in einer Sektion einbinden

**Der "Button in einer Sektion" ist die flexibelste Einbindungs-Variante: Du fügst einen Button an einer beliebigen Stelle deines Themes ein – typischerweise im Footer. Beim Klick öffnet sich das Widerrufs-Formular als Popup. In diesem Artikel zeigen wir, wie du das manuell einrichtest.**

| Du startest gerade frisch mit Revoq? Nutze am besten den geführten Setup-Assistenten **"Revoq einrichten"** in den App-Einstellungen. Er führt dich in 2 Schritten durch die Einrichtung.

Dieser Artikel beschreibt den **manuellen Weg** – relevant wenn:

* der Setup-Assistent für die "Button in einer Sektion"-Variante bereits durchgelaufen ist
* du das Theme gewechselt hast und Revoq neu im Theme platzieren musst
* du den Button an einer zusätzlichen Stelle einbinden willst
* du einen zweiten Storefront aufsetzt

---

# Das Prinzip

Du fügst einen App-Block namens `Revoq Withdrawal Button` an einer beliebigen Stelle in deinem Theme ein. Beim Klick öffnet sich das Widerrufsformular als **Popup über der aktuellen Seite** – Kunden wechseln also nicht auf eine andere Seite.

Diese Variante setzt voraus, dass dein Theme **App-Blöcke unterstützt** (alle modernen "Online Store 2.0"-Themes tun das). Bei Vintage Themes funktioniert dieser Weg nicht – nutze stattdessen den [Floating Button](#) oder schau in den Artikel [Einbindung in Vintage Themes](https://revoq.crisp.help/de/article/einbindung-in-vintage-themes-1m80wxw/).

---

# Schritt 1 · Theme-Editor öffnen

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

| Tipp: Wenn du den Button erstmal testen willst, ohne dass Kunden ihn sofort sehen, **dupliziere dein Theme** vorher und arbeite auf der Duplikats-Kopie. Erst nach erfolgreicher Funktionsprüfung publizierst du es.

---

# Schritt 2 · Sektion auswählen, in der der Button erscheinen soll

Die häufigste und empfohlene Stelle ist der **Footer**, weil er auf allen Seiten deines Shops sichtbar ist und damit die Anforderung an "dauerhafte Verfügbarkeit" aus der EU-Direktive 2023/2673 erfüllt.

Du kannst den Button aber theoretisch in jede Sektion einfügen, die App-Blöcke akzeptiert.

1. Im linken Bereich des Theme-Editors siehst du die Struktur deines Themes mit den Bereichen **Header**, **Template** und **Footer**.
2. Klicke auf die Sektion, in der der Button erscheinen soll – z. B. **Footer**.
3. Innerhalb der Sektion klickst du auf **Block hinzufügen** (engl. "Add block").

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


| Wichtig: Achte darauf, dass du auf **"Block hinzufügen"** innerhalb einer bestehenden Sektion klickst – nicht auf "Sektion hinzufügen". Der Revoq Withdrawal Button ist ein Block, der in eine vorhandene Sektion (wie deinen Footer) eingefügt wird.

---

# Schritt 3 · Den Revoq-Button-Block auswählen

1. Im aufklappenden Picker wechselst du auf den Tab **Apps**.
2. Suche nach `Revoq Withdrawal Button` und klicke darauf.

| Wichtig: Es gibt mehrere Revoq-App-Blöcke. Für diese Variante wählst du **`Revoq Withdrawal Button`** (mit Untertitel "Revoq – EU Withdrawal Button"). Verwechsle ihn nicht mit `Revoq Withdrawal Form`, der für die Einbindung auf einer eigenen Seite gedacht ist.

3. Der Button wird automatisch in deine Sektion eingefügt. Im rechten Vorschau-Bereich siehst du sofort das Ergebnis.
4. Klicke oben rechts auf **Speichern**.

So sieht der Button danach im Live-Shop aus:

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


Und so öffnet sich das Formular nach dem Klick als Popup:

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

---

# Schritt 4 · Position des Buttons innerhalb der Sektion anpassen

Nach dem Einfügen sitzt der Block in der Reihenfolge ganz unten oder oben in der Sektion – je nachdem, wo Shopify ihn einsortiert hat. Du kannst die Position per Drag-and-Drop ändern:

1. Klicke im linken Bereich auf den `Revoq Withdrawal Button`-Block.
2. Ziehe ihn an die gewünschte Position innerhalb der Sektion.
3. Speichern.

| Tipp: Im Footer ist eine Position **oben oder mittig** oft besser als ganz unten. So fällt der Button neben anderen Footer-Links wie Impressum und AGB stärker auf.

---

# Schritt 5 · Funktionsprüfung

Nach der Einbindung **immer einmal komplett durchtesten**:

1. Öffne deinen Shop in einem **Inkognito-Fenster**.
2. Scrolle in den Footer und klicke auf den Widerrufs-Button.
3. 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 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

### Der Button erscheint nicht im Theme

* Hast du oben rechts im Theme-Editor auf **Speichern** geklickt?
* Hast du tatsächlich den `Revoq Withdrawal Button`-Block (nicht den `Revoq Withdrawal Form`-Block) eingefügt?
* Ist der Block in einer Sektion eingefügt, die **auf allen Seiten** sichtbar ist (z. B. Footer)? Wenn du den Block in einer Sektion eingefügt hast, die nur auf der Startseite erscheint, sehen Kunden den Button nur dort.

### Das Popup öffnet sich nicht beim Klick

* Browser-Cache leeren oder im Inkognito-Modus testen
* Prüfe, ob im Theme-Editor 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 Button erscheint nur auf einer Seite

Du hast den Block in einer Sektion eingefügt, die nur in einem bestimmten Template aktiv ist (z. B. nur "Home page"). Lösung: Verschiebe den Block in eine Sektion, die in allen Templates erscheint – am besten der **Footer**.

### Mein Theme hat keine "Block hinzufügen"-Option im Footer

Dann nutzt dein Theme vermutlich **Vintage-Theme-Architektur** und unterstützt keine App-Blöcke. In dem Fall ist diese Einbindungs-Variante nicht möglich. Stattdessen empfohlen: [Floating Button aktivieren](https://revoq.crisp.help/de/article/floating-button-aktivieren-qdne7k/) oder [Einbindung in Vintage Themes](https://revoq.crisp.help/de/article/einbindung-in-vintage-themes-1m80wxw/).

---

# Nächste Schritte

* Passe die [Beschriftung und das Design des Buttons](#) an dein Shop-Design an
* 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
* Richte eine [eigene Absender-Domain für Bestätigungs-E-Mails](#) ein (Professional-Plan)