Newsletter-Anmeldung
In toujou können Sie eine Newsletter-Anmeldung einrichten oder diese einem beliebigen Formular anhängen. Für beide Fälle ist es unerlässlich, sich bei einem E-Mail-Anbieter zu registrieren.
Anleitung Newsletter-Anmeldung Anleitung Newsletter-Anmeldung anhängen Hinweise, Tipps & Tricks
Anleitung zur Einbindung der Newsletter-Anmeldung
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. Wir empfehlen hierfür in der Regel CleverReach. Auch Mailchimp kann über den nachfolgenden Weg eingebunden werden.
Einfache Newsletter-Einbettung 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 und Mailchimp 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 ↗
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 aktuell ausschließlich mit CleverReach umsetzbar.
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.
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 Anbietern Mailchimp oder CleverReach.
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.
Bitte beachten Sie, dass die kostenlose Version von CleverReach bei Adressaten und E-Mail-Versand begrenzt ist. Ähnlich verhält es sich bei Mailchimp. Für ein größeres Volumen werden Gebühren fällig. 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.