Shopify-Gewinnspiel-Teilnahmeformular
Füge deinem Shopify-Store ein Gewinnspiel-Teilnahmeformular hinzu, ganz ohne App. Füge es in eine Liquid-Section ein, beschränke die Teilnahme auf Name und E-Mail, und Teilnahmen landen in deinem Posteingang, während Bot-Einsendungen herausgefiltert werden. 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 auf deiner Gewinnspielseite 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
Halte die Teilnahme minimal
Je weniger Felder, desto mehr Teilnahmen. Name und E-Mail reichen, um teilzunehmen und einen Gewinner zu kontaktieren. Ein Social-Handle ist optional, falls deine Regeln eins brauchen.
Teilnahmebedingungen und Regeln sind deine Sache
Das Formular erfasst Teilnahmen. Deine Gewinnspielregeln, Teilnahmebedingungen und Gewinnerauswahl musst du in der Nähe des Formulars angeben und bei der Ziehung durchsetzen.
Bot-Teilnahmen werden isoliert
Gewinnspiele ziehen Spam an. Formpaste filtert offensichtliche Bot-Teilnahmen und isoliert Grenzfälle in einem Ordner, den du prüfst, damit deine Ziehung von echten Menschen kommt.
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">Social-Handle
<input type="text" name="handle" 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">Am Gewinnspiel teilnehmen</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-Gewinnspiel-Teilnahmeformular FAQ
Formular einfügen. Einsendungen erhalten.
Sofort, ohne Backend, Server oder Datenbanken einzurichten. 250 Einsendungen/Monat kostenlos - keine Kreditkarte.