sharepa

Warteliste oder Newsletter-Anmeldung, bei der die Seite stehen bleibt

Stand:

Du willst sharepa direkt aus dem Chat benutzen? So verbindest du Claude oder ChatGPT

Ein Feld für die E-Mail-Adresse mitten auf einer Landingpage soll den Besucher nicht wegschicken. Er tippt seine Adresse ein, drückt den Knopf, und an derselben Stelle steht „Danke, du stehst auf der Liste“. Die Adressen landen bei dir in der App, als Tabelle und als CSV.

Das geht auf sharepa mit wenigen Zeilen, die dein Chat für dich schreibt. Du musst ihm nur sagen, dass die Seite stehen bleiben soll.

So geht es

  1. Beschreib dem Chat deine Seite und häng den Prompt-Anhang aus dem nächsten Abschnitt an. Ein Beispiel:
Bau mir eine Landingpage für meinen Sauerteig-Kurs in Bern.
Grosse Überschrift, zwei Sätze, darunter ein Feld für die E-Mail-Adresse und der Knopf „Auf die Warteliste“.
Nach dem Absenden soll an der Stelle des Feldes „Danke, du stehst auf der Liste“ stehen.
  1. Füg den Code auf app.getsharepa.ch ein. Unter der Vorschau steht grün „Diese Seite sammelt Formulareinträge“.
  2. Veröffentliche die Seite und trag dich einmal selbst ein. Die Seite lädt nicht neu, das Feld wird zu deinem „Danke“.
Landingpage mit einem E-Mail-Feld und dem Knopf „Auf die Warteliste“
  1. Unter „Meine Seiten“ steht deine Adresse im Tab „Einträge“. Lösch den Test wieder.

Prompt-Anhang zum Kopieren

Technische Vorgaben für das Anmeldefeld (die Seite wird auf sharepa gehostet):

- Das Formular hat action="/__sharepa/formular" und method="post" und einen echten Absende-Knopf (type="submit"). So funktioniert es auch ohne JavaScript.

- Mit JavaScript bleibt die Seite stehen: das Absenden abfangen (preventDefault) und senden mit fetch(formular.action, { method: "POST", headers: { accept: "application/json" }, body: new URLSearchParams(new FormData(formular)) }). Keinen anderen Dienst und keine andere Adresse verwenden.

- Ist die Antwort ok (r.ok), das Formular durch eine Danke-Meldung ersetzen (role="status"). Sonst eine kurze Fehlermeldung zeigen (role="alert") und den Knopf wieder freigeben.

- Den Knopf während des Sendens deaktivieren, damit niemand doppelt absendet.

- Das Feld heisst name="email" und hat type="email" und required. Die Feldnamen werden die Spaltentitel in meiner Tabelle.

- Füg ein verstecktes Feld gegen Bots ein: <input type="text" name="_honig" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px">

- Optional: <input type="hidden" name="_formular" value="Warteliste"> benennt das Formular.

- Setz unter das Feld einen kurzen Satz, wofür ich die Adresse verwende, mit einem Link zu meiner Datenschutzerklärung. Keine Pflicht-Checkbox.

Ohne JavaScript: auf einen Abschnitt deiner Seite springen

Wer es schlicht mag, lässt das Skript weg. Ein verstecktes Feld schickt den Besucher nach dem Absenden auf einen Abschnitt deiner eigenen Seite statt auf die Danke-Seite von sharepa:

<input type="hidden" name="_weiter" value="/#danke">

Dazu gehört irgendwo auf der Seite ein Abschnitt mit id="danke", in dem dein Dank steht. Die Seite lädt dabei einmal neu und springt dorthin. Erlaubt sind nur Pfade deiner eigenen Seite, also Werte, die mit / beginnen.

Warteliste ja, Newsletter mit Vorsicht

Für eine Warteliste, eine Voranmeldung oder „Sag mir Bescheid“ ist das genau richtig: Du sammelst Adressen und schreibst den Leuten einmal, wenn es so weit ist.

Für einen Newsletter, den du regelmässig verschickst, fehlt ein Schritt. Wer sich bei dir einträgt, bekommt von sharepa keine E-Mail, auch keine zum Bestätigen der Adresse. Newsletter-Dienste schicken diese Bestätigung von sich aus, und vielerorts gilt nur sie als Nachweis, dass jemand wirklich zugestimmt hat. Nimm dafür das Anmeldeformular deines Newsletter-Dienstes und bau es in deine Seite ein. sharepa lässt Formulare mit eigenem Ziel in Ruhe; die Adressen landen dann beim Dienst und nicht in deiner App.

Was das kostet

Nichts. Es gelten die Grenzen für Formulare: gratis 50 Einträge pro Seite und Tag und 200 pro Konto in 30 Tagen. Ist die Grenze erreicht, bekommt dein Skript eine Fehlantwort und zeigt seine Fehlermeldung.

Fragen

Warum sehe ich nach dem Absenden trotzdem die Danke-Seite von sharepa?

Dann läuft das Skript nicht, und das Formular sendet auf dem gewöhnlichen Weg. Meist fehlt das Abfangen des Absendens, oder das Skript steht vor dem Formular und findet es noch nicht. Gib dem Chat den Anhang oben und sag ihm, dass die Seite nach dem Absenden stehen bleiben soll.

Funktioniert das auch in einem React-Artefakt?

Ja. Dort sendet der Chat meist mit fetch und JSON und zeigt danach einen eigenen Zustand. Beides nimmt sharepa an. Die Vorschau warnt dich, falls das Formular nirgends hinsendet.

Bekomme ich eine E-Mail bei jeder Anmeldung?

Bei der ersten innert fünf Minuten, danach höchstens eine pro Stunde mit der Anzahl neuer Einträge. Die Adressen selbst stehen nie in der E-Mail, nur in der App.

Kann sich jemand zweimal eintragen?

Ja, sharepa prüft nicht auf doppelte Adressen. Nach dem Herunterladen sortierst du sie in deiner Tabelle mit einem Klick aus.

Kann ich die Liste später in meinen Newsletter-Dienst übernehmen?

Technisch ja, als CSV. Frag die Leute dann aber nochmals, ob sie den Newsletter wollen: Sie haben sich für eine Warteliste eingetragen, nicht für regelmässige Post.

Kostenlos ausprobieren