Vorlagen

Formulare zum Kopieren

Jede Vorlage ist reines HTML und funktioniert auch ohne JavaScript. Ersetz YOUR_ACCESS_KEY durch den Schlüssel deines Formulars aus dem Dashboard. Das Skript am Ende ist optional: Mit ihm bleibt die Seite stehen und die Antwort erscheint unter dem Formular. Wie du die Vorlagen in WordPress, Webflow oder Framer einsetzt, steht in den Anleitungen.

Kontaktformular

Name, E-Mail und Nachricht. Passt auf fast jede Website.

Weil das Feld email heißt, geht deine Antwort im Mailprogramm direkt an die absendende Person. Mit einem versteckten Feld from_name steht statt „Mailiy“ der Name deiner Website als Absender in der Benachrichtigung.

<form action="https://mailiy.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="subject" value="Neue Kontaktanfrage" />
  <label>Name
    <input type="text" name="name" required autocomplete="name" />
  </label>
  <label>E-Mail
    <input type="email" name="email" required autocomplete="email" />
  </label>
  <label>Nachricht
    <textarea name="message" rows="5" required></textarea>
  </label>
  <input type="checkbox" name="botcheck" style="display: none" tabindex="-1" autocomplete="off" />
  <button type="submit">Absenden</button>
</form>
<script src="https://mailiy.com/client/script.js" defer></script>

Nur eine Adresse und die Einwilligung. Schalte im Dashboard „Einwilligung erforderlich“ ein, dann speichert Mailiy sie mit der Einsendung.

Mailiy verschickt keine Newsletter. Die Vorlage sammelt Anmeldungen, die du als CSV exportierst oder per Webhook an dein Newsletter-Tool gibst. Fehlt dann der Haken, lehnt Mailiy die Einsendung ab.

<form action="https://mailiy.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="subject" value="Neue Newsletter-Anmeldung" />
  <label>E-Mail
    <input type="email" name="email" required autocomplete="email" />
  </label>
  <label>
    <input type="checkbox" name="consent" value="yes" required />
    Ich möchte den Newsletter bekommen.
  </label>
  <input type="checkbox" name="botcheck" style="display: none" tabindex="-1" autocomplete="off" />
  <button type="submit">Absenden</button>
</form>
<script src="https://mailiy.com/client/script.js" defer></script>

Terminanfrage

Wunschtag, Tageszeit und ein Feld für den Anlass.

Das ist eine Anfrage, keine Buchung: Mailiy prüft keinen Kalender. Mit einer automatischen Antwort bekommt die Person sofort eine Bestätigung, dass ihre Anfrage angekommen ist und du dich meldest.

<form action="https://mailiy.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="subject" value="Neue Terminanfrage" />
  <label>Name
    <input type="text" name="name" required autocomplete="name" />
  </label>
  <label>E-Mail
    <input type="email" name="email" required autocomplete="email" />
  </label>
  <label>Telefon
    <input type="tel" name="phone" autocomplete="tel" />
  </label>
  <label>Wunschtermin
    <input type="date" name="date" required />
  </label>
  <label>Uhrzeit
    <select name="time">
      <option>Vormittag</option>
      <option>Nachmittag</option>
    </select>
  </label>
  <label>Worum geht es?
    <textarea name="message" rows="5" required></textarea>
  </label>
  <input type="checkbox" name="botcheck" style="display: none" tabindex="-1" autocomplete="off" />
  <button type="submit">Absenden</button>
</form>
<script src="https://mailiy.com/client/script.js" defer></script>

Bewerbung

Mit Datei-Upload. Bis zu 5 Dateien mit zusammen 10 MB pro Einsendung.

Ohne enctype="multipart/form-data" kommt nur der Dateiname an. Mailiy scannt jede Datei auf Viren und verlinkt sie in der Benachrichtigung. Bewerbungsdaten sind sensibel, also stell eine kurze Löschfrist ein, etwa 90 Tage.

<form action="https://mailiy.com/api/submit" method="POST" enctype="multipart/form-data">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="subject" value="Neue Bewerbung" />
  <label>Name
    <input type="text" name="name" required autocomplete="name" />
  </label>
  <label>E-Mail
    <input type="email" name="email" required autocomplete="email" />
  </label>
  <label>Stelle
    <input type="text" name="position" required />
  </label>
  <label>Lebenslauf (PDF)
    <input type="file" name="cv" accept=".pdf" required />
  </label>
  <label>Anschreiben
    <textarea name="message" rows="5" required></textarea>
  </label>
  <input type="checkbox" name="botcheck" style="display: none" tabindex="-1" autocomplete="off" />
  <button type="submit">Absenden</button>
</form>
<script src="https://mailiy.com/client/script.js" defer></script>

Feedback

Eine Bewertung von 1 bis 5 und ein Kommentar. Die E-Mail ist freiwillig.

Wer anonym bleibt, schickt keine Adresse mit, dann geht auch keine automatische Antwort raus. Im Dashboard filterst du die Einsendungen per Suche und exportierst die Bewertungen als CSV für eine Auswertung.

<form action="https://mailiy.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="subject" value="Neues Feedback" />
  <fieldset>
    <legend>Wie zufrieden bist du?</legend>
    <label><input type="radio" name="rating" value="1" required /> 1</label>
    <label><input type="radio" name="rating" value="2" required /> 2</label>
    <label><input type="radio" name="rating" value="3" required /> 3</label>
    <label><input type="radio" name="rating" value="4" required /> 4</label>
    <label><input type="radio" name="rating" value="5" required /> 5</label>
  </fieldset>
  <label>Was können wir besser machen?
    <textarea name="message" rows="5" required></textarea>
  </label>
  <label>E-Mail (optional)
    <input type="email" name="email" />
  </label>
  <input type="checkbox" name="botcheck" style="display: none" tabindex="-1" autocomplete="off" />
  <button type="submit">Absenden</button>
</form>
<script src="https://mailiy.com/client/script.js" defer></script>

Vorlagen anpassen

Du kannst Felder umbenennen, löschen oder neue hinzufügen, bis zu 50 pro Formular. Wichtig ist nur das Attribut name: Es wird zur Beschriftung in der E-Mail und zur Spalte im CSV-Export. Felder ohne name schickt der Browser gar nicht mit.

Ein paar Feldnamen haben eine feste Bedeutung. subject setzt den Betreff, redirect schickt die Person nach dem Absenden auf deine eigene Danke-Seite, ccemail und bccemail setzen weitere bestätigte Empfänger in Kopie. Das versteckte Feld botcheck ist eine Falle für Bots: Ist es ausgefüllt, verwirft Mailiy die Einsendung. Lass es drin.

Die Vorlagen bringen kein CSS mit und übernehmen die Gestaltung deiner Seite. Jedes Feld steckt in einem label, damit Screenreader es vorlesen und ein Klick auf die Beschriftung das Feld auswählt. Behalte das bei, wenn du das Markup umbaust. Die vollständige Liste der Felder steht in der Doku.