Shopify-Wieder-verfügbar-Formular
Füge deinen Shopify-Produktseiten ein Wieder-verfügbar-Formular hinzu, ganz ohne App. Füge es in eine Liquid-Section ein, erfasse die E-Mail des Shoppers und das Produkt, und benachrichtige ihn bei Wiederverfügbarkeit über dein eigenes Tooling. 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 ein Produkt-Template 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
Ein Feld konvertiert am besten
Ein Formular für Wieder-verfügbar-Benachrichtigungen sollte nur nach E-Mail und Produkt fragen. Jedes zusätzliche Feld senkt die Anmeldungen. Füge ein Varianten-Auswahlfeld nur hinzu, wenn Größe oder Option eine Rolle spielt.
Benachrichtige über dein eigenes Tooling
Das Formular erfasst, wer was möchte. Wenn der Artikel wieder verfügbar ist, benachrichtige die Liste über dein E-Mail-Tool oder einen Webhook - das Formular ist die Erfassung, nicht der Versender.
Halte es schlank
Das lebt auf einer Produktseite, also sollte es winzig und schnell sein. E-Mail plus Produkt ist für die meisten Shops das ganze Formular.
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">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">Variante
<select name="variant" 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>Beliebig</option>
<option>Klein</option>
<option>Mittel</option>
<option>Groß</option>
</select>
</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">Benachrichtige mich</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-Wieder-verfügbar-Formular FAQ
Formular einfügen. Einsendungen erhalten.
Sofort, ohne Backend, Server oder Datenbanken einzurichten. 250 Einsendungen/Monat kostenlos - keine Kreditkarte.