# Abos & Audience

Abos sind als finanzielles Standbein für zukunftsgerichtete Medien nicht mehr wegzudenken. Deshalb haben wir über die letzten Jahre ein ausgeklügeltes Abo-System gebaut, welches speziell auf die Bedürfnisse unabhängiger Medien ausgerichtet ist.

## Key Features

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2Ftw5YE5CsTvwcjt4etjSq%2Fimage.png?alt=media&#x26;token=5e1ba322-4b26-4e62-b6c1-939ce6b49257" alt=""><figcaption></figcaption></figure>

:white\_check\_mark: Automatische Abbuchungen (auch mit Twint)

:white\_check\_mark: Synchronisation mit Newsletter-Adressen, um Leser:innen individuell anzusprechen und Nicht-Abonnent:innen zu einem Kauf zu bewegen.

:white\_check\_mark: Automatisierte Kommunikationsabläufen mit den Abonennt:innen vor und während der Abo-Erneuerung.

:white\_check\_mark: Zahlungen auf Rechnung und automatischer Versand der PDF-Rechnungen.

:white\_check\_mark: Optionale Paywall

:white\_check\_mark: Untersützung aller erdenklicher Zahlungsarten (Kreditkarten, Paypal, Postfinance, Klarna, Twint, Apple-Pay und viele mehr!)

:white\_check\_mark: Probeabos

:white\_check\_mark: Ehemalige Abonennt:innen zurückgewinnen

:white\_check\_mark: Übersichtliches Audience-Dashboard

## Der Kommunikationsfluss <a href="#kommunikationsfluss-communication-flow" id="kommunikationsfluss-communication-flow"></a>

Der Kommunikationsfluss bestimmt, zu welchem Zeitpunkt ein:e Abonnent:in welche E-Mail erhält.

### Die Mail-Vorlagen <a href="#die-mail-vorlagen" id="die-mail-vorlagen"></a>

Am besten beginnst Du damit, die Mailvorlagen auf Mandrill (Mailchimp) oder Mailgun anzulegen. Wenn Du dies getan hast, kannst Du die Mailvorlagen mit We.Publish synchronisieren.

