E-Mail-Newsletter mit MailChimp

Richte einen MailChimp-Account ein

Erstelle einen MailChimp-Account (es gibt ein kostenloses Paket)

Folge den MailChimp-Anleitungen um eine neue Empfängerliste für euren Newsletter anzulegen. Öffne anschließend die Detailansicht der neuen Liste und klicke den Signup Forms Tab. Klicke als nächstes General Forms, um den Formular-Editor zu öffnen.

Erstelle das Formular

Erstelle mit dem Formular-Editor dein Anmeldeformular. Füge so viele Felder hinzu, wie du möchtest, aber ändere noch nicht die Schriften oder Farben. Das wirst du später in rukzuk erledigen.

Du kannst die Sprache des Formulars unter dem Tab Translate It ändern.

Falls du Schwierigkeiten hast, hat MailChimp gute Anleitungen zum Formular-Editor.

Kopiere den Embed-Code

Wenn dein Formular fertig ist, gehe zurück auf die Übersichtsseite und klicke auf Embedded Forms.

Wähle den richtigen Code

MailChimp gibt dir vershiedene Optionen für Embed-Codes. Wir empfehlen die Classic-Variante, die Features wie automatische Überprüfung des Formulars, asynchrones Absenden und grundlegendes Styling enthält.

Wenn du volle Kontrolle über das Design des Formulars brauchst, wähle die Naked-Variante.

Du kannst das Design beider Varianten später in FLYERALARM Web Design anpassen.

Füge den Code ein

Öffne das Projekt und das Layout, in das du das Anmeldeformular integrieren möchtest.
Füge ein Newsletter mit MailChimp-Modul aus der Modulliste ein.

Kopiere den Embed-Code von MailChimp und füge ihn in das Textfeld in den Moduleinstellungen ein. Sobald du die Vorschau neu lädst sollte dein Anmeldeformular auftauchen.

Passe das Design an

Das Newsletter mit MailChimp-Modul gibt dir eine Reihe von Selektoren für verschiedene Elemente des Formulars.

Kombiniere die Selektoren mit beliebigen Style-Modulen um das Formular ganz nach deinen Wünschen zu gestalten.