Shopify-Produktregistrierungsformular
Füge deinem Shopify-Store ein Produktregistrierungsformular hinzu, ganz ohne App. Füge es in eine Liquid-Section ein, erfasse Produkt und Serien- oder Bestellnummer, und Registrierungen landen in deinem Posteingang oder deinem Garantie-Tool. Kein 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 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
Die Registrierung sammelt Kaufnachweis-Details
Eine Garantieregistrierung erfasst Produkt, Serien- oder Bestellnummer und Kaufdatum, damit du einen Anspruch später anerkennen kannst. Es ist ein Datensatz, kein Support-Ticket.
Leite an dein Garantiesystem weiter
Schick Registrierungen per Webhook an dein Garantie- oder CRM-Tool, damit der Datensatz dort liegt, wo du Ansprüche bearbeitest. Reply-to ist der Kunde für jede Rückfrage.
Halte es kurz
Name, E-Mail, Produkt und eine Serien- oder Bestellnummer reichen zum Registrieren. Frag nach dem Kaufbeleg nur, wenn deine Richtlinie es verlangt.
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">Produkt
<input type="text" name="product" 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">Seriennummer oder Bestellnummer
<input type="text" name="serial" 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">Kaufdatum
<input type="text" name="purchased" placeholder="JJJJ-MM-TT" 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>
<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">Produkt registrieren</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-Produktregistrierungsformular FAQ
Formular einfügen. Einsendungen erhalten.
Sofort, ohne Backend, Server oder Datenbanken einzurichten. 250 Einsendungen/Monat kostenlos - keine Kreditkarte.