Formulare

Formulare sind das Herzstück Ihrer Projekte, um Eingaben direkt von Ihrer Webseite oder Anwendung zu erfassen und automatisiert zu verarbeiten.

Formular anlegen

Um ein neues Formular zu erstellen, gehen Sie wie folgt vor:

• Navigieren Sie in Ihr Projekt und wählen Sie die Schaltfläche „Neues Formular“.

• Geben Sie Ihrem Formular einen eindeutigen und aussagekräftigen Namen.

• Optional können Sie eine Beschreibung hinzufügen, um die Funktion des Formulars für andere Benutzer klarer darzustellen.

• Speichern Sie abschließend das Formular. Danach steht Ihnen unmittelbar ein Endpoint zur Verfügung, den Sie leicht auf Ihrer Webseite oder Anwendung integrieren können.

Info

Wieviele Formulare Sie innerhalb eines Projektes anlegen können, hängt von Ihrem Abo-Plan ab.

Formular einbinden

Jedes mit formhive.net angelegte Formular erhält automatisch einen eindeutigen Formular-Endpunkt (Endpoint). Über diesen Endpoint können Ihre Web- oder Anwendungsformulare Daten direkt und sicher an formhive.net übertragen.

Wie nutze ich den Formular-Endpoint?

Um Ihren Formular-Endpunkt zu nutzen, führen Sie folgende Schritte aus:

1. Öffnen Sie Ihr Projekt und wählen Sie das gewünschte Formular aus und wählen "Einstellungen".
2. Kopieren Sie den automatisch generierten Endpoint (URL), z.B. https://app.formhive.net/submit/IHR-FORMULAR-ENDPOINT.
3. Binden Sie diese URL als Ziel Ihrer Formularabsendung (z.B. als action-Attribut in HTML-Formularen oder als Ziel einer API-Abfrage) auf Ihrer Webseite oder Anwendung ein.

Beispiel für HTML-Formulareinbindung:

<form method="POST" action="https://app.formhive.net/submit/IHR-FORMULAR-ENDPOINT">
    <label for="email">E-Mail</label>
    <input type="text" name="email" />

    <label for="comment">Kommentar</label>
    <input type="text" name="comment" />
    
    <input type="submit" value="Absenden">
</form>

Beispiel für API-Nutzung (JSON):

Sie können den Endpoint auch direkt per JavaScript oder API-Aufruf verwenden:

const FORM_ENDPOINT = 'https://app.formhive.net/submit/IHR-FORMULAR-ENDPOINT';

const formInput = (data = {}) => fetch(FORM_ENDPOINT,
    {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data),
});

formInput({email: '[email protected]', 'comment': 'Lorem ipsum'})
    .then((response) => response.json())
    .then((data) => console.log(data));

Unterstützte Methoden und Formate:

• HTTP POST-Methode zur sicheren Übertragung von Formulardaten.
• Daten können als FormData oder als JSON übertragen werden.
• Dateianhänge werden ebenfalls unterstützt (Multipart/FormData).