Newsletter-Blöcke

Ermutige Besucher, deine Mailingliste zu abonnieren.

Zuletzt aktualisiert: 5. Februar 2025

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 Mailingliste für E-Mail-Marketing für deine Abonnenten. Wenn du keine spezielle Mailingliste erstellt hast, kannst du Abonnenten einer Standardliste hinzufügen. Wählst du keine Liste aus, findest du deine Abonnenten im Menü Listen & Segmente unter „Abonnenten“.
  • Wenn du Mailchimp als Speicheroption verwendest, erstelle eine neue, leere Zielgruppe in Mailchimp, bevor du dein Mailchimp-Konto mit dem Block verbindest.
  • Wenn du detailliertere Formular-Übermittlungen an deine E-Mail-Adresse senden möchtest, verwende stattdessen einen Formular-Block.

Einen Newsletter-Block hinzufügen

So fügen Sie einen Newsletter-Block hinzu:

  1. 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.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
  3. Richte im Tab Inhalt den Newsletter-Block ein und füge eine Bestätigungsnachricht oder eine Umleitung nach dem Senden hinzu.
  4. Klicke auf den Tab Design, um das Layout anzupassen.
  5. 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:

KB Guide Image

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 und dann auf Link anhängen. Um auf eine andere Website umzuleiten, füge die vollständige URL in das URL-Feld ein. Um auf eine Seite deiner Website umzuleiten, suche im Feld nach der Seite und wähle sie dann in den Ergebnissen aus.

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.

Layout und Erscheinungsbild anpassen

Um das Layout, die Ausrichtung und das Erscheinungsbild 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.
  • Strich – Aktiviere eine durchgezogene oder gepunktete Linie, die den Block umranden soll. Lege sowohl für durchgezogene als auch für gepunktete Linien die Farbe und Stärke des Strichs fest. 
  • Mischmodus – Verwende das Drop-down-Menü, um eine Transparenzeinstellung auszuwählen. Diese Effekte sind ideal, wenn du einen Newsletter-Block vor einem Bild oder anderen visuellen Inhalten überlagerst.
  • Unschärfe – Aktiviere den Schalter, um entweder das Element oder den Hintergrund unscharf zu machen, und verwende den Schieberegler, um den Unschärfegrad anzupassen.

So erlangst du Zugriff auf diese Funktion

Die Anpassungen für Strich, Mischmodus und Unschärfe sind für die Abschnitte Kreativer Editor verfügbar. Für Abschnitte, die den Klassischen Editor verwenden, ist nur Strich verfügbar.

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.

So erlangst du Zugriff auf diese Funktion

Die Mailchimp- und Zapier-Integrationen in Newsletter-Blöcken sind in den Abos Core, Plus, Erweitert, Business, E-Commerce Basis und E-Commerce Erweitert verfügbar. Weitere Informationen findest du unter Das richtige Squarespace-Abonnement auswählen.

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:

  1. Öffne Website-Stile zum Bearbeiten einer Seite und klicke dann neben „Schriftarten“ auf >.
  2. Klicke auf Stile zuweisen
  3. Scrolle zum Abschnitt Newsletter-Block und klicke auf jede Option, um die verschiedenen Schriftarten zu gestalten. Verwende das Menü Buttons für Button-Texte.
  4. 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:

  • SchriftartAbsatzeinstellungen im Menü Schriftarten
  • GrößeAbsatz 2-Schieberegler im Abschnitt Absätze des Schriftarten-Menüs
  • Farbe – Absatzfarbe (mittelgroß) im ausgewählten Abschnittsdesign

Farben

So gestaltest du Farbstile des Blocks:

  1. Öffne Website-Stile zum Bearbeiten einer Seite und klicke dann neben „Farben“ auf >.
  2. Bewege den Mauszeiger über dein Design und klicke auf das Bleistiftsymbol.
  3. Scrolle zum Abschnitt Newsletter-Block oder klicke auf den Newsletter-Block deiner Website, um alle relevanten Anpassungen anzeigen zu lassen.
  4. 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:

  1. Öffne das Design-Menü und klicke dann auf Website-Stile.
  2. 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:

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.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.