Contao (Teil 34): Newsletter im Frontend

Es kann durchaus sinnvoll sein, die bereits verschickten Newsletter auf der Webseite anzuzeigen. So können sich Interessenten vorab informieren, ob sich ein Abo eures Newsletters für sie lohnt.

Die Module anlegen

Damit die Newsletter im Frontend angezeigt werden, muss ein Modul erstellt werden. Ruft dazu Layout>Themes auf und klickt auf Die Frontend-Module des Theme ID xx bearbeiten. Im nächsten Dialogfenster folgt ihr dem Link Neues Modul. Als Titel könnt ihr Newsletter auflisten wählen. Im Feld Modultyp stellt ihr unter Newsletter den Eintrag Newsletterliste ein.




Aktiviert im Bereich Verteiler die Newsletter-Verteiler, die ihr mit auflisten wollt. Die übrigen Einstellungen kann man unverändert mit Speichern und schließen übernehmen.

Legt anschließend ein weiteres Modul an. Diesem Modul weist ihr als Titel Newsletter anzeigen zu. Im Feld Modultyp wird Newsletterleser eingestellt. Aktiviert außerdem im Bereich Verteiler die Newsletterverteiler, die berücksichtigt werden sollen. Weitere Einstellungen sind nicht nötig, das Modul kann also mit Speichern und schließen erstellt werden.

Die Module sind somit erstellt, nun muss man allerdings noch für deren Anzeige im Frontend sorgen. Ruft dafür Inhalte>Artikel auf. Ich gehe an dieser Stelle davon aus, dass ihr bereits die Seiten Newsletter und Newsletter anzeigen erstellt habt.

Klickt zunächst bei Newsletter [Hauptspalte] auf das Stiftsymbol und folgt dem Link Neues Element. Nachdem die Position dieses neuen Elements bestimmt wurde, wird es konfiguriert. Entscheidend ist wieder einmal das Feld Elementtyp. Wählt hier unter Include-Element den Eintrag Newsletter auflisten.




Weitere Einstellungen müssen nicht vorgenommen werden. Übernehmt die Angaben also mit Speichern und schließen.

Öffnet nun erneut Inhalte>Artikel und klickt bei Newsletter anzeigen [Hauptspalte] auf das Stiftsymbol. Über Neues Element und dem Angaben der Position landet ihr in dem altbekannten Dialogfenster. Als Elementtyp wird erneut Modul gewählt. Stellt im Feld Modul den Wert Newsletter anzeigen ein.




Mehr ist auch in diesem Dialogfenster nicht nötig; legt das Element daher direkt mit Speichern und schließen an.

Wenn ihr jetzt das Frontend der Seite aufruft, findet ihr den Menüeintrag Newsletter. Klickt man diesen an, ist eine Übersicht der bislang verschickten Newsletter zu sehen. (Achtung, es sind nur solche Newsletter aufgeführt, die ihr auch tatsächlich verschickt habt).

Klickt man den Titel eines der aufgeführten Newsletter an, ist dessen Inhalt zu sehen. Auf diese Weise können sich die Seitenbesucher ein Bild von der Qualität eures Newsletters machen.

An- und abmelden im Frontend

Ihr könnt – wie das bereits gezeigt wurde – die Empfänger der Newsletter manuell über das Backend anlegen. Bei 20 Empfängern mag das sicherlich noch gehen, bei 10.000 wäre das wohl zu aufwendig. Contao hilft euch aber auch auf diesem Gebiet weiter. Tatsächlich gibt es zum Abonnieren und Abbestellen des Newsletters nämlich zwei Module, die sich blitzschnell einsetzen lassen.

Ich gehe in der folgenden Beschreibung der Einfachheit halber davon aus, dass ihr im Frontend zwei Formulare anzeigt, über die Besucher den Newsletter bestellen und auch wieder abbestellen können. Legt dazu zwei Seiten an. Diese werden als Unterseiten von Newsletter definiert. Weist der einen Seite den Titel Newsletter abonnieren zu, der anderen hingegen den Titel Newsletter kündigen.




Als Eigenschaften wird jeweils Folgendes verwendet:

• Im Menü verstecken
• Seite veröffentlichen

Sind die Seiten auf die genannte Weise erstellt, geht es mit den notwendigen Modulen weiter. Das geschieht unter Layout>Themes>Die Frontend-Module des Themes ID xx bearbeiten. Klickt in dem sich öffnenden Dialogfenster auf Neues Modul.




Dem ersten Modul werden die folgenden Einstellungen zugewiesen:

• Titel = Newsletter abonnieren
• Modultyp = Abonnieren
• Bei Verteiler stellt ihr den Verteiler ein, der abonniert werden soll.
• Weiterleitungsseite = Newsletter abonnieren

Legt das Modul mit Speichern und neu an.

Anschließend müsst ihr ein weiteres Modul erstellen. Diesem weist ihr die folgenden Eigenschaften zu:

• Titel = Newsletter kündigen
• Modultyp = Kündigen
• Bei Verteiler stellt ihr den Verteiler ein, der gekündigt werden soll.
• Weiterleitungsseite = Newsletter kündigen

Und auch dieses Modul speichert ihr abschließend.

Nachdem die Module erstellt sind, sollen sie natürlich auch im Frontend der Seite zu sehen sein. Damit das klappt, muss man sie in die entsprechenden Artikel einbinden. Ruft dazu Inhalte>Artikel auf. Bei Newsletter [Hauptspalte] klickt ihr auf das Stiftsymbol und anschließend auf Neues Element. Nachdem die Position festgelegt wurde, wird als Elementtyp der Eintrag Modul gewählt. Im Feld Modul stellt man anschließend Newsletter abonnieren ein.




Die übrigen Optionen könnt ihr unverändert mit Speichern und schließen übernehmen.

Ihr landet daraufhin wieder in der Übersichtsseite des Artikels Newsletter [Hauptspalte]. Klickt dort auf Neues Element. Dieses Element sollte nach dem zuvor erstellten Modul eingefügt werden. Klickt also bei dem Abonnieren-Element auf Nach dem Inhaltselement ID xx einfügen.




Bei diesem Element stellt ihr als Elementtyp ebenfalls den Wert Modul ein. Aus dem Feld Modul wird dieses Mal allerdings Newsletter kündigen ausgewählt. Mit Speichern und schließen wird das Element schlussendlich angelegt.

Wenn ihr jetzt das Frontend der Seite aufruft und die Seite Newsletter öffnet, seht ihr zwei Mini-Formulare.




Die Besucher können darüber die gewünschten Newsletter bestellen und bei Nichtgefallen auch direkt wieder ihr Abo kündigen. Dazu müssen sie nur ihre E-Mail-Adresse eintragen, den gewünschten Verteiler wählen und auf Abonnieren oder Kündigen klicken. Daraufhin werden sie auf eine der beiden Seiten Newsletter abonnieren oder Newsletter kündigen umgeleitet. Auf denen könntet und solltet ihr dann noch entsprechende Inhalte präsentieren.

Registriert sich ein Besucher über das Frontend für einen Verteiler, wird dessen E-Mail-Adresse automatisch in die Verteilerliste aufgenommen. Das geschieht allerdings erst, nachdem er die Anmeldung bestätigt hat. Zu diesem Zweck wird ihm eine entsprechende E-Mail zugeschickt.