Wie erstelle ich ein Anmeldeformular zur Einbindung in meine Website?

Formular erstellen

Wechseln Sie dafür in den Webforms-Generator unter:
Verwaltung -> Webform

Ähnlich wie bei der Newsletter-Erstellung, können Sie in diesem separaten Generator Ihre Webformulare verwalten.
Vergeben Sie auf der rechten Seite einen neuen Namen und drücken Sie Erstellen

Unter Body sehen Sie die allgemeinen Einstellungen des Formulars.
Für ein simples Anmeldeformular tragen Sie nur die Listnum, also die Verteiler-ID ein und benutzen den Type subscribe.

Nun können Sie unter + webform Ihre Formularfelder hinzufügen.

Stellen Sie sicher, dass Sie mindestens die E-Mail-Adresse und einen Absenden-Button integrieren.
Die Felder können Sie über das Stift-Icon bearbeiten, wenn Sie mit der Maus darübergehen.

Alle Felder werden automatisch in Englisch und Deutsch übersetzt und je nach Browsereinstellung des Users ausgegeben.
Die Übersetzung sehen Sie in der Vorschau

Sie können auch eigene Übersetzungen unter + translate ergänzen.

Formular nach kajomi Mail übertragen

Sobald Ihr Formular fertig ist und alle Einstellungen vorgenommen wurden, übertragen Sie das Formular nach kajomi Mail.
Gehen Sie hierfür auf Vorschau und dann auf kajomi Mail.

In kajomi Mail vergeben Sie dem übertragenen Formular nun noch einen Namen (ohne Leerzeichen und Sonderzeichen).
Danach können Sie es speichern.

Formular in Ihre Website einbinden

Sobald Ihr Formular in kajomi Mail gespeichert wurde, können Sie sich den Embed Code anzeigen lassen.

Den nun angezeigten Code können Sie kopieren und 1:1 in Ihre Website einfügen.
Sie können nun immer dieses abgespeicherte Formular ersetzen oder abändern und müssen nicht den Code Ihrer Website ändern.

Der Code, den Sie in Ihre Website einfügen, sollte in etwa so aussehen:

<script type="text/javascript" src="//nextgen.kajomigenerator.de/static/js/app_kajomi_helper.js?3"></script>
<script type="text/javascript">
  var landingPage = new KajomiLandingPage("beispiel", "abcdefghijk");
  landingPage.setWidth("100%");
  landingPage.setResize(true);
  // initially height if resize true it will resize automatically
  landingPage.setHeight("234px");
  landingPage.setTitle("Formular");
  landingPage.setStyles("background-color:transparent;border:none;position:relative");
  // if a variable should be passed from html page to the landingpage
  //landingPage.setGetParameter({"epromo" : "epromo"});
  landingPage.write();
</script>

Um das ganze asynchron einzubinden siehe hier: Wie kann ich eine Landingpage Asynchron einbinden