Artikel über: Erste Schritte

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.



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




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.


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


So sieht der Button danach im Live-Shop aus:




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




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.



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



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 oder Einbindung in Vintage Themes.



Nächste Schritte


Aktualisiert am: 22/05/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!