Die Einstellungsseite im App-Admin

Alles, was Formular, Sprachen, E-Mails und Aussehen des Buttons betrifft, stellst du an einer einzigen Stelle ein: unter Konfiguration im eingebetteten App-Admin. Diese Seite geht die Karten von oben nach unten durch – jede mit ihren Einstellungen, Standardwerten und erlaubten Bereichen.

Wo du die Seite findest

Shopify-Admin → AppsWiderrufsbutton → im Menü der App auf Konfiguration. Die Seite trägt die Überschrift "Einstellungen".

Wichtig zu wissen: Die Seite ist ein einziges Formular. Änderungen auf allen Karten werden gemeinsam mit dem Button Einstellungen speichern übernommen – es gibt keinen eigenen Speichern-Button pro Karte. Verlässt du die Seite ohne zu speichern, ist nichts übernommen. Wird eine Eingabe abgelehnt – etwa eine ungültige URL oder ein Farbwert, der kein Hex-Code ist – kommst du mit deinen Eingaben und einer Fehlermeldung am betroffenen Feld zurück; gespeichert wird in dem Fall nichts.

1. Allgemein

EinstellungStandardErlaubt
Widerrufsfrist (Tage)14Ganze Zahl von 1 bis 365, oder leer

Sei dir bewusst, was dieser Wert tut und was nicht: Er wird in den E-Mail-Vorlagen über den Platzhalter {{withdrawal_period_days}} ausgegeben, damit du die Frist in der Kundenkommunikation nicht an mehreren Stellen pflegen musst. Er blendet das Formular nicht automatisch aus, sobald die Frist abgelaufen ist. Ob ein Widerruf fristgerecht eingegangen ist, entscheidest weiterhin du bei der Bearbeitung – das Eingangsdatum steht dafür in jedem Antrag.

2. E-Mail & Benachrichtigungen

EinstellungStandardErlaubt
Absender-E-Mailleer → E-Mail-Adresse des ShopsGültige E-Mail-Adresse, bis 255 Zeichen
AbsendernameleerText bis 255 Zeichen
Benachrichtigungs-E-Mail(s) für MitarbeiterleerKommagetrennte Adressen, insgesamt bis 1000 Zeichen

Trage als Absender eine Adresse deiner eigenen Domain ein, die auch wirklich existiert und gelesen wird – Kunden antworten erfahrungsgemäß direkt auf die Bestätigungsmail. Mehrere Benachrichtigungsadressen trägst du kommagetrennt ein, etwa team@ihrshop.de, leitung@ihrshop.de.

3. Storefront-Sprachen

Hier hakst du an, welche der sieben unterstützten Sprachen deine Storefront anbietet.

CodeSpracheStandardmäßig aktiv
en-GBEnglischja – und Standardsprache
de-DEDeutschja
fr-FRFranzösischnein
nl-NLNiederländischnein
es-ESSpanischnein
it-ITItalienischnein
pl-PLPolnischnein

Die Standardsprache ist immer aktiv und lässt sich nicht abwählen – sie ist mit (Standard) gekennzeichnet. Welche Sprache ein Kunde am Ende sieht, entscheidet die Sprache der aufgerufenen Storefront-Seite; ist sie nicht aktiv, greift die Standardsprache.

Die Auswahl hier steuert außerdem, wie viele Reiter die beiden folgenden Karten anzeigen: Für jede aktive Sprache gibt es genau einen.

4. Formularfelder

Die Karte mit den meisten Stellschrauben. Sie hat einen Reiter je aktiver Sprache und darunter eine Tabelle mit den Spalten Feld, Beschriftung und Pflicht. Die angegebene Beschriftung ist der mitgelieferte deutsche Text; lässt du das Feld leer, greift genau diese Übersetzung.

FeldTypBeschriftung (Deutsch)Pflicht
VornameTextfeldVornamefrei wählbar, Standard: nein
NachnameTextfeldNachnamefrei wählbar, Standard: nein
E-Mail-AdresseE-Mail-FeldE-Mail-Adresseimmer Pflicht (gesperrt)
BestellnummerTextfeldBestellnummerfrei wählbar, Standard: nein
BestelldatumDatumsfeldBestelldatumfrei wählbar, Standard: nein
TelefonnummerTelefonfeldTelefonnummerfrei wählbar, Standard: nein
Zusätzliche Informationenmehrzeiliges TextfeldZusätzliche Informationenfrei wählbar, Standard: nein
Zustimmung WiderrufsbelehrungCheckboxIch habe die Widerrufsbelehrung gelesen und akzeptiertimmer Pflicht (gesperrt)