{% hint style="success" %}
[Beispiele für alle wichtigen Mailtemplates findest Du hier.](https://we-publish.gitbook.io/we.publish/publisher-dokumentation/abos-and-audience/beispiele-fur-mailtemplates)
{% endhint %}

*Einstellungen > E-Mail-Vorlagen*

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FrX3dUFQGrq61nMbPZc4P%2Fimage-20240910-151924.png?alt=media&#x26;token=3578377d-57cc-4c0d-90e0-0f0025260453" alt=""><figcaption></figcaption></figure>

Klicke hierzu auf den blauen Button oben rechts *Templates synchronisieren*

{% hint style="info" %}
Die Synchronisation muss von der IT einmalig konfiguriert werden. Wenn die Synchronisation nicht funktioniert, wende Dich an den IT-Support.
{% endhint %}

In den Templates auf Mandrill oder Mailgun kannst Du überdies Platzhalter verwenden. Welche das sind, findest Du heraus, in dem Du auf *Verfügbare Placeholders {}* klickst. Dort siehst Du jeweils auch ein Beispiel.

### Default Mailing <a href="#default-mailing" id="default-mailing"></a>

Das Default Mailing beschreibt den Standard-Kommunikationsfluss, wenn beim Abo-Plan keine weitergehenden Einstellungen vorgenommen werden. Es ist also der Fallback-Kommunikationsfluss.

*Abo Pläne > Default Mailing*

#### Static Subscription Events

In den statischen Abo-Events (*Static Subscription Events*) kannst Du das E-Mail aus den Mailvorlagen ([Publisher Documentation | Die Mail Vorlagen](#die-mail-vorlagen) ) wählen, welches verschickt werden soll, wenn jemand...

* ein neues Abo löst: *Subscribe*
* [ein zurückgeholter User sein Abo bestätigen soll:](https://we-publish.gitbook.io/we.publish/publisher-dokumentation/abos-and-audience/abonennt-innen-zuruckgewinnen) *Subscription confirmation /* *Abonnementbestätigung*
* wenn die automatische Belastung funktioniert hat (Betrag wurde de:r Abonnent:in automatisch von der KK oder Twint belastet): *Renewal successfull*
* wenn die automatische Belastung nicht funktioniert hat: *Renewal failed*
* sein:ihr Abo gekündet hat: *Deactivated by user*

{% hint style="success" %}
[Beispiele für alle wichtigen Mailtemplates findest Du hier.](https://we-publish.gitbook.io/we.publish/publisher-dokumentation/abos-and-audience/beispiele-fur-mailtemplates)
{% endhint %}

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FcowQ3JUXEkmmSbJ5ENDF%2Fimage-20240910-153238.png?alt=media&#x26;token=17533ed1-46bb-41ae-91e0-404ec8e34026" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
We.Publish versucht, die offenen Rechnungen ab dem Erneuerungszeitpunkt (*Tag 0*) jede Nacht zu belasten. Wenn die automatische Belastung der Kreditkarte jedoch fehlschlägt, wird bekanntlich die Mail von *Renewal failed* verschickt. Das bedeutet, dass die Abonnent:innen jede Nacht die Mail *Renewal failed* erhalten, bis eine Belastung des hinterlegten Zahlungsmittels wieder möglich ist.
{% endhint %}

Meistens ist eine automatische Belastung nicht möglich, weil die Kreditkarte abgelaufen ist. Die Benutzer:innen können dies selbständig korrigieren: [Publisher Documentation | Zahlungsmittel (Kreditkartendaten) ändern](#zahlungsmittel-kreditkartendaten-andern)

#### Timeline

Im Zentrum der *Timeline* wiederum steht der Tag 0, an dem das Abo entweder abläuft oder erneuert wird. Um diesen Tag 0 können vorher und nachher Mails verschickt werden. Um einen Tag in der Timeline hinzuzufügen, klicke auf das *grüne +* oben rechts (vielleicht musst du nach rechts scrollen) und gib eine Zahl ein, die für die Anzahl Tage vor (negative Zahl) oder nach (positive Zahl) dem Tag 0 steht.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FIb4QYU6mxGWFoWPR97dF%2Fimage-20240910-153150.png?alt=media&#x26;token=77b1d327-d6c3-47a8-a336-1554294fde61" alt=""><figcaption></figcaption></figure>

Ausserdem kannst Du zwei Events in der Timeline per Drag\&Drop (mit der Maus packen, verschieben und loslassen) verschieben. Es sind dies:

* *Invoice creation* (grün): Zu diesem Zeitpunkt wird die Rechnung erstellt, falls das Abo automatisch erneuert wird (auto-renew: true). Ab diesem Zeitpunkt hat der:die Abonnent:in die Möglichkeit, die nächste Abo-Periode (Monat, Vierteljahr, Halbjahr, Jahr) zu bezahlen.
* *Deactivation for unpaid invoices* (orange): Wenn jemand die offene Rechnung nicht bezahlt, wird diese am ausgewählten Tag deaktiviert.

{% hint style="success" %}
[Beispiele für alle wichtigen Mailtemplates findest Du hier.](https://we-publish.gitbook.io/we.publish/publisher-dokumentation/abos-and-audience/beispiele-fur-mailtemplates)
{% endhint %}

### **Spezifisches Mailing für jeden Abo-Plan** <a href="#spezifisches-mailing-fur-jeden-abo-plan" id="spezifisches-mailing-fur-jeden-abo-plan"></a>

Für jeden Abo-Plan kannst Du spezifische Kommunikationsabläufe festlegen und damit das Default-Mailing **übersteuern**.

*Abo Pläne > Abo Pläne > Kommunikationsfluss bearbeiten*

Die Einstellungen funktionieren gleich wie beim [Default-Mailing](#default-mailing). Zusätzlich kannst Du zweierlei einstellen:

#### Filter

Hier kannst Du spezifisch einstellen, für welche Abos bestimmte Kommunikationsflüsse gelten sollen. Z.B. kannst Du damit zwischen automatisch und nicht automatisch erneuernden Abos unterscheiden. Links davon siehst Du die Anzahl Abos, die von diesen Einstellungen betroffen sind.

Die erste Zeile ganz oben zeigt Dir das Default-Mailing als Orientierungshilfe an.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2Fd3S3pVsYsTjJqCSZEH41%2Fimage-20240910-160248.png?alt=media&#x26;token=a7f2dbbd-d9a4-465e-98e0-070e5970d58d" alt=""><figcaption></figcaption></figure>

#### Neue Flows hinzufügen

Einen neuen Flow kannst Du ganz einfach mit *+ Create new flow* hinzufügen.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2F1Tc6AvJ3atkVQRnY5x95%2Fimage-20240910-160747.png?alt=media&#x26;token=da57157a-e475-4e04-9044-7532699cb4cc" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Wenn Du den obersten Kommunikationsfluss (= erste Zeile) bearbeitest, änderst Du das [Default-Mailing](#default-mailing) sämtlicher Abos.
{% endhint %}

### Manche Mails werden nicht versendet <a href="#system-mails-login-link-usw" id="system-mails-login-link-usw"></a>

{% hint style="info" %}
Sämtliche Mails **vor** dem Tag 0 (in der Timeline **links** des Tages 0) werden **nicht** verschickt, wenn das Abo **deaktiviert** ist. Das gilt auch, wenn das Deaktivierungs-Datum in der Zukunft liegt.
{% endhint %}

{% hint style="info" %}
Sämtliche Mails **nach** dem Tag 0 (in der Timeline **rechts** des Tages 0) werden **nur** verschickt, wenn zum Abo eine **Rechnung offen** ist. Wenn das Abo

* ausgelaufen (nicht automatisch erneuert),
* deaktiviert
* oder bezahlt

ist, werden **keine** Mails verschickt!
{% endhint %}

### System-Mails (Login-Link usw.) <a href="#system-mails-login-link-usw" id="system-mails-login-link-usw"></a>

*Einstellungen > System Mails*

Hier bestimmst Du, welche Mails versendet werden, wenn

* sich eine Person neu registriert, ohne ein Abo zu lösen. Das ist etwa der Fall, wenn die Person sich registriert, um zu kommentieren: *Register*
* Du eine Test-Mail verschicken möchtest. Praktisch, um etwa ein Mail-Template auszuprobieren: *Test mail*
* jemand einen Login-Link anfordert. Diese wichtige E-Mail wird verschickt, wenn sich jemand mit einem Login-Link einloggen möchte: *Login Link*
* jemand sein Passwort zurücksetzen möchte: *Password reset*

{% hint style="success" %}
[Beispiele für alle wichtigen Mailtemplates findest Du hier.](https://we-publish.gitbook.io/we.publish/publisher-dokumentation/abos-and-audience/beispiele-fur-mailtemplates)
{% endhint %}

## Pricing <a href="#zahlungsmittel-kreditkartendaten-andern" id="zahlungsmittel-kreditkartendaten-andern"></a>

Das Pricing der Abo-Pläne kann im Editor unter *Abo Pläne* eingestellt werden.

### Minimaler Betrag / Monat

Der minimale monatliche Betrag definiert den eigentlichen Abo-Preis. Es ist der minimale Preis, den alle Benutzer:innen bei Aboabschluss zu bezahlen haben. Dieser kann nicht unterschritten werden.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FjUkVipj6H0oNpFIm2NHi%2Fimage.png?alt=media&#x26;token=8e30611d-6b03-4601-9903-fcf8d127b575" alt="" width="563"><figcaption></figcaption></figure>

Wer den Website-Builder nutzt, sieht den minimalen monatlichen Betrag im Regler (siehe Abbildung unten) als linke Grenze, die nicht unterschritten werden kann.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FU1qOLxfLoeYJN4ung6bF%2Fimage.png?alt=media&#x26;token=b3edddb5-8896-4cb8-9ead-4df0a2a0afcc" alt="" width="563"><figcaption></figcaption></figure>

### Ziel-Betrag / Monat

Mit dem monatlichen Zielbetrag legst Du fest, wie teuer ein Abo eigentlich sein sollte. Dieser Betrag ist jedoch freiweillig und kann bis zum Minimal-Betrag unterschritten werden.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2F8KMSKUIXN59TKiv38isV%2Fimage.png?alt=media&#x26;token=14a23074-7f65-4620-b92a-464500876791" alt="" width="375"><figcaption></figcaption></figure>

Bei der Implementation mit dem Website-Builder wird der Ziel-Betrag im Pricing-Regler vordefiniert.

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2FKrbDz4kOunYJ3kGEBJwv%2Fimage.png?alt=media&#x26;token=bee876e3-fb2a-433b-b81c-b072b451d876" alt="" width="563"><figcaption></figcaption></figure>

### Probeabos

In den Einstellungen der Abo-Pläne kannst Du den Button *Für Probeabos konfigurieren* klicken. Damit wird ein Abo nicht automatisch verlängerbar und kann pro Benutzer:in maximal einmalig gelöst werden (verhindern, dass Benutzer:innen jeden Monat ein neues Probeabo lösen).

Du solltest den Benutzer:innen danach vor Ablauf des Probeabos Mails mit einem Link für ein Upgrade zu einem regulären Abo zustellen. Dies kannst Du über den Mailflow tun. Trete in Kontakt mit We.Publish, um diesen Upgrade-Prozess zu automatisieren.

### Preis bestehender Abos erhöhen

Wenn Du den Preis eines Abo-Plans änderst, ändert sich lediglich der Preis für neue Abos, die abgeschlossen werden. Der Preis bestehender Abos wird indes **nicht** verändert. Damit verhindern wir, dass aus Versehen sämtliche laufende Abos - ohne dass die Benutzer:innen informiert würden - eine unbemerkte Preiserhöhung bekommen.

Wenn Du die Preise bestehender Abos dennoch ändern möchtest, hast Du folgende Optionen:

* Im Editor manuell die Preise bei jedem abgeschlossenen Abo manuell erhöhen (vergiss nicht, die Benutzer:in vorgängig zu informieren und sein/ihr Einverständnis einzuholen).
* Die Benutzer:innen in einer E-Mail-Kampagne darum beten, ihr Abo auf ein neues, teureres zu ändern (kontaktiere We.Publish, um eine Abo-Upgrade-Funktion zu implementierendiesen Vorgang zu automatisieren)

## Landing-Pages für erfolgreiche/fehlerhafte Zahlung <a href="#landing-pages-nach-zahlung" id="landing-pages-nach-zahlung"></a>

Gratulation! Du hast soeben eine neue Unterstützerin gewonnen. Sie hat ein Abo auf Deiner Seite abgeschlossen. Wenn alles geklappt hat, solltest Du sie auf eine **Willkommensseite** weiterleiten, die Du im Editor selbst erstellen kannst.

Manchmal indes kann es passieren, etwa weil eine Kreditkarte nicht über genügend Guthaben verfügte, dass eine Zahlung fehlerhaft war. Leite die Benutzerin auch in dem Fall auf eine entsprechende Seite von Dir weiter und motiviere sie, es mit einer anderen Kreditkarte zu versuchen.

Wenn eine Zahlung erfolgreich oder fehlerhaft war, kannst du die Besucher:in auf eine CMS-Seite weiterleiten, es ist per Abo-Plan einstellbar.

Anbei zwei gute **Beispiele aus der Praxis**

* Erfolgreich: <https://bajour.ch/success>
* Fehlerhaft: <https://bajour.ch/fail>

<figure><img src="https://2849746287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI94kSPjKj4zHlecmyik1%2Fuploads%2F8CHNpTf8WXczb59vvqsB%2Fimage.png?alt=media&#x26;token=36509402-6b7c-4d67-a903-5b28dffa0caf" alt=""><figcaption></figcaption></figure>

## Zahlungsmittel (Kreditkartendaten) ändern <a href="#zahlungsmittel-kreditkartendaten-andern" id="zahlungsmittel-kreditkartendaten-andern"></a>

Die Benutzer:innen können ihre Zahlungsmittel (Z.B. Kreditkarte) nur ändern, wenn sie eine offene Rechnung haben.

## About upselling & other useful url parameters <a href="#about-upselling-and-other-useful-url-parameters" id="about-upselling-and-other-useful-url-parameters"></a>

**Prerequisite**: Your website uses the **Website Builder.**

The sale of new subscriptions on the mitmachen page (e.g. bajour.ch/mitmachen) can be improved with a few tricks.

* Show only one subscription: `memberPlanBySlug`\
  example\
  [https://bajour.ch/mitmachen?memberPlanBySlug=bajour-member](https://bajour.ch/mitmachen?memberPlanSlug=bajour-member)
* Allow an upsell from a subscription: `memberPlanBySlug` & `upsell`\
  example\
  [https://bajour.ch/mitmachen?memberPlanBySlug=bajour-member\&upsell=true](https://bajour.ch/mitmachen?memberPlanSlug=bajour-member\&upsell=true)
* Pre-select a subscription: `memberPlanBySlug` & `all`\
  example\
  [https://bajour.ch/mitmachen?memberPlanBySlug=bajour-member\&all=true](https://bajour.ch/mitmachen?memberPlanSlug=bajour-member\&all=true)
* Cancel a subscription on the same time, you create a new one. This is useful with trial subscriptions or old “Payrexx Subscription” subscriptions: `cancelSubscriptionId`

To lower the hurdles for potential new members, three additional URL parameters can be used to automatically pre-fill form fields. This is very practical, for example, via Mailchimp or personalized advertising.

* mail
* firstName
* lastName

Example: <https://tsri.ch/mitmachen?mail=new@wepublish.ch&firstName=Fredu&lastName=Wunderland>

## Specific functionality for Hauptstadt’s VueJs front-end <a href="#specific-functionality-for-hauptstadts-vuejs-front-end" id="specific-functionality-for-hauptstadts-vuejs-front-end"></a>

#### Tags <a href="#tags" id="tags"></a>

* `sort-order:n` Order the display of the member plans on the abo page
* `hide-slider` Hide the payment slider to be shown for a specific member plan
* `disabled-style` Grey out the member plan on the abo page

  Open image-20240513-183717.png![image-20240513-183717.png](blob:https://wepublish.atlassian.net/fb946b1e-4f3b-4fb4-83c7-04efce9c5d55#media-blob-url=true\&id=9d863171-ea3e-45b7-8e61-72db1cf93f8f\&collection=contentId-1131249665\&contextId=1131249665\&mimeType=image%2Fpng\&name=image-20240513-183717.png\&size=308100\&width=1395\&height=890\&alt=image-20240513-183717.png)
* `trial-subscription` Make the subscription available on the “probe-abo” page <https://hauptstadt.wepublish.dev/p/probe-abo> AND automatically cancel this subscription, if a user creates / buys a new regular subscription without the “trial-subscription” tag.
* `normal-subscription` Make the subscription available on the normal abo page <https://hauptstadt.wepublish.dev/p/abo>
