Anmeldeformular anlegen (frei gestaltbar)

Hier zeigen wir Dir, wie Du Dein Anmeldeformular selbst designen und detailliert ausgestalten kannst.

Du willst schneller zum Ziel? Dann arbeite stattdessen mit dem schnellen vorgefertigten Anmeldeformular.

Schritt für Schritt

1. Öffne den Navigationspunkt "Formulare".

2. Klicke auf Neues Formular.

3. Klicke auf "Formular-Editor nutzen".

4. Gib Deinem Formular einen sprechenden Namen.

5. Gib die Breite und Höhe für Dein Formular in Pixeln an.

6. Wähle ein Styleset.

7. Klicke auf Anlegen.

8. Struktur

   Baue die Struktur für Dein Formular auf. Die Funktionsweise ist dieselbe wie im Container-Editor.

   • Bewege Deinen Cursor von links oder rechts auf die Container-Fläche, um einen vertikalen Schnitt zu setzen.

   • Bewege Deinen Cursor von oben oder unten auf die Container-Fläche, um einen horizontalen Schnitt zu setzen.

   Werkzeug wechseln

   Für die Arbeit mit Schnitten gibt es vier Werkzeuge.

   Wechsel das Werkzeug, um Schnitte zu verschieben oder zu löschen. Oder, um Teil-Schnitte zur setzen, die nicht über die volle Breite oder Höhe gehen.

   1. Werkzeug-Icon: Schnitt setzen

      Standard und wichtigstes Werkzeug ist das Werkzeug Schnitt setzen. Mit diesem Werkzeug setzt Du einen Schnitt über die volle Seitenbreite oder Seitenhöhe.

   2. Werkzeug-Icon: Teil-Schnitt setzen

      Du kannst einen Schnitt nicht nachträglich splitten. Definiere gleich beim Anlegen des Schnitts, wie Du ihn setzen möchtest.

      • Klicke auf das Werkzeug Teil-Schnitt setzen, um einen Schnitt nur für die aktuelle Spalte oder Zeile zu setzen (1)

      • Klicke auf das Werkzeug Schnitt setzen, um einen Schnitt über die volle Breite bzw. Höhe zu setzen (2)

   3. Werkzeug-Icon: Schnitt verschieben

      Wechsel auf das Werkzeug Verschieben , um einen Schnitt nachträglich zu verschieben.

      Arbeite pixel-genau

      Du möchtest Deine Schnitt-Position pixel-genau eingeben? Im Verschieben -Werkzeug kannst Du den genauen Wert eingeben.

   4. Werkzeug-Icon: Schnitt löschen

      Wechsel auf das Werkzeug Löschen , um einen Schnitt zu löschen.

      Lösche Teil-Schnitte zuerst

      • Lösche zuerst alle Teil-Schnitte, die von einem anderen Schnitt abhängig sind (1)

      • Nun kannst Du die Schnitte löschen, die den Teil-Schnitten als Begrenzung gedient haben (2)

   Der Editor verhält sich komisch? Du kannst plötzlich keine Schnitte mehr setzen? Der Editor reagiert nicht wie gewohnt? Dann liegt das meistens daran, dass Du noch im falschen Werkzeug bist.

9. Layout

   Hier definierst Du, welches Formularelement wo platziert sein soll. Ziehe das gewünschte Formularelement per Drag-and-Drop an die Stelle im Formular, an der es erscheinen soll.

   Welche Formularelemente es gibt und wie sie funktionieren, erklären wir Dir im nächsten Schritt Inhalt.

   Inhalt & Funktion kommen später: Im Workflowschritt "Layout" definierst Du nur die Struktur. Im nächsten Workflowschritt "Inhalt" ergänzt Du dann Texte und Feldfunktionen (z. B. Checkbox für "Tracking Permission").

