Newsletter-Anmeldung

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 ↗

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.