Abmeldeformular anlegen (frei gestaltbar)

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

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

Schritt für Schritt

  1. Öffne den Navigationspunkt "Formulare".

  2. Wechsle in den Tab "Abmeldung"

  3. Klicke auf Neues Abmeldeformular.

  4. Klicke auf "Formular-Editor nutzen".

  5. Gib Deinem Formular einen sprechenden Namen.

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

  7. Wähle ein Styleset.

  8. Klicke auf Anlegen.

  9. 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.

  10. 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 .

  11. Inhalt

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

    Keine Listenauswahl/-zuordnung erforderlich: Anders als bei einem Anmeldeformular musst Du bei einem Abmeldeformular keine Liste auswählen. Inxmail erkennt anhand des Mailings, über das Dein Kontakt das Abmeldeformular aufruft, von welcher Liste der Kontakt abgemeldet werden soll.

    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.
    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. Wenn Dir die Einstellung für Google reCAPTCHA angezeigt wird, ist die Genehmigung bereits erfolgt und Du kannst die Funktion direkt nutzen.

    Hintergrund: Im Gegensatz zu Friendly Captcha hat Google ReCaptcha kein sichtbares Formularelement.

    Abmeldebutton Per Klick auf den Abmeldebutton lösen Deine Empfänger·innen ihre Abmeldung 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.

    Warum gibt es keine Eingabefelder? Im Abmeldeformular musst Du keine Daten Deiner Kontakte abfragen. Deshalb stehen Dir hier keine Eingabefelder, Checkboxen oder Radiobuttons zur Verfügung. Funktionen zur Bearbeitung von Empfängerdaten werden mit einem späteren Release im Rahmen der Profilverwaltung bereitgestellt.

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

  12. Meldungen

    Hier legst Du fest, welche Meldung nach der Abmeldung 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.

    Beispielsweise kannst Du Deinen Kontakten hier bestätigen, dass die Abmeldung erfolgreich war.

  13. Zufrieden? Dann klicke auf Freigeben.

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

  • Du hast Dein Abmelderformular angelegt und veröffentlicht.

Deine Empfänger·innen können das Abmeldeformular 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 Abmeldeformular per iframe in Deine Homepage ein.