10. Inhalt

    Im Workflowschritt "Inhalt" kannst Du die Inhalte des Formulars eingeben und Felder konfigurieren.

    Wie sollen sich Nutzer·innen an Listen anmelden können? Überlege dir vor der Formularerstellung, wie sich Nutzer·innen für deine Liste oder deine Listen anmelden sollenDu kannst zwischen zwei Möglichkeiten wählen oder beide kombinieren:
    Anmeldung ohne Auswahl: Nutzer·innen müssen keine Liste auswählen. Wenn sie die Anmeldung ausführen, werden sie für die von dir festgelegte Liste oder die festgelegten Listen angemeldet. Hinterlege die Listen im Bereich „Versteckte Felder“ in den Formular-Einstellungen.
    Anmeldung mit Auswahl: Nutzer·innen wählen selbst aus, für welche Liste oder Listen sie sich anmelden. Hinterlege die Listen per Checkboxen.
    Kombination: Nutzer·innen werden für alle Listen angemeldet, die du im Bereich „Versteckte Felder“ hinterlegt hast. Zusätzlich werden sie für die Listen angemeldet, die sie selbst per Checkbox auswählen.
    Mehr dazu erfährst du im nachfolgenden Text und in der Tabelle im Feld „Checkbox“.

    Welche Formular-Einstellungen gibt es?

    Im Bereich „Versteckte Felder“ kannst du Anmeldelisten hinterlegen. Nutzer·innen werden beim Absenden des Formulars automatisch an diese Listen angemeldet. Die Listen sind im Formular nicht sichtbar und vorausgewählt. Nutzer·innen können die Auswahl nicht ändern.

    Unter „Weitere Felder“ kannst du die Tracking Permission festlegen (erteilen oder unverändert lassen) oder weitere Empfänger-Attribute definieren.

    Um ein Empfänger-Attribut hinzuzufügen:

    1. Klicke auf das Stift-Icon.

    2. Wähle „Option hinzufügen“.

    3. Wähle das "Empfänger-Attribut" aus.

    4. Gib unter „Wert“ den gewünschten Wert ein.

    Beim Absenden des Formulars wird dieser Wert automatisch gespeichert.

    Du kannst mehrere Optionen hinzufügen.

     

    Welche Formularfelder gibt es in den Element-Einstellungen?

    Dir stehen folgende Formularelemente zur Verfügung.

    Feld	Beschreibung
    Text	Gib einen oder mehrere freie Beschreibungstexte für Dein Formular ein. Textformatierung: Klicke in das Textfeld und nutze die Textstile aus Deinem Styleset. Hyperlinks: Füge über die Textwerkzeuge Links ein, z.B. auf Deine Datenschutzerklärung. Gestaltung: Achte darauf, dass das richtige Formularelement türkis hervorgehoben ist und gehe in die Element-Einstellungen. Dort sind vor allem die Bereiche "Abstände und Rahmen" und "Styling" (Buttons) für Dich interessant.
    Bild	Ziehe Bilder per Drag & Drop aus dem Medien-Panel in Dein Formular.
    Eingabefeld	Nutze das Eingabefeld, um in Deinem Anmeldeformular beliebige Attribute abzufragen. Achte darauf, dass Du auf jeden Fall die E-Mail-Adresse abfragst (Standardwert). Weitere Optionen Alle Optionen (bis auf den Label-Text) findest Du im Panel Element-Einstellungen im Workflowschritt "Inhalt". Empfänger-Attribut: Wähle das gewünschte Empfänger-Attribut aus. Pflichtfeld Label: Das Label editierst Du direkt am Textelement. Im Panel Element-Einstellungen kannst Du Dein Label ein- oder ausblenden. Platzhalter-Text: Du kannst Dein Eingabefeld mit einem Text vorbefüllen. Der vorbefüllte Text ist bei Aufruf des Formulars sichtbar. Zusätzlich kannst du Größe, Styling, Abstände und Rahmen, Ausrichtung sowie Hintergrundfarbe bearbeiten.
    Checkbox	Bei Checkboxen können Deine Empfänger·innen mehrere Optionen auswählen.   Nutze Checkboxen für: Attribute eintragen Nutze Checkboxen per Einfach- oder Mehrfachauswahl, um beliebige Attributwerte zu erfassen, z.B. zur Interessenabfrage. Beispiel: Ich interessiere mich für: Abenteuerreisen Sprachreisen Individualreisen Tracking Permission eintragen Bei aktivem Schalter willigen Deine Empfänger·innen in personenbezogenes Tracking ein.   Ergänze einen passenden Text, z.B. "Ich willige in das personenbezogene Tracking meiner Klicks und Öffnungen ein." Was bedeutet das? Alle Empfänger·innen, die die Checkbox aktivieren, willigen in personenbezogenes Tracking ein Wert der Spalte Tracking Permission: Ja Alle Empfänger·innen, die die Checkbox nicht aktivieren, lehnen personenbezogenes Tracking ab Wert der Spalte Tracking Permission: Nein § DSGVO Du darfst Klicks und Öffnungen nur von Empfänger·innen personlisiert auswerten, von denen Du die Einwilligung in personenbezogenes Tracking eingeholt hast. An Liste anmelden Gib die Versandliste an, für die Empfänger·innen angemeldet werden sollen. Du kannst auch mehrere Listen hinterlegen. Hierbei handelt es sich um eine Pflichtangabe - ohne Versand-Liste kann das Formular nicht veröffentlicht werden.   Ergänze einen passenden Text, z.B. "Ich stimme dem Empfang des Newsletters zu." Weitere Optionen: Pflichtfeld Vorausgewählt
    Radiobuttons	Bei Radiobuttons können Deine Empfänger·innen genau eine Option auswählen.   Nutze Radiobuttons für: Beliebige Attribute Attribut auswählen: Wähle Dein "Empfänger-Attribut", aus, z. B. Geschlecht.   Optionen definieren: Gib direkt im Formular einen Namen für die Option an, z. B. „Männlich“. Lege unter "Ausgewählte Option" fest, welcher Wert gespeichert wird, wenn Empfänger·innen diese Option auswählen, z. B. „Ja“. Du kannst beliebig viele Optionen anlegen. Tracking Permission: Hinweis: Die Tracking Permission kannst Du entweder als Checkbox oder als Radiobutton in Deinem Formular hinterlegen. Wenn Du die Tracking Permission per Radiobutton in Deinem Formular hinterlegst, werde die beiden Optionen automatisch erstellt: Tracking Permission erteilen Tracking Permission nicht erteilen Gib direkt im Formular an, wie sie auf der Oberfläche heißen sollen, z. B.: "Ich willige in das personenbezogenes Tracking meiner Klicks und Öffnungen ein" (für "Tracking Permission erteilen"). Stelle über die Markierung in den Element-Einstellungen sicher, dass der Wert richtig zugeordnet wird. Was bedeutet das? Alle Empfänger·innen, die den Radiobutton aktivieren, willigen in personenbezogenes Tracking ein Wert der Spalte Tracking Permission: Ja Alle Empfänger·innen, die den Radiobutton nicht aktivieren, lehnen personenbezogenes Tracking ab Wert der Spalte Tracking Permission: Nein § DSGVO Du darfst Klicks und Öffnungen nur von Empfänger·innen personlisiert auswerten, von denen Du die Einwilligung in personenbezogenes Tracking eingeholt hast. Weitere Optionen: Pflichtfeld Ausgewählte Option
    Dropdown	Bei Dropdowns können Deine Empfänger·innen genau eine Option, d.h. einen Wert, auswählen. Lege fest, ob ein „Platzhalter-Text“ (Standardeinstellung) angezeigt oder eine „Vorauswahl“ verwendet werden soll. Bestimme die „Option“ und füge bei Bedarf weitere Optionen hinzu.   Weitere Optionen: Pflichtfeld Label
    Friendly Captcha	Nutze Friendly Captcha oder Google ReCaptcha, um Dein Formular vor Bot-Zugriffen zu schützen. Friendly Captcha fügst Du als Formular-Element hinzu. Google ReCaptcha stellst Du in den Formulareinstellungen ein. Entferne dazu zunächst das "Friendly Captcha"-Element aus Deinem Formular. Genehmigung nötig: Damit Du Google reCAPTCHA nutzen kannst, benötigen wir von Dir eine Genehmigung von Google als Unterauftragsverarbeiter. Du kannst uns dafür die ausgefüllte Zusatzvereinbarung zur bestehenden Auftragsverarbeitungsvereinbarung zusenden. Falls Du Partnerkunde bist, wende Dich bitte an Deinen Inxmail Partner. Hintergrund: Im Gegensatz zu Friendly Captcha hat Google ReCaptcha kein sichtbares Formularelement.
    Anmeldebutton	Per Klick auf den Anmeldebutton lösen Deine Empfänger·innen ihre Anmeldung aus.
    Trenner	Verwende die Trennlinie als Gestaltungselement. Passe ihr Design über das Panel Element-Einstellungen an.
    Inhalt löschen	Ziehe das Element "Inhalt löschen" auf ein bereits platziertes Formularelement, um den Bereich zu leeren.

    Die Formularfelder "Anmeldebutton" und "Friendly Captcha" kannst Du nur einmal pro Formular platzieren.

11. Meldungen

    Hier legst Du fest, welche Meldung nach dem Absenden des Formulars angezeigt werden soll. Wähle das Textfeld aus, um den vorgeschlagenen Text zu ändern. Anschließend öffnet sich der Texteditor, den du bereits aus der Newsletter-Erstellung kennst.

12. Zufrieden? Dann klicke auf Freigeben.

13. Nimm die Einstellungen zur Einbettung vor und klicke dann auf Veröffentlichen.

• Du hast Dein Anmelderformular angelegt und veröffentlicht.

Deine Empfänger·innen können das Anmeldeformular online einsehen und ausfüllen, sobald Du es per iframe in Deine Homepage eingebettet hast.

Nächste Schritte

• Bereite Dein Formular für die Einbettung in Deine Homepage vor: Sieh es Dir in der Vorschau an, definiere den Formular-Pfad und die Domains, die darauf zugreifen dürfen.

• Richte Deinen An- und Abmeldeprozess ein.

• Wechsel in Dein Content-Management-System und binde Dein Anmeldeformular per iframe in Deine Homepage ein.