Ermutige Besucher, deine Mailingliste zu abonnieren.
Newsletter-Blöcke bieten Besuchern die Möglichkeit, einen Newsletter zu abonnieren. Der Footer ist ein beliebter Ort für diesen Block.
Du musst eine Speicheroption für Formular-Übermittlungen auswählen. Du kannst eine Mailingliste für E-Mail-Marketing, eine neue MailChimp-Zielgruppe, Google Drive oder unsere Zapier-Integration verbinden.
Ein Video anschauen
Bevor du loslegst
- Wenn du Squarespace als Speicheroption verwendest, erstelle eine E-Mail-Marketing-Mailingliste für deine Abonnenten. Wenn du keine bestimmte Mailingliste erstellt hast, kannst du Abonnenten zu einer Standardliste hinzufügen. Wenn du keine Liste auswählst, werden Abonnenten zum Menü „Profile“ unter Abonnenten hinzugefügt.
- Wenn du Mailchimp als Speicheroption verwendest, erstelle eine neue, leere Zielgruppe in Mailchimp, bevor du dein Mailchimp-Konto mit dem Block verbindest.
- Wenn du Formular-Übermittlungen an deine E-Mail-Adresse senden möchtest, benutze stattdessen einen Formular-Block.
Einen Newsletter-Block hinzufügen
So fügen Sie einen Newsletter-Block hinzu:
- Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen oder auf eine Einfügemarke und klicke dann im Menü auf Newsletter. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
- Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
- Richte im Tab Inhalt den Newsletter-Block ein und füge eine Bestätigungsnachricht oder eine Umleitung nach dem Senden hinzu.
- Klicke auf den Tab Design, um das Layout anzupassen.
- Klicke auf den Tab Speicher, um eine Speicheroption auszuwählen und Verifizierungsoptionen für Abonnenten zu aktivieren.
Hier ist ein Beispiel für einen Newsletter-Block:
Den Newsletter-Block einrichten
Passe den Text und die Felder des Blocks im Tab Inhalt an. Der Newsletter-Block zeigt standardmäßig ein Feld für eine E-Mail-Adresse an. Du kannst diese Optionen hinzufügen oder bearbeiten:
- Formular-Name – Geben Sie Ihrem Newsletter-Block einen Namen, um seine Analytics im Blick zu behalten.
- Titel und Beschreibung – Zeige Titel und Beschreibungstext über den Formularfeldern und dem „Senden“-Button an.
- Haftungsausschluss – Füge Informationen darüber hinzu, wie du Abonnenten-Daten handhabst. Üblicherweise wird dieses Feld für eine Datenschutzerklärung genutzt.
- Button-Text - Passe den Text an, der auf dem „Senden“-Button angezeigt wird. Der Standardtext ist Abonnieren.
- „Name“ als Pflichtfeld – Fügen die Felder „Vorname“ und „Nachname“ zum Formular hinzu. Mit dieser Option werden die Namensfelder für Übermittlungen keine Pflichtfelder.
Tipp: Für weitere Formularfeld-Optionen verwende stattdessen einen Formular-Block.
Eine Nachricht nach dem Senden oder der Umleitung hinzufügen
Um anzupassen, was Besuchern angezeigt wird, nachdem sie ihre Informationen übermittelt haben, klicke im Inhalt-Tab auf Nach dem Senden.
Nachricht
Um eine Nachricht nach dem Senden hinzuzufügen, klicke auf Nachricht und gib deinen Text in das Nachrichtenfeld ein. Dieser Text wird angezeigt, nachdem ein Besucher seine Informationen übermittelt hat.
Im HTML-Feld kannst du HTML-Code hinzufügen, der neben der Nachricht nach dem Senden gerendert wird. Denke daran, dass die Nachricht nach dem Senden nicht angezeigt wird, wenn dein Newsletter-Block eine Umleitung nach dem Senden enthält.
Hinweis: Das Hinzufügen von HTML nach Senden zählt zu den erweiterten Einstellungen. Leider können wir dich bei der Fehlerbehebung im Zusammenhang mit benutzerdefiniertem Code nicht unterstützen.
Umleiten
Um eine Umleitung nach dem Senden einzurichten, klicke auf Umleiten. Füge zur Umleitung auf eine andere Website die vollständige URL in das Feld Umleitungs-URL ein oder klicke auf 
, um einen Link zu einer Seite auf deiner Website oder einer hochgeladenen Datei zu erstellen.
Um eine Umleitung nach dem Senden zu testen, sende einen Newsletter-Block, während du abgemeldet oder in einem Inkognito-Browser bist. Umleitungen nach dem Senden funktionieren nicht, wenn du auf deiner Website angemeldet bist.
Um eine Umleitung nach dem Senden zu entfernen, lösche den Link aus dem URL-Feld.
Das Layout anpassen
Um das Layout und die Ausrichtung des Blocks anzupassen, klicke auf den Tab Design:
- Layout – Klicke auf Stapeln, um Felder in einer Spalte anzuordnen, oder auf Schweben, um Felder in einer Reihe anzuordnen
- Ausrichtung – Klicke auf das entsprechende Ausrichtungssymbol, um den Block links, mittig oder rechts auszurichten.
- Hintergrund – Aktiviere in Version 7.1 diesen Schalter, um eine Block-Hintergrundfarbe hinzuzufügen, Eckenradien festzulegen und das Hintergrund-Padding zu ändern. Block-Hintergrundfarben werden in Version 7.0 nicht unterstützt.
Eine Speicheroption auswählen
Um auszuwählen, wohin Newsletter-Übermittlungen gesendet werden sollen, bearbeite den Newsletter-Block und klicke auf den Tab Speicher. Standardmäßig verwenden Newsletter-Blöcke Squarespace für den Speicher, aber du kannst auch Newsletter-Blöcke mit Mailchimp, Zapier und Google Drive verbinden.
Um mehr über die einzelnen Speicheroptionen zu erfahren, besuche Speicherplatz für Formulare und Newsletter verwalten.
Die Mailchimp- und Zapier-Integrationen in Newsletter-Blöcken sind Premium-Funktionen, die in den Business-, E-Commerce-, Professional- und Premium-Abos verfügbar sind.
Verifizierungsoptionen für Abonnenten aktivieren
Um deine Abonnenten zu verifizieren und Einreichungen von Robotern zu verhindern, ist Google reCAPTCHA für Newsletter-Blöcke standardmäßig aktiviert.
Google reCAPTCHA ist eine unsichtbare Sicherheitsfunktion, die dazu beiträgt, Einreichungen von Robotern zu verhindern. Weitere Informationen zu Google reCAPTCHA findest du unter Google reCAPTCHA zu Formularen hinzufügen.
Du kannst auch eine Bestätigungs-E-Mail zur Verifizierung aktivieren. Beachte, dass du mindestens eine dieser Optionen aktiviert haben musst, wenn du Squarespace zur Speicherung verwenden möchtest. Google reCAPTCHA ist nur für Newsletter-Blöcke verfügbar, die Squarespace als Speicher verwenden. Weitere Informationen findest du unter Verifizierungsoptionen für Abonnenten.
Den Newsletter-Block gestalten
So änderst du das Aussehen des Blocks:
Schriftarten
So gestaltest du Schriftartstile des Blocks:
- Öffne Website-Stil, während du eine Seite bearbeitest, und klicke dann auf Schriftarten.
- Klicke unter Allgemeine Textstile auf Stile zuweisen.
- Scrolle zum Abschnitt Newsletter-Block und klicke auf jede Option, um die verschiedenen Schriftarten zu gestalten. Verwende das Menü Buttons für Button-Texte.
- Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.
Wenn du eine Empfangsbestätigungsnachricht hinzufügst, richtet sich der Text nach den folgenden Stil-Optionen:
- Schriftart – Absatzeinstellungen im Menü Schriftarten
- Größe – Absatz 2-Schieberegler im Abschnitt Absätze des Schriftarten-Menüs
- Farbe – Absatzfarbe (mittelgroß) im ausgewählten Abschnittsdesign
Farben
So gestaltest du Farbstile des Blocks:
- Öffne Website-Stil, während du eine Seite bearbeitest, und klicke dann auf Farben.
- Bewege den Mauszeiger über dein Design und klicke auf das Bleistiftsymbol.
- Scrolle zum Abschnitt Newsletter-Block oder klicke auf den Newsletter-Block deiner Website, um alle relevanten Anpassungen anzeigen zu lassen.
- Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.
Newsletter-Blöcke sind standardmäßig transparent, sodass ihre Farbe mit dem Hintergrund der Website oder des Abschnitts übereinstimmt. Wenn du möchtest, dass sich ein Newsletter-Block vom Rest deiner Website abhebt, aktiviere im Tab Design des Blocks eine Hintergrundfarbe.
Schaltfläche
Gestalte den Newsletter-Block-Button und dessen Text im Buttons-Menü der Website-Stile. Newsletter-Block-Buttons folgen den primären Stil-Einstellungen. Um das Layout der Newsletter-Blöcke beizubehalten, wirken sich Anpassungen beim Padding nicht auf die Breite oder Höhe der Newsletter-Block-Buttons aus. Die Stil-Optionen für Buttons gelten für die meisten Buttons auf deiner Website, um ein einheitliches Erscheinungsbild zu gewährleisten.
Schriftarten
So gestaltest du Schriftartstile des Blocks:
- Öffne das Design-Menü und klicke dann auf Website-Stile.
- Scrolle nach unten zum Abschnitt Newsletter-Block
Die Optionen variieren von Template zu Template. Du findest entweder alle oder nur einige der folgenden Stil-Anpassungen:
- Style - Wählen Sie zwischen den Optionen Dark (Dunkel), Light (Hell) oder Custom (Benutzerdefiniert)
- Background Color (Hintergrundfarbe)
- Padding (Padding)
- Überschriftfarbe - Verfügbar über die Style-Option Benutzerdefiniert
- Textfarbe – Verfügbar über die Stil-Option Benutzerdefiniert
- Button Color (Farbe des Buttons)
- Button-Textfarbe - Nicht verfügbar, wenn der Button-Style Outline eingestellt ist
- Alternative Optionen (beispielsweise Alternative Hintergrundfarbe) – In einigen Templates verfügbar. Mit diesen Anpassungen grenzen Sie Newsletter-Blöcke außerhalb des zentralen Inhaltsbereichs, wie etwa in Fußzeilen oder Seitenkopfzeilen, besser von unterschiedlichen Hintergrundfarben ab.
In den anderen Abschnitten von Website-Stil:
- Verwenden Sie die Anpassungen im Bereich Überschrift (im Normalfall Überschrift 2), um die Schriftart des Titels zu ändern.
- Verwende die Textkörper-Anpassungen, um die Schriftart des restlichen Texts zu ändern. Wenn du den Newsletter-Block im Footer platzierst, musst du in einigen Templates möglicherweise stattdessen Footer-spezifische Anpassungen vornehmen.
- Die Textgrößen können nicht geändert werden.
- Verwende die Anpassungen im Bereich Buttons, um Stil und Form des „Senden“-Buttons anzupassen. Näheres erfährst du hier: Buttons gestalten.
Newsletter-Anmeldungen verfolgen
Überprüfe mithilfe von Formular- & Button-Conversions, wie Besucher mit deinen Formularen für die Newsletter-Anmeldung interagieren. So hast du die Conversion-Rate deiner Formulare stets im Blick. Anhand dieser Kennzahl kannst du vergleichen, wie oft ein Formular aufgerufen und tatsächlich abgesendet wurde.
Fehlerbeseitigung
Die Anzahl der Einsendungen entspricht nicht der Anzahl der Abonnenten.
Wenn du Squarespace oder Mailchimp als Speicheroption wählst, erhalten Besucher, die das Formular ausfüllen, möglicherweise eine E-Mail, in der sie aufgefordert werden, ihr Abonnement zu bestätigen. Dies kann in bestimmten Situationen zu Diskrepanzen zwischen der Anzahl der Einreichungen und der Anzahl der Abonnenten führen:
- Der Einreicher hat die Anmeldung mit der Bestätigungs-E-Mail noch nicht bestätigt
- Der Einreicher hat seine E-Mail innerhalb eines kurzen Zeitraums mehrmals gesendet, ohne die Registrierung über die erste Bestätigungs-E-Mail zu bestätigen
- Der Einreicher hat seine E-Mail gesendet, aber seine Adresse ist bereits auf der Mailingliste
Du kannst einige Schritte unternehmen, um diese Diskrepanzen zu mindern:
- Um die Bestätigungs-E-Mail zu deaktivieren und stattdessen Google reCAPTCHA zu verwenden, besuche E-Mail-Marketing-Abonnentenverifizierung.
- Um zu erfahren, wie du die E-Mail zur Bestätigung (Double Opt-In) für Mailchimp deaktivierst, gehe zu Mailchimp mit Squarespace verwenden.
Die Empfangsbestätigungsnachricht wird nicht angezeigt (Version 7.0)
Wenn Sie die Stil-Anpassung des Newsletter-Blocks auf Light (Hell) und die Hintergrundfarbe auf Weiß eingestellt haben, wird weißer Text auf weißem Hintergrund angezeigt, was es schwierig macht, den Text zu erkennen. Ändern Sie eine der beiden Anpassungen, um dieses Problem zu lösen.