Shopify-Rückgabe- und Umtauschformular
Füge deinem Shopify-Store ein Rückgabe- und Umtauschformular hinzu, ganz ohne App. Füge es in eine Liquid-Section ein, erfasse Bestellnummer und Grund, und Anfragen landen in deinem Posteingang zum Prüfen und Beantworten. Kein Rückgabe-App-Abo.
So baust du es
- Erstelle ein Formular in deinem Formpaste-Dashboard und kopiere den Zugangsschlüssel.
- Füge das obige Markup in eine Liquid-Section oder einen Custom-Liquid-Block auf deiner Rückgabeseite ein.
- Ersetze YOUR_ACCESS_KEY_HERE durch deinen Zugangsschlüssel, dann speichere und veröffentliche.
Shopify-Fallstricke
Shopifys Theme-Formulare sind auf ein paar Templates festgelegt, und die meisten eigenen Formulare drängen dich zu einer kostenpflichtigen App. Ein Formpaste-Formular ist ein einfaches HTML-Formular, das du in eine Liquid-Section, ein Template oder einen Custom-Liquid-Block einfügst - so bekommst du genau die Felder, die du brauchst, ohne App-Abo.
Füge es in Liquid ein
Füge das Formular-Markup in eine Section oder ein Template in deinem Theme ein, oder platziere es in einem Custom-Liquid-Block im Theme-Editor. Es ist reines HTML, also rendert Liquid es unverändert.
Kein App-Abo
Apps für eigene Formulare berechnen monatliche Gebühren und fügen deinem Storefront Skripte hinzu. Ein Formular, das an Formpaste sendet, ist inertes Markup - nichts zu installieren, nichts, was die Seite verlangsamt, keine wiederkehrende Gebühr.
Du kannst aus Liquid vorbefüllen
Weil das Markup in einem Liquid-Template liegt, kannst du Produkt- oder Kundenwerte mit Liquid-Tags einfügen - zum Beispiel den Produktnamen bei einem Wieder-verfügbar-Formular vorbefüllen.
Behalte das access_key-Eingabefeld
Das versteckte access_key-Eingabefeld muss im Markup bleiben. Es identifiziert dein Formular gegenüber Formpaste.
Worauf es ankommt
Das ist RMA-Erfassung, kein Rückgabeportal
Das Formular erfasst die Rückgabeanfrage, damit du sie prüfen und mit den nächsten Schritten antworten kannst. Es stellt kein Label aus und veranlasst von selbst keine Rückerstattung.
Eine Grund-Auswahl macht die Triage einfach
Ein Dropdown mit gängigen Gründen lässt dich Rückgaben sortieren und weiterleiten, ohne jede Nachricht zu lesen. Behalte eine Sonstiges-Option plus ein Detailfeld für den Rest.
Setze Erwartungen zur Richtlinie
Nenn dein Rückgabefenster und die Zustandsregeln in der Nähe des Formulars, damit eine Anfrage mit den richtigen Erwartungen ankommt. Reply-to ist der Kunde.
So funktioniert es
Drei einfache Schritte, bis Formular-Einsendungen in deinem E-Mail-Posteingang landen.
Erstelle dein Formular, setze die action-URL auf den Formpaste-Endpunkt und trage deinen Zugangsschlüssel ein.
Formular erstellen
Melde dich an, verifiziere deine E-Mail und erstelle einen Zugangsschlüssel im Dashboard.
Code kopieren
Füge das Snippet oben in dein Projekt ein. Wähle CSS oder Tailwind passend zu deiner Website.
<form action="https://api.formpaste.com/submit" method="POST" class="mx-auto flex w-full max-w-md flex-col gap-4 rounded-xl border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-800 dark:bg-gray-950">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Name
<input type="text" name="name" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">E-Mail
<input type="email" name="email" placeholder="du@beispiel.de" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Bestellnummer
<input type="text" name="order" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Grund
<select name="reason" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100">
<option>Falsche Größe</option>
<option>Beschädigt</option>
<option>Nicht wie beschrieben</option>
<option>Meinung geändert</option>
<option>Sonstiges</option>
</select>
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Details
<textarea name="details" class="min-h-28 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100"></textarea>
</label>
<button type="submit" class="w-full rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-gray-800 disabled:opacity-60 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-200">Rückgabe anfragen</button>
</form>Zugangsschlüssel hinzufügen
Ersetze den Platzhalter durch deinen Zugangsschlüssel, um Einsendungen zu empfangen.
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">Shopify-Rückgabe- und Umtauschformular FAQ
Formular einfügen. Einsendungen erhalten.
Sofort, ohne Backend, Server oder Datenbanken einzurichten. 250 Einsendungen/Monat kostenlos - keine Kreditkarte.