AltfriedLAB HowTo: Eine öffentliche Vereinswebsite mit Confluence und Scroll Sites

Ziel

Der Förderverein St. Altfried e.V. nutzt Confluence bereits zur Ablage und Pflege öffentlich relevanter Informationen. Im AltfriedLAB wurde deshalb untersucht, ob diese Inhalte gleichzeitig als Grundlage für eine eigenständige Vereinswebsite dienen können.

Die Grundidee ist einfach:

Confluence ist das Redaktionssystem. Scroll Sites ist die Veröffentlichungsschicht.

Die Inhalte werden damit nicht zusätzlich in einem klassischen Content-Management-System wie WordPress gepflegt. Sie bleiben in Confluence und werden von dort als Website veröffentlicht.

1. Ausgangslage

Für den Förderverein existierte bereits ein Confluence Space mit öffentlich zugänglichen Informationen, unter anderem zu:

• Verein und Vereinszweck

• Projekten

• rechtlichen und steuerlichen Angaben

• Impressum

• Datenschutz

• AltfriedLAB

Der öffentliche Zugriff auf Confluence funktionierte bereits. Die Darstellung blieb jedoch erkennbar eine Confluence-Oberfläche und war damit eher eine öffentliche Wissensablage als eine eigenständige Website.

Die Fragestellung des AltfriedLAB lautete deshalb:

Kann aus einem bereits vorhandenen Confluence Space ohne doppelte Contentpflege eine eigenständige Vereinswebsite entstehen?

2. Lösungsarchitektur

Der Versuchsaufbau besteht zunächst aus zwei Komponenten:

Confluence Cloud
Erstellung, Strukturierung und Pflege der Inhalte.

Scroll Sites for Confluence
Veröffentlichung ausgewählter Confluence-Inhalte als öffentliche Website.

Perspektivisch lässt sich die Architektur erweitern:

Jira/Jira Service Management
Mitgliedsanträge, Förderanträge, Projekte, Aufgaben und andere Vorgänge.

Externer KI-Assistent
Optional beispielsweise Dify oder Botfriends als dialogischer Zugang zu veröffentlichten Informationen.

Damit werden Information und Prozesse getrennt, können aber auf derselben Atlassian-Grundlage miteinander verbunden werden.

HowTo

3. Confluence Space vorbereiten

Zunächst wird ein eigener Confluence Space für den Verein angelegt bzw. ein vorhandener Space verwendet.

Die Seiten sollten bereits ungefähr der späteren Informationsarchitektur der Website entsprechen.

Für St. Altfried wurde beispielsweise folgende Struktur verwendet:

Förderverein St. Altfried e.V.

• Willkommen

• Über uns

• Unsere Projekte

• Steuerliche Angaben

• Rechtliche Angaben

• Impressum

• Datenschutzerklärung

• AltfriedLAB

Wichtig ist dabei ein Grundprinzip:

Die Confluence-Struktur ist nicht nur interne Ablage, sondern bildet zugleich die redaktionelle Grundlage der Website.

Deshalb sollten Seitentitel auch für externe Besucher verständlich sein.

4. Scroll Sites installieren

Im Atlassian Marketplace wird die App Scroll Sites for Confluence von K15t installiert.

Nicht zu verwechseln mit Scroll HTML Exporter. Für diesen Anwendungsfall wird Scroll Sites benötigt, weil eine dauerhaft erreichbare und aus Confluence heraus aktualisierbare Website entstehen soll.

Nach der Installation wird in Scroll Sites eine neue Site angelegt.

5. Confluence als Content Source verbinden

Der vorhandene Confluence Space wird als Content Source der neuen Scroll Site ausgewählt.

Damit bleibt Confluence das führende System für die Inhalte.

Änderungen werden weiterhin dort vorgenommen. Scroll Sites stellt die Inhalte lediglich in einer anderen Form für öffentliche Besucher bereit.

Das ist der zentrale Unterschied zu einem separaten CMS:

Es entsteht keine zweite Kopie des Inhalts, die anschließend unabhängig gepflegt werden muss.

6. Site-Struktur festlegen

Scroll Sites erzeugt aus der Confluence-Struktur Navigation und Artikelseiten.

Dabei zeigte sich im Versuch eine Besonderheit des Help-Center-Themes: Die Content-Source-Seite verhält sich nicht wie eine klassische frei gestaltbare Homepage. Der einleitende Text wird dort nur als kurzer Teaser angezeigt.

Für St. Altfried wurde deshalb bewusst mit zwei Ebenen gearbeitet:

Einstiegsseite:
„Förderverein St. Altfried e.V.“

eigentliche Inhaltsseite:
„Willkommen“

Damit wird nicht versucht, gegen die Logik des Themes zu arbeiten. Die automatisch erzeugte Einstiegsseite dient als Portal, die Confluence-Seiten liefern die eigentlichen Inhalte.

7. Bezeichnung „Documentation“ anpassen

Das verwendete Help-Center-Theme bezeichnet den Navigationsbereich standardmäßig als:

Documentation

Für eine Vereinswebsite ist diese Bezeichnung unpassend.

Im Theme Configurator kann eigenes JavaScript ergänzt werden. Für St. Altfried wurde die Überschrift deshalb in „Informationen“ geändert.

Verwendetes JavaScript:

document.querySelectorAll('h2').forEach(function (heading) {
  if (heading.textContent.trim() === 'Documentation') {
    heading.textContent = 'Informationen';
  }
});

Das Script verändert ausschließlich H2-Überschriften, deren Inhalt exakt Documentation lautet.

Nach dem Einfügen muss die Änderung gespeichert und anschließend die Scroll Site erneut veröffentlicht werden.

Hinweis: Diese Anpassung greift in die Darstellung des Themes ein. Nach größeren Theme-Updates sollte geprüft werden, ob sie weiterhin funktioniert.

8. Branding einrichten

Anschließend wird die Site gestalterisch an den Förderverein angepasst.

Für St. Altfried wurden erstellt bzw. hinterlegt:

• Vereinslogo

• Favicon

• Website-Banner

• Name „Förderverein St. Altfried e.V.“

• angepasste Navigation

• Footer

Das visuelle Konzept orientiert sich am AltfriedLAB, unterscheidet aber bewusst zwischen Verein und Lab.

Die Kirche St. Altfried dient als visuelles Element des Vereins. Das AltfriedLAB verwendet dagegen die Altfried-Statue und stärker experimentell wirkende grafische Elemente.

9. Footer einrichten

Der Footer enthält die notwendigen Basisinformationen der Website.

Beispielsweise:

Urheberrecht © 2026 · Förderverein St. Altfried e.V.

sowie Links auf:

• Impressum

• Datenschutzerklärung

Je nach Scroll-Sites-Konfiguration können außerdem Hinweise auf Scroll Sites bzw. Confluence angezeigt werden.

10. Eigene Domain einrichten

Während der Einrichtung kann die von Scroll bereitgestellte Domain verwendet werden.

Beispiel:

st-altfried-e-v.scroll.site

Für den dauerhaften Betrieb ist eine eigene Domain sinnvoll.

Dazu wird zunächst eine geeignete Domain registriert. Anschließend wird diese in Scroll Sites als Custom Domain hinterlegt.

Scroll Sites zeigt die dafür erforderlichen DNS-Einstellungen an. Diese werden beim Domain-Provider übernommen.

Nach erfolgreicher DNS-Prüfung und Bereitstellung des HTTPS-Zertifikats ist die Site unter der eigenen Domain erreichbar.

Wichtig: DNS-Änderungen können einige Zeit benötigen, bis sie weltweit wirksam sind.

11. Mobile Darstellung prüfen

Vor der Veröffentlichung sollte die Website mindestens auf folgenden Darstellungen getestet werden:

• Desktop

• Smartphone

• Tablet bzw. schmales Browserfenster

Besonders zu prüfen sind:

• Banner

• Logo

• Navigation

• Überschriften

• Bilder

• Tabellen

• Links

• Footer

Eine Confluence-Seite, die intern gut aussieht, muss nicht automatisch in der veröffentlichten Website optimal wirken.

12. Rechtliche Inhalte ergänzen

Auch wenn Confluence das Redaktionssystem ist, handelt es sich nach außen um eine reguläre öffentliche Website.

Deshalb wurden eigene Seiten für mindestens folgende Informationen angelegt:

Impressum

Datenschutzerklärung

Bei der späteren Einbindung externer Dienste – beispielsweise Analytics, eingebetteter Medien oder eines KI-Chatbots – muss die Datenschutzerklärung entsprechend erweitert werden.

Insbesondere externe JavaScript-Komponenten sollten hinsichtlich Cookies, Tracking und Datenübermittlung geprüft werden.

Redaktioneller Betrieb