Drei Dinge, die man der Karte nicht ansieht:

  • Die Beschriftung pflegst du je Sprache getrennt, bis zu 255 Zeichen. Jeder Reiter zeigt genau den Text, den ein Kunde in dieser Sprache im Formular liest.
  • Die Spalte Pflicht erscheint nur auf dem Reiter der Standardsprache. Das ist Absicht: Ob ein Feld ausgefüllt werden muss, ist eine Eigenschaft des Formulars und gilt in allen Sprachen gleich.
  • E-Mail-Adresse und Zustimmung zur Widerrufsbelehrung tragen den Zusatz (gesperrt). Ohne E-Mail-Adresse gäbe es keine Bestätigung und keinen Tracking-Link, ohne ausdrückliche Zustimmung keine belastbare Willenserklärung.

Unterhalb der Zeile zur Widerrufsbelehrung steht auf dem Standardsprachen-Reiter zusätzlich ein weiteres Feld:

EinstellungStandardErlaubt
URL der WiderrufsbelehrungleerGültige URL, bis 500 Zeichen

Trägst du dort eine Adresse ein, wird der Zustimmungstext im Formular zu einem anklickbaren Link darauf, der in einem neuen Tab öffnet.

Was ein Kunde in die Felder schreiben darf

FeldGrenze
Vorname, Nachname, Bestellnummerje 255 Zeichen
E-Mail-Adresse255 Zeichen, muss eine gültige Adresse sein
Telefonnummer50 Zeichen
Bestelldatumgültiges Datum
Zusätzliche Informationen5000 Zeichen

5. Storefront-Button

Steuert Beschriftung und Darstellung der Button-Blöcke in der Storefront. Auch diese Karte hat einen Reiter je aktiver Sprache, denn die Button-Beschriftung ist sprachabhängig; alles darunter gilt für alle Sprachen.

EinstellungStandardErlaubt
Button-Beschriftung (je Sprache)leer → Text aus dem Theme-BlockText bis 255 Zeichen
AusrichtungBlock-Einstellung verwendenBlock-Einstellung verwenden, Links, Zentriert, Rechts
Theme-Stil verwendenanan / aus
Hintergrundfarbe#4f46e5Hex-Farbe mit sechs Stellen
Textfarbe#ffffffHex-Farbe mit sechs Stellen
Randradius60 bis 100 Pixel
Vertikaler Abstand120 bis 80 Pixel
Horizontaler Abstand280 bis 120 Pixel
Schriftgröße1610 bis 48 Pixel
Schriftstärke600 (Halbfett)400, 500, 600, 700

Farb-, Abstands- und Schriftwerte greifen nur, wenn Theme-Stil verwenden ausgeschaltet ist. Die Ausrichtung ist der eine Wert, bei dem "nichts ausgewählt" eine echte Option ist: Block-Einstellung verwenden ist der Normalfall und überlässt die Ausrichtung dem Theme-Editor. Die Einstellungen des Theme-Blocks selbst haben eigene, engere Bereiche – sie stehen unter Blöcke auf einer Seite platzieren.

6. Status-Farben

Für jeden der fünf Status stellst du eine Hintergrund- und eine Textfarbe ein. Diese Farben werden für die Status-Badges im App-Admin und auf der Statusseite deiner Kundschaft verwendet.

StatusHintergrundText
Eingegangen#dbeafe#1e40af
In Prüfung#fef9c3#854d0e
Wartet auf Rücksendung#ffedd5#9a3412
Angenommen#dcfce7#166534
Abgelehnt#fee2e2#991b1b

Beide Werte müssen Hex-Farben mit sechs Stellen sein, zum Beispiel #dbeafe. Jede Zeile hat einen Zurücksetzen-Link, der genau dieses Farbpaar auf den Standard zurückstellt.

7. Tarif und Rechtliches

Die beiden letzten Karten sind reine Information und liegen unterhalb des Speichern-Buttons.

  • Tarif zeigt dir, ob dein Shop auf Free oder Premium läuft, und bietet bei Free den Upgrade-Button an.
  • Rechtliches verlinkt die Auftragsverarbeitungsvereinbarung und die Datenschutzhinweise.

Was du nicht einstellen kannst

Zwei Bereiche sind bewusst fest verdrahtet.

GrenzeWert
Anhänge je Antrag (Premium)10 Dateien
Größe je Datei (Premium)10 MB
Erlaubte Dateitypen (Premium)PDF, PNG, JPG, JPEG, WEBP, GIF
Widerrufe je IP-Adresse5 in 10 Minuten
Widerrufe je Shop30 in 10 Minuten

Wird eine der beiden letzten Grenzen überschritten, antwortet die App mit einer Fehlermeldung statt den Antrag anzulegen. Ist im Shop ein reCAPTCHA hinterlegt, wird jede Einsendung zusätzlich unsichtbar dagegen geprüft. Im Free-Tarif wird das Upload-Feld im Formular gar nicht erst angezeigt.

Weiterlesen