> For the complete documentation index, see [llms.txt](https://wiki.beabee.io/community-journalismus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.beabee.io/community-journalismus/community-zentrierte-methoden/so-baust-du-eine-gute-join-page/newsletteranmeldungen-richtig-einbetten.md).

# Newsletteranmeldungen richtig einbetten

Wenn du keine Mitgliedschaften oder Spenden anbietest, ist die Newsletter-Anmeldung der wichtigste Call-to-Action auf deiner Website. Sie kann natürlich auch ergänzend zu einem monetären Angebot laufen.

Für die Newsletter-Anmeldung gibt es in der Regel **keine eigene „Join“-Seite**. Stattdessen arbeiten viele Websites mit gut sichtbaren Bannern, Pop-ups oder Buttons, über die Interessierte ihre E-Mail-Adresse direkt eintragen können. Manchmal führt der Button auch auf eine separate Seite mit einem ausführlicheren Anmeldeformular.

Auch hier gilt: **Schau dir an, wie andere es umsetzen.** Was spricht dich besonders an? Was wirkt eher abschreckend? Und vor allem: Was passt zu dir, deiner Zielgruppe und deinen Zielen?

***

## **Beispiele für Newsletteranmeldungen**

### **1) RUMS**

<div><figure><img src="/files/gNn9sJfFeIpweFgKDftm" alt=""><figcaption></figcaption></figure> <figure><img src="/files/SLhl4FQEPOOWn2p4ze6r" alt=""><figcaption></figcaption></figure> <figure><img src="/files/NVGEpbehlNFCJmsHK7e8" alt=""><figcaption></figcaption></figure></div>

RUMS finanziert sich über ein Abo-Modell, arbeitet aber zusätzlich mit einem „6 Monate für 1 Euro“-Angebot. Dieses wird an verschiedenen Stellen der Website prominent platziert – in Form einer Newsletter-Anmeldung –, um zunächst die E-Mail-Adresse potenzieller Abonnent\*innen zu gewinnen.

Der Call-to-Action ist relativ klassisch positioniert: oben rechts in der Menüleiste, direkt im Header und kurz vor dem Footer. Häufig werden Newsletter-Anmeldungen zusätzlich noch einmal im Footer selbst integriert. Darüber hinaus erscheint zwischen einzelnen Textabschnitten ein weiterer Banner, der sich in den Lesefluss einfügt und erneut auf das Angebot aufmerksam macht.

Alle Call-to-Actions sind orange hinterlegt und ähnlich gestaltet. Dadurch entsteht ein hoher Wiedererkennungswert, gleichzeitig kann die Wiederholung aber auch etwas repetitiv wirken.

Die Anmeldung erfolgt jeweils über einen Klick auf einen Button, der auf eine separate Anmeldeseite weiterleitet.

[Zur Website](https://www.rums.ms/)

***

### **2) loky\***

<div><figure><img src="/files/D0e30r2FwwmFoaoLguWe" alt=""><figcaption></figcaption></figure> <figure><img src="/files/6QFKKeplugyG0Xg1qjuZ" alt=""><figcaption></figcaption></figure></div>

loky\* macht – ähnlich wie RUMS – ebenfalls dreimal auf den eigenen Newsletter aufmerksam. Der Call-to-Action oben rechts auf der Startseite und direkt unter dem Header ist ziemlich klassisch und entspricht dem, was man erwartet. Beim weiteren Scrollen wird es dann etwas spannender: loky\* arbeitet mit einem zusätzlichen Farbelement und gestaltet die Newsletter-Anmeldung optisch anders. Inhaltlich ist es zwar derselbe Call-to-Action, aber durch das neue Design fällt er nochmal neu ins Auge.

Genau hier unterscheidet sich die Join-Page auch deutlich von RUMS: Während RUMS stark auf visuelle Wiederholung setzt, spielt loky\* mehr mit Variation und Gestaltung.

Außerdem wechselt loky\* bei der Umsetzung zwischen zwei Varianten: Manchmal kannst du deine E-Mail-Adresse direkt auf der Seite eingeben, manchmal führt ein Button erst auf eine separate Anmeldeseite

[Zur Website](https://www.loky.news/)

***

### **3) Subcribe Now**

<figure><img src="/files/J8UUaLKngghmZGEg8GUJ" alt="" width="375"><figcaption></figcaption></figure>

Das Interessante an der Join-Page von Lennart Schneider von Subscribe Now ist, dass er mehrere unterschiedliche Produkte – und damit auch verschiedene Call-to-Actions – auf einer Website bündelt.

Die Newsletter-Anmeldung wird dabei besonders durch einen Pop-up-Banner hervorgehoben. Dieser enthält einen klaren Call-to-Action, eine kurze Beschreibung dessen, was dich im Newsletter erwartet, sowie die Information, wie häufig er versendet wird. Zusätzlich gibt es ein Feld zur Eingabe der E-Mail-Adresse und einen Datenschutzhinweis.

[Zur Website](https://www.subscribe-now.de/)

***

### **4) morningcrunch**

<figure><img src="/files/4HMRzFq0KG4p3B0zarWp" alt="" width="375"><figcaption></figcaption></figure>

Die Seite von morningcrunch unterscheidet sich noch einmal deutlich von den anderen Join-Pages, denn sie ist komplett auf die Newsletter-Anmeldung ausgerichtet. Hier werden mehrere Newsletter angeboten, jeweils kurz beschrieben, und über verschiedene Auswahlmöglichkeiten kannst du direkt auswählen, welche Formate dich interessieren.

Zusätzlich gibt es einen Banner, der beim Scrollen dauerhaft sichtbar bleibt und in den du jederzeit deine E-Mail-Adresse eintragen kannst. Dadurch steht die Anmeldung die ganze Zeit im Fokus.

[Zur Website](https://morningcrunch.de/)

***

## **Strategische Entscheidungen**

Die Beispiele zeigen: **Es gibt nicht die eine richtige Lösung**, sondern verschiedene Möglichkeiten und einige strategische Entscheidungen, die du bewusst treffen solltest.

Für Newsletteranmeldungen gilt vor allem:

* Wo platzierst du deine **Call-to-Actions**?
* Setzt du auf ein **einheitliches Design** für hohen Wiedererkennungswert oder auf **Variation**, um immer wieder neue Aufmerksamkeit zu erzeugen?
* Integrierst du das **Anmeldefeld** direkt auf der Seite oder arbeitest du mit einem **Button**, der auf eine separate Seite weiterleitet?
* Nutzt du **zusätzlich Pop-up-Banner** oder verzichtest du bewusst darauf?

***

## **Newsletter und Mitgliedschaft**

Wenn du sowohl einen Newsletter als auch eine Mitgliedschaft anbietest, solltest du dir genau überlegen, wie beide Angebote strategisch **zusammenspielen**. Es geht nicht nur um die Platzierung, sondern um den gesamten Nutzer\*innenweg.

Überlege dir zunächst: Soll der Newsletter der **erste Einstieg** sein – also ein niedrigschwelliger Kontaktpunkt, über den Vertrauen aufgebaut wird? In vielen Fällen ist das sinnvoll, weil eine E-Mail-Anmeldung weniger Verbindlichkeit erfordert als eine Mitgliedschaft. Der Newsletter kann dann gezielt darauf vorbereiten, später Mitglied zu werden.

Oder sollen Newsletter und Mitgliedschaft direkt miteinander verknüpft sein? Zum Beispiel, indem Mitglieder automatisch den Newsletter erhalten oder Newsletter-Abonnent\*innen exklusive Einblicke bekommen, die zur Mitgliedschaft hinführen. Wichtig ist, dass sich beide Angebote klar voneinander unterscheiden und ihr Mehrwert deutlich kommuniziert wird.

**Vermeide** zudem **Konkurrenz** zwischen den beiden Calls-to-Action. Wenn Nutzer\*innen das Gefühl haben, sich entscheiden zu müssen, kann das eher abschreckend wirken. Besser ist ein klarer, nachvollziehbarer Aufbau: erst Beziehung, dann Bindung.

**Teste deinen User-Flow** unbedingt mit mehreren Personen – idealerweise aus deiner Zielgruppe. Beobachte, wo Unsicherheiten entstehen, was intuitiv funktioniert und an welchen Stellen Angebote übersehen oder als aufdringlich empfunden werden. So stellst du sicher, dass deine Strategie nicht nur logisch wirkt, sondern auch tatsächlich gut funktioniert.

***

<p align="center"><strong>Gestalte das Wiki mit:</strong> </p>

<p align="center"><a href="https://starthub.correctiv.org/callouts/deine-frage-fur-unser-correctiv.starthub-wiki" class="button secondary" data-icon="message">Stelle deine Frage</a> oder  <a href="https://starthub.correctiv.org/crowdnewsroom/dein-beitrag-fur-unser-correctiv.starthub-wiki" class="button secondary" data-icon="pencil">Schreibe einen Beitrag</a> oder  <a href="https://starthub.correctiv.org/crowdnewsroom/deine-feedback-fur-unser-community-journalismus-wiki" class="button secondary" data-icon="comments">Gib uns Feedback</a></p>

<p align="center"><em>Lust auf mehr? Im</em> <a href="https://correctiv.org/projekte/starthub/"><em>CORRECTIV.StartHub</em></a> <em>findest du Unterstützung, Austausch mit Gleichgesinnten und neue Impulse für dein Community-zentriertes Medienprojekt im Lokalen.</em></p>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.beabee.io/community-journalismus/community-zentrierte-methoden/so-baust-du-eine-gute-join-page/newsletteranmeldungen-richtig-einbetten.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