13. Inhalte ändern

Der Redakteur arbeitet weiterhin ausschließlich in Confluence.

Der grundlegende Ablauf lautet:

Confluence-Seite bearbeiten → prüfen → über Scroll Sites veröffentlichen

Es ist damit nicht notwendig, dieselbe Information zusätzlich in einem separaten Website-CMS zu pflegen.

Genau darin liegt für einen kleinen Verein ein wesentlicher Vorteil des Ansatzes.

14. Neue Website-Seiten anlegen

Auch neue Inhalte entstehen zunächst als Confluence-Seiten.

Beispiel:

Unsere Projekte

• Renovierung Gemeinderaum

• Unterstützung Jugendprojekt

• Anschaffung Ausstattung

Die Seitenstruktur in Confluence beeinflusst dabei die spätere Navigation der Website.

Deshalb sollte bereits beim Anlegen einer Seite überlegt werden:

Ist das eine eigenständige Information für Besucher oder lediglich eine interne Arbeitsseite?

Nicht jede interne Confluence-Seite sollte automatisch Bestandteil der öffentlichen Website werden.

Perspektivische Erweiterung

15. Von der Website zum digitalen Vereinsprozess

Die Website ist im AltfriedLAB nicht als isoliertes Projekt gedacht.

Der interessantere nächste Schritt besteht darin, öffentliche Informationen mit den Prozessen des Vereins zu verbinden.

Beispiel:

Confluence / Scroll Sites

Besucher liest:

„Förderantrag stellen“

↓

Jira Service Management

Formular zur Antragstellung

↓

Jira

Förderantrag wird als Vorgang angelegt.

↓

Vereinsarbeit

Prüfung → Rückfragen → Entscheidung → Umsetzung → Abschluss

Damit verbindet die Plattform zwei bisher häufig getrennte Bereiche:

Information in Confluence und Vorgangsbearbeitung in Jira.

16. Optional: KI-Assistent

Ein weiterer Versuchsbaustein kann ein externer KI-Assistent sein, beispielsweise mit Dify oder Botfriends.

Der Bot könnte Fragen beantworten wie:

• Was fördert der Verein?

• Wer kann einen Förderantrag stellen?

• Wie werde ich Mitglied?

• Welche Projekte werden aktuell unterstützt?

• Wo finde ich das Antragsformular?

Scroll Sites erlaubt die Einbindung externer Web-Komponenten. Vor einer produktiven Nutzung müssen dabei insbesondere Datenschutz, verwendetes Sprachmodell, Hosting, Datenübertragung und Einwilligungsmechanismen geprüft werden.

Ergebnis des ersten Versuchs

Der technische Aufbau der ersten Website-Version dauerte im AltfriedLAB ungefähr eine Stunde.

Dabei ist allerdings eine wichtige Einschränkung zu beachten:

Die Website-Inhalte wurden nicht in einer Stunde erstellt. Sie existierten bereits in Confluence.

Genau das ist jedoch die eigentliche Erkenntnis des Experiments.

Der vorhandene öffentliche Confluence Space wurde nicht durch eine neue Website ersetzt. Stattdessen wurde eine zusätzliche Veröffentlichungsschicht davor gesetzt.

Aus:

Confluence als öffentlich zugängliche Wissensablage

wurde:

Confluence als Redaktionssystem + Scroll Sites als öffentliche Website.

Zwischenfazit des AltfriedLAB

Der erste Versuch zeigt, dass Confluence für einen kleinen gemeinnützigen Verein nicht nur als interne Wissensplattform eingesetzt werden kann.

In Verbindung mit einer Publishing-Lösung kann derselbe Inhalt gleichzeitig Grundlage einer öffentlichen Website sein.

Der Ansatz reduziert damit insbesondere:

• doppelte Contentpflege

• zusätzliche Systeme

• technische CMS-Komplexität

• Medienbrüche zwischen interner Dokumentation und externer Information

Gleichzeitig hat der Versuch eine erste Grenze gezeigt: Das Standard-Help-Center-Theme von Scroll Sites ist ursprünglich für Dokumentations- und Help-Center-Szenarien konzipiert. Für eine klassische Website sind deshalb kleinere Anpassungen und ein bewusster Umgang mit der vorgegebenen Struktur erforderlich.

Für das AltfriedLAB gilt weiterhin:

Was sich bewährt, bleibt. Was zu umständlich ist, fliegt wieder raus.

Stand: 30. August 2026