E-Mail-Newsletter mit MailChimp

Ein gutes, leistungsfähiges System für E-Mail-Newsletter zu entwickeln ist eine umfangreiche Aufgabe, die schon lange von spezialisierten Anbietern bearbeitet wird. Deshalb bieten wir selbst keinen hauseigenen Newsletter-Service an, empfehlen aber gerne das Angebot von MailChimp. MailChimp bietet eine solide Plattform für E-Mail-Newsletter und guten Support, und mit dem „Newsletter mit MailChimp“-Modul machen wir die Integration in FLYERALARM Web Design so einfach wie möglich.

Dieses Tutorial zeigt, wie du ein Anmeldeformular für einen MailChimp-Newsletter in dein Projekt einbinden kannst.

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.

    MailChimp Formular-Editor ö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.

    MailChimp-Formular bearbeiten

    Kopiere den Embed-Code

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

    MailChimp-Embed-Codes

    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.

    MailChimp-Embed-Code kopieren

    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.

    MailChimp-Embed-Code in FLYERALARM Web Design einfügen

    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.

    MailChimp-Newsletter-Formular gestalten

    Publiziere die Website

    Sobald du die Website publizierst, ist dein Formular live und deine Besucher können sich für deinen Newsletter anmelden. Schau in die MailChimp Knowledge Base für weitere Informationen zum Designen, Versenden und Analysieren deines Newsletters.

    Du findest nicht das was du suchst? Kein Problem, schick uns eine E-Mail an help@rukzuk.com

    Built with pride in rukzuk © 2015 rukzuk AG