Newsletter-Anmeldung
In toujou können Sie eine Newsletter-Anmeldung für Ihre Website einrichten. Sie haben ebenso die Möglichkeit, diese Anmeldung einem beliebigen Formular anzuhängen. Für beide Fälle ist es unerlässlich, sich bei einem E-Mail-Anbieter zu registrieren.
Anleitung Newsletter-Anmeldung Anleitung Newsletter-Anmeldung einem Formular anhängen Hinweise, Tipps & Tricks
Wahl des Newsletter-Anbieters
Bevor Sie ins toujou-Backend einsteigen, um eine Newsletter-Anmeldung für Ihre Website einzurichten, benötigen Sie einen (kostenlosen) Account bei einem E-Mail-Anbieter. In der Wahl Ihres Newsletter-Dienstes für die Einbindung auf der Website sind Sie frei.
Möchten Sie eine Newsletter-Anmeldung einem Formular anhängen, bietet toujou folgende Optionen für den Newsletter-Anbieter:
Einfache Newsletter-Einbettung erstellen
Newsletter-Anmeldung via HTML erstellen
- Voraussetzung für die Einbettung einer Newsletter-Anmeldung per HTML ist die Generierung des notwendigen Codes über Ihren Anbieter. Eine Anleitung für die Anbieter CleverReach, Mailchimp, rapidmail und Brevo (ehemals Sendinblue) finden Sie in den jeweiligen Links unten.
- Um in toujou eine Newsletter-Anmeldung als Formular im Frontend auszuspielen, legen Sie ein neues Inhaltselement auf der gewünschten Seite an. Klicken Sie auf den Button + Inhalt und anschließend im Reiter Widgets auf das HTML-Element Ihrer Wahl. Für ein Formular, das sich in Textlaufweite erstrecken soll, entscheiden Sie sich zum Beispiel für HTML.
- Unter dem Reiter Content können Sie im Textfeld den vom Newsletter-Anbieter generierten HTML-Code per Copy & Paste einfügen.
- Speichern Sie die Neuerungen.
Zur HTML-Einbettung bei CleverReach ↗ Zur HTML-Einbettung bei Mailchimp ↗ Zur HTML-Einbettung für rapidmail Zur HTML-Einbettung für Brevo
Newsletter-Anmeldung einem Formular anhängen
Sie können in toujou in jedem Ihrer Formulare abfragen, ob zusätzlich zur (evtl. themenfremden) Datenabfrage auch ein Newsletter-Abonnement gewünscht wird. Wie Sie diese Abfrage in bestehende Formulare einbinden, haben wir Ihnen in den folgenden Schritten erläutert. Diese Schritte sind in toujou mit CleverReach und rapidmail umsetzbar.
Newsletter-Anmeldung für CleverReach
CleverReach-Verknüpfung vorbereiten
- Wollen Sie die Newsletter-Anmeldung einem anderen Formular anhängen, benötigen Sie zusätzlich vier Kennzahlen von CleverReach: Client ID, Client Secret, Form ID und Group ID.
- Die Client ID und Client Secret erhalten Sie beim Anlegen der Outh-App im Bereich REST API.
- Die Form ID finden Sie im Bereich Formulare und die Group ID im Bereich Empfänger (siehe Screenshot).
- Bitte beachten Sie, dass die hier verwendeten Begriffe von CleverReach definiert werden und von uns daher nur übernommen werden können.
CleverReach Connection Record anlegen
- Um eine Newsletter-Anmeldung einem anderen Formular anzuhängen, müssen Sie zunächst den CleverReach-Account mit Ihrem toujou-Backend verknüpfen.
- Klicken Sie dafür in der Modulliste auf die Listeansicht, dann im Strukturbaum auf Storage Folder und das Kreuz-Symbol über der Arbeitsfläche. Anschließend öffnen Sie im Bereich toujou mittels Drücken des Buttons CleverReach Connection einen neuen Ordner.
- Darin geben Sie unter Title den gewünschten Namen (z.B. Newsletter) ein. Unter Client ID beziehungsweise Client Secret tragen Sie die entsprechenden Daten (siehe oben) von CleverReach ein.
- Speichern Sie Ihre Einstellungen. Anschließend ist das entsprechende Dokument unter Liste > Storage Folder > CleverReach Connection zu finden.
Formular auswählen
- Klicken Sie in Ihrer Modulleiste auf Formulare / Forms und wählen Sie das gewünschte Formular (z.B. Demo anfragen) aus. Anschließend erscheint im nächsten Schritt die Formular-Maske mit allen von Ihnen eingerichteten Eingabefeldern (ersichtlich im nächsten Bild).
- Wie Sie in einem Formular weitere Eingabefelder hinzufügen oder entfernen und ganz allgemein ein Formular aufbauen, erfahren Sie im Video »Neues Formular erstellen« im TYPO3-Tutorial »Formular anlegen«.
Finisher anlegen und Daten eintragen
- Um final die Daten des Formulars mit CleverReach zu verknüpfen, erstellen Sie einen Finisher, indem Sie auf das Dropdown-Menü Finisher hinzufügen / Add Finisher klicken und CleverReach Subscribe auswählen. In einem neuen Fenster öffnet sich ein CleverReach-Formular.
- Unter CleverReach Connection drücken Sie auf den CleverReach Record-Button, sodass der Modulbaum erscheint. Klicken Sie auf Storage Folder und die gewünschte CleverReach Connection, um die Verbindung zu generieren.
- Unter Target Form ID tragen Sie die Form ID von CleverReach ein, unter Target Group ID die Group ID.
- Das Eingabefeld E-Mail befüllen Sie durch Anklicken des entsprechenden Auswahlfelds auf der rechten Seite (Symbol mit Pfeil nach unten). Um eine E-Mail-Adresse auszusuchen, muss eine E-Mail-Adresse im Formular als Pflichtfeld markiert sein.
- Mit dem ebenfalls erforderlichen Feld Newsletter Checkbox bestätigen die Nutzer, dass sie den Newsletter wirklich abonnieren wollen. Auch hier muss ein Pendant im Formular enthalten sein, damit Sie es im Auswahlfeld aussuchen können.
- Speichern Sie abschließend alle Änderungen.
Newsletter-Anmeldung für rapidmail
Recipientlist ID von rapidmail
- Für die Anbindung einer Newsletter-Anmeldung für rapidmail an ein Website-Formular benötigen Sie die Recipientlist ID von rapidmail. Diese ID erhalten Sie in Ihrem rapidmail-Account. Loggen Sie sich hierfür in Ihrem Account ein.
- Gehen Sie im Menü unter Empfänger auf den Unterreiter Empfängerlisten und hovern Sie mit Ihrer Maus über die gewünschte Empfängerliste. (in diesem Beispiel Basisliste). Beim Hovern erscheint am linken unteren Ende Ihres Browser-Fensters die Recipientlist ID mit einer Nummer.
- Schreiben Sie sich die Nummer hinter dem = auf bzw. kopieren Sie diese in eine Ablage, bevor Sie mit dem Arbeiten im toujou-Backend beginnen. In diesem Fall wäre es die Nummer 981.
rapidmail-Finisher auswählen
- Um in toujou einem Formular eine Newsletter-Anmeldung für den Newsletter-Dienst rapidmail anhängen, wählen Sie im Bereich Finisher die passende Option aus.
- Klicken Sie hierfür im Dropdown-Menü zum Finisher auf RapidMail CreateRecipient.
- Anschließend öffnet sich der Finisher, dem Sie mehrere Daten hinzufügen.
Finisher-Daten eintragen
- Im Feld Recipientlist Id tragen Sie die im rapidmai-Account genutzte ID ein.
- Für die Checkbox verknüpfen Sie das Checkbox-Element des toujou-Formulars. Klicken Sie hierfür im Dropdown-Menü rechts das entsprechende Element aus der Auswahl.
- Das Feld E-Mail befüllen Sie, indem Sie das im Formular hinterlegte E-Mail-Element verknüpfen.
- Sofern Sie für relevante Felder keine Daten hinterlegt haben, wird Ihnen dies durch ein rot markiertes Feld gekennzeichnet.
- Weitere Finisher-Felder füllen Sie aus, wenn das Formular diese Daten aufweist bzw. Sie dies möchten. Für die Funktionsweise des Finishers sind diese nicht erforderlich.
- Speichern Sie die Änderungen im Formular.
Hinweise, Tipp & Tricks
Um eine Newsletter-Anmeldung auf Ihrer Website zu implementieren, ist ein vorheriges Registrieren bei einem E-Mail-Anbieter notwendig. Erprobt ist in toujou die HTML-Einbindung mit den aufgeführten Anbietern.
Für einen gelungenen Finisher zur Newsletter-Anmeldung bei einem anderen Formular ist das vorherige Abfragen der E-Mail-Adresse unerlässlich. Auch die Newsletter-Checkbox sollte enthalten sein, damit Sie den Consent-Bestimmungen gerecht werden und nur von Nutzern freigegebene Daten im Backend speichern. Weitere Felder wie Vor- und Nachname sind optional, bieten sich jedoch für eine persönliche Ansprache an.
Reihenfolge der Finisher: Nutzen mehrere Finisher für ein Formular, achten Sie darauf, dass der Finisher Redirect to a page immer am Ende der Auflistung aller Finisher steht. Denn mit diesem Finisher beendet das System stets alle Finisher-Aktionen.
Bitte beachten Sie, dass mögliche Kosten bei den Newsletter-Anbietern auf Sie zukommen können und informieren Sie sich vor der Einbindung in toujou, ob Sie eventuelle Grenzwerte bei Adressaten und E-Mail-Versand für kostenlosen Versionen überschreiten. Bei Fragen zur Implementierung oder im Falle der Verwendung eines anderen Anbieters kontaktieren Sie bitte unseren Support.
Verknüpfte Elemente
Elemente aus der toujou-Elementbibliothek, die mit diesen Einstellungen in Verbindung stehen.