Marketing Tools

Benutzerhandbuch für Web-Formulare

Kurzfassung

Web-Formulare sind ein leistungsstarkes Tool, um Interessenteninformationen direkt von Ihrer Website oder Ihren Marketingkampagnen zu erfassen. Wenn ein Besucher ein Formular absendet, erstellt ellocharlie automatisch einen Lead-Datensatz mit allen angegebenen Informationen – einschließlich Feldwerten, Zeitstempel der Übermittlung und Marketing-Attributionsdaten aus URL-Parametern wie UTM-Codes.

Benutzerhandbuch für Web-Formulare

Einführung

Sie können Formulare als direkte Links teilen, sie mithilfe eines iframes auf Ihrer Website einbetten oder sie über ein JavaScript-Snippet in eine Seite einfügen. Formulare sind vollständig anpassbar und unterstützen mehrere Feldtypen sowie flexible Übermittlungsverhalten. Ob Sie eine Lead-Generierungskampagne durchführen oder Kundenfeedback sammeln – Web-Formulare vereinfachen den Prozess, Website-Besucher in nachverfolgte Leads in Ihrer Pipeline umzuwandeln.

So richten Sie ein Web-Formular ein

Schritt 1: Formular erstellen und benennen

  1. Navigieren Sie in ellocharlie zum Bereich „Web-Formulare".

  2. Klicken Sie auf Neues Formular erstellen oder Formular hinzufügen.

  3. Geben Sie einen Formularnamen ein – so identifizieren Sie das Formular intern.

  4. Fügen Sie optional eine Beschreibung hinzu, um den Zweck des Formulars zu dokumentieren (z. B. „Lead-Erfassung Sommerschlussverkauf").

  5. Entscheiden Sie, ob Sie den Formulartitel für Besucher anzeigen möchten – aktivieren Sie diese Option, wenn der Formularname oben im Formular auf Ihrer Website angezeigt werden soll.

Schritt 2: Felder hinzufügen und konfigurieren

  1. Klicken Sie auf Feld hinzufügen , um mit dem Hinzufügen von Formularfeldern zu beginnen.

  2. Geben Sie für jedes Feld eine Bezeichnung (der Text, den Besucher sehen) und optional einen Platzhalter (Hinweistext innerhalb des Eingabefelds) ein.

  3. Wählen Sie den Feldtypaus:

    • Einzeiliger Text – für kurze Antworten wie Namen oder E-Mail-Adressen

    • Mehrzeiliger Text – für längere Antworten wie Nachrichten oder Beschreibungen

    • Dropdown-Auswahl – zum Auswählen einer Option aus einer vordefinierten Liste

    • Kontrollkästchen – für Ja/Nein-Angaben oder Zustimmungsbestätigungen

  4. Aktivieren Sie Pflichtfeld , wenn das Feld vor dem Absenden ausgefüllt werden muss.

  5. Wiederholen Sie dies für jedes benötigte Feld.

Schritt 3: Felder Lead-Eigenschaften zuordnen

  1. Wählen Sie für jedes hinzugefügte Feld aus, welcher Lead-Eigenschaft es zugeordnet wird.

  2. Standard-Lead-Eigenschaften umfassen:

    • Vorname

    • Nachname

    • E-Mail

    • Telefon

    • Unternehmen

  3. Benutzerdefinierte Lead-Eigenschaften — wenn Sie in ellocharlie benutzerdefinierte Felder erstellt haben (z. B. Branche, Budgetbereich oder Produktinteresse), können Sie Formularfelder auch diesen zuordnen.

  4. Die Zuordnung bestimmt, wo die übermittelten Daten im Lead-Datensatz gespeichert werden. Wenn Sie beispielsweise ein Formularfeld mit der Bezeichnung „Geschäftliche E-Mail" haben, ordnen Sie es der E-Mail -Eigenschaft zu, damit die Daten an der richtigen Stelle gespeichert werden.

Schritt 4: Übermittlungsverhalten konfigurieren

  1. Legen Sie fest, was nach dem Absenden des Formulars durch einen Besucher geschieht – Sie haben zwei Möglichkeiten:

    • Dankesnachricht: Zeigen Sie dem Besucher eine benutzerdefinierte Nachricht an (z. B. „Danke für Ihre Anmeldung! Wir melden uns bald bei Ihnen.").

    • Weiterleitungs-URL: Leiten Sie den Besucher auf eine andere Seite weiter (z. B. Ihre Dankes-Seite, einen Ressourcen-Download oder eine Produkt-Demo). Alle ursprünglichen URL-Parameter werden automatisch an die Weiterleitungs-URL übergeben, sodass Ihre Analysen und Anzeigen-Pixel weiterhin funktionieren.

  2. Wählen Sie eine Option – Sie können nicht gleichzeitig eine Dankesnachricht und eine Weiterleitungs-URL für dasselbe Formular verwenden.

Schritt 5: Gestaltung anpassen

  1. Geben Sie einen benutzerdefinierten Text für die Schaltfläche „Absenden" ein (Standard ist „Absenden").

  2. Wählen Sie Schaltflächenfarben – legen Sie die Hintergrundfarbe und die Textfarbe mithilfe von Hex-Werten fest.

  3. Wählen Sie optional eine Google-Schriftart aus, um die Typografie des Formulars anzupassen.

Schritt 6: Formular aktivieren

  1. Schalten Sie das Formular auf Aktiv um, wenn Sie bereit sind, Einsendungen entgegenzunehmen.

  2. Inaktive Formulare zeichnen keine Daten auf – das ist nützlich, wenn Sie das Formular vor der Veröffentlichung testen möchten.

  3. Sobald das Formular aktiv ist, kann es Einsendungen empfangen.

So betten Sie ein Webformular ein

Webformulare können auf drei Arten geteilt und eingebettet werden:

Option 1: Direkter Link

  1. Öffnen Sie Ihr Formular in ellocharlie.

  2. Kopieren Sie die direkte URL des Formulars: https://your-domain.com/embed/form/{form-id}

  3. Teilen Sie diesen Link in E-Mails, sozialen Medien, Anzeigen oder überall dort, wo Sie Besucher auf das Formular lenken möchten.

  4. Besucher sehen das Formular auf einer eigenen Seite.

Option 2: Einbetten per iframe

  1. Kopieren Sie die direkte URL des Formulars (siehe Option 1 oben).

  2. Erstellen Sie auf Ihrer Website ein <iframe> -Element, das auf diese URL verweist:

    <iframe src="https://your-domain.com/embed/form/{form-id}" width="100%" height="600"></iframe>

  3. Passen Sie width und Höhe Attribute, um Ihr Seitenlayout anzupassen.

  4. Das Formular wird innerhalb des iframes auf Ihrer Seite gerendert.

Option 3: JavaScript-Einbettung (Empfohlen)

  1. Öffnen Sie Ihr Formular in ellocharlie.

  2. Gehen Sie zum Einbettungscode Tab.

  3. Kopieren Sie den bereitgestellten JavaScript-Snippet.

  4. Fügen Sie den Snippet in das HTML Ihrer Website ein, wo das Formular erscheinen soll – typischerweise kurz vor dem schließenden </body> Tag oder in dem Seitenbereich, in dem das Formular angezeigt werden soll.

  5. Die JavaScript-Einbettung rendert das Formular nativ innerhalb Ihrer Webseite ohne iframe-Rahmen oder Scrollprobleme und bietet so ein nahtloses Benutzererlebnis.

Marketing-Attribution mit eingebetteten Formularen verfolgen

Wenn Sie ein Formular auf einer Seite mit UTM-Parametern oder anderen URL-Parametern einbetten, werden diese Parameter bei der Formularübermittlung automatisch erfasst:

  1. Erstellen Sie Ihre Kampagnen-URLs mit angehängten UTM-Parametern:

    https://your-domain.com/embed/form/abc123?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

  2. Wenn ein Besucher das Formular absendet, werden alle URL-Parameter automatisch erfasst und im Lead-Datensatz gespeichert.

  3. Wenn Sie eine Weiterleitungs-URL konfiguriert haben, werden alle ursprünglichen Parameter automatisch an das Weiterleitungsziel angehängt – so erhalten Ihre Danke-Seite, Analysetools und Anzeigen-Konversionspixel die Attributionsdaten.

  4. Sie können beliebige URL-Parameter erfassen, nicht nur UTM-Codes – benutzerdefinierte Parameter wie ?ref=partner123&campaign_id=456 werden ebenfalls gespeichert und sind in Ihren Einreichungsdatensätzen verfügbar.

Webformular-Einsendungen anzeigen

Formular-Analyse-Dashboard

Jedes Formular zeigt eine kurze Übersicht seiner Leistung:

  • Gesamtaufrufe – wie oft das Formular geladen wurde

  • Gesamteinsendungen – wie viele Besucher das Formular ausgefüllt und abgesendet haben

  • Konversionsrate – der Prozentsatz der Aufrufe, die zu Einsendungen geführt haben

Einsendungstabelle

  1. Öffnen Sie ein Formular und navigieren Sie zu Einsendungen Tab.

  2. Zeigen Sie eine vollständige Liste aller Einsendungen an mit:

    • Besucherinformationen (Name, E-Mail, Unternehmen usw.)

    • Zeitstempel der Einsendung

    • Quell-/Attributionsdaten (UTM-Parameter und andere URL-Parameter)

    • Alle benutzerdefinierten Feldwerte

  3. Klicken Sie auf eine beliebige Einsendung, um den vollständigen Lead-Datensatz anzuzeigen, der aus dieser Einsendung erstellt wurde.

Daten als CSV exportieren

  1. Klicken Sie in der Einsendungstabelle auf Als CSV exportieren.

  2. Der Export enthält:

    • Alle Standard-Lead-Felder (Vorname, Nachname, E-Mail, Telefon, Unternehmen)

    • Alle benutzerdefinierten Feldwerte

    • UTM-Parameter als einzelne Spalten

    • Eine vollständige Parameterzeichenfolgen-Spalte mit allen URL-Abfrageparametern, die zum Zeitpunkt der Einsendung erfasst wurden

  3. Verwenden Sie die CSV für Berichte, Analysen oder den Import in externe Tools.

Webformular-Workflows

Lead-Erstellung aus Formulareinreichungen

Wenn ein Besucher ein Formular absendet:

  1. ellocharlie erstellt automatisch einen neuen Lead-Datensatz.

  2. Alle zugeordneten Feldwerte werden im Lead eingetragen.

  3. Der Einreichungszeitstempel wird erfasst.

  4. Eine vollständige JSON-Erfassung aller URL-Abfrageparameter wird im Lead-Datensatz gespeichert.

  5. Der Lead-Status wird automatisch auf „Neu".

  6. gesetzt. Der Lead erscheint in Ihrer Lead-Liste und ist bereit für die Nachverfolgung.

Einen Lead in ein Geschäft umwandeln

Sobald Sie einen Lead geprüft und als qualifiziert eingestuft haben, können Sie ihn in ein Geschäft umwandeln:

  1. Öffnen Sie den Lead-Datensatz aus Ihrer Lead-Liste.

  2. Wählen Sie die Option In Geschäft umwandeln.

  3. ellocharlie führt automatisch folgende Aktionen aus:

    • Erstellt einen zugehörigen Unternehmensdatensatz (sofern noch keiner vorhanden ist)

    • Erstellt einen zugehörigen Kontaktdatensatz mit den Informationen des Leads

    • Erstellt ein neues Geschäft in Ihrer Vertriebspipeline

  4. Alle ursprünglichen Formulardaten und Marketing-Attributionen werden im Geschäft gespeichert.

  5. Das Geschäft ist nun bereit, Ihre Vertriebsphasen zu durchlaufen.

Automatisierung mit Webformularen verwenden

Sie können Automatisierungsregeln einrichten, um automatisch auf Formulareinreichungen und neue Leads zu reagieren:

  • Neue Leads automatisch einem Teammitglied zuweisen

  • Eine Slack-Benachrichtigung senden, wenn ein Formular eingereicht wird

  • Tags oder Notizen zu Leads basierend auf Einreichungsdaten hinzufügen

  • Projekte oder Aufgaben zur Nachverfolgung erstellen

  • Weitere Aktionen basierend auf Lead-Eigenschaften oder der Einreichungsquelle auslösen

Weitere Informationen zur Einrichtung finden Sie in der Dokumentation zu Automatisierungen.

Best Practices und FAQ zu Webformularen

Best Practices

E-Mail-Feld einbinden Fügen Sie immer ein E-Mail-Feld hinzu, das der E-Mail -Eigenschaft zugeordnet ist. Dadurch wird die Lead-Deduplizierung korrekt durchgeführt – wenn dieselbe Person mehrere Formulare einreicht, kann ellocharlie sie als denselben Lead erkennen. Die E-Mail-Adresse ist auch bei der Kontakterstellung unerlässlich, wenn Sie Leads in Geschäfte umwandeln.

Formulare kurz halten Längere Formulare haben niedrigere Konversionsraten. Erfassen Sie nur die Informationen, die Sie wirklich benötigen. Weitere Details können Sie immer in Folgegesprächen erfragen.

Klare Feldbeschriftungen verwenden Verfassen Sie beschreibende Bezeichnungen und hilfreichen Platzhaltertext, damit Besucher verstehen, welche Informationen Sie anfragen.

Vor der Veröffentlichung testen Testen Sie das Formular vor der Aktivierung gründlich. Überprüfen Sie Folgendes:

  • Alle Felder erfassen Daten korrekt

  • Die Feldzuordnungen sind korrekt

  • Die Danke-Nachricht oder Weiterleitungs-URL funktioniert wie erwartet

  • Das Formular wird auf Ihrer Website korrekt angezeigt

UTM-Parameter nutzen Wenn Sie bezahlte Kampagnen oder mehrere Marketingkanäle betreiben, fügen Sie Ihren Formular-URLs immer UTM-Parameter hinzu. So können Sie verfolgen, welche Kampagnen und Kanäle die wertvollsten Leads generieren.

Formularleistung überwachen Überprüfen Sie regelmäßig das Analytics-Dashboard Ihres Formulars (Aufrufe, Einreichungen, Konversionsrate), um zu verstehen, wie gut das Formular funktioniert. Wenn die Konversionsraten niedrig sind, erwägen Sie, das Formular zu vereinfachen oder verschiedene Botschaften zu testen.

Häufig gestellte Fragen

F: Was passiert, wenn ein Besucher ein Formular absendet? A: Ein neuer Lead-Datensatz wird erstellt, der alle zugeordneten Feldwerte, den Einreichungszeitstempel und eine vollständige JSON-Erfassung aller zum Zeitpunkt der Einreichung vorhandenen URL-Abfrageparameter enthält. Der Lead-Status wird auf „Neu" gesetzt.

F: Was passiert mit UTM-Parametern, wenn ich eine Weiterleitungs-URL festlege? A: Alle Abfrageparameter der ursprünglichen Formular-URL werden automatisch an die Weiterleitungs-URL angehängt. Wenn das Formular beispielsweise mit ?utm_source=google&gclid=xyzgeladen wurde, werden diese Parameter an Ihr Weiterleitungsziel übergeben, sodass Werbeplattformen und Analyse-Tools sie weiterhin auslesen können.

F: Kann ich Daten über UTM-Parameter hinaus erfassen? A: Ja. Alle Abfrageparameter in der Formular-URL werden automatisch erfasst – nicht nur UTM-Parameter. Benutzerdefinierte Parameter wie ?ref=partner123&campaign_id=456 werden gespeichert und sind in Einreichungsdatensätzen und CSV-Exporten verfügbar.

F: Welche Feldtypen sind verfügbar? A: Einzeiliger Text, mehrzeiliger Text, Dropdown-Auswahl und Kontrollkästchen. Jeder Typ unterstützt eine Beschriftung, eine Pflichtfeld-Umschaltung und – wo zutreffend – einen Platzhaltertext. Datei-Uploads, Datumsauswähler und Mehrfachauswahlfelder sind derzeit nicht verfügbar.

F: Kann ich Formularfelder benutzerdefinierten Lead-Eigenschaften zuordnen? A: Ja. Zusätzlich zu den Standardfeldern (Vorname, Nachname, E-Mail, Telefon, Unternehmen) können Sie jedes Formularfeld einer benutzerdefinierten Lead-Eigenschaft zuordnen, die Sie erstellt haben – beispielsweise Branche, Budgetrahmen oder Produktinteresse.

F: Kann ich sowohl eine Dankesnachricht als auch eine Weiterleitungs-URL im selben Formular verwenden? A: Nein. Eine Weiterleitungs-URL und eine Dankesnachricht schließen sich gegenseitig aus – Sie können pro Formular nur eine Option verwenden. Wählen Sie die Option, die am besten zu Ihrem Arbeitsablauf passt.

F: Durchlaufen über Formulare erstellte Leads automatisch meine Pipeline? A: Nein. Über Formulare erstellte Leads starten mit dem Status „Neu" und durchlaufen die Pipeline nicht automatisch ohne manuelle Aktion oder Automatisierung. Sie können Automatisierungsregeln einrichten, um Leads automatisch zuzuweisen, Benachrichtigungen zu senden oder andere Aktionen auszuführen, wenn neue Leads erstellt werden.

F: Wie erkenne ich, ob mein Formular funktioniert? A: Überprüfen Sie das Analytics-Dashboard des Formulars auf Aufrufe, Einreichungen und Konversionsrate. Sie können auch die vollständige Einreichungstabelle einsehen, um einzelne Antworten anzuzeigen, und Daten zur vertieften Analyse als CSV exportieren.

F: Was passiert, wenn ich ein Formular deaktiviere? A: Ein inaktives Formular erfasst keine Daten. Dies ist nützlich, wenn Sie eine Kampagne pausieren oder Änderungen testen möchten, bevor Sie wieder live gehen. Schalten Sie das Formular einfach wieder auf „Aktiv", wenn Sie bereit sind, die Einreichungserfassung fortzusetzen.

F: Kann ich ein Formular bearbeiten, nachdem es aktiviert wurde? A: Ja. Sie können Formularfelder, Gestaltung, Einreichungsverhalten und andere Einstellungen jederzeit bearbeiten. Änderungen werden sofort für neue Einreichungen wirksam. Bestehende Einreichungen und Leads werden durch Änderungen an der Formularkonfiguration nicht beeinflusst.

War diese Seite hilfreich?