Willkommen bei Flyo! Deine Organisation ist noch leer. In diesem Guide baust du sie Schritt für Schritt selbst auf und durchläufst dabei genau den Workflow, den du später produktiv nutzen wirst:
Entität → Inhalt → Content Pool → Integration
Am Ende hast du eigene Inhalte in Flyo erfasst und live auf einem externen Kanal ausgespielt – per Embed Code auf einer Webseite oder als eigene REST-API. Arbeite die Kapitel der Reihe nach durch: Jedes baut auf dem vorherigen auf.
1. Das Grundprinzip
Flyo baut auf vier Kernelementen auf:
| Element | Was es ist | Analogie |
|---|---|---|
| Entität | Das Datenmodell für eine Inhaltsart (z. B. «News», «Veranstaltung», «Team»). Sie legt fest, welche Felder ein Inhalt hat. | Das Inhalts-Template |
| Inhalt | Ein einzelner Inhalt auf Basis einer Entität (z. B. der News-Beitrag «Neuer Standort eröffnet»). | Das ausgefüllte Inhalts-Template |
| Content Pool | Ein Bündel von Inhalten für einen bestimmten Zweck – kuratiert von Hand oder automatisch per Filterregel. | Der Ordner |
| Integration | Die Verbindung zu einem Kanal (Webseite, Newsletter, Screen, App). Sie erhält immer genau die Inhalte, die ihr über einen Content Pool bereitgestellt werden. | Der Ausgabekanal |
Merke: Inhalte gelangen nie direkt in eine Integration. Der Content Pool ist die Brücke dazwischen. Genau das macht Mehrfachverwendung so einfach: Ein Inhalt kann in beliebig vielen Content Pools liegen und über beliebig viele Integrationen ausgespielt werden.
2. Die Flyo-Oberfläche
Melde dich unter flyo.cloud an. Nach dem Login landest du auf dem Dashboard. Diese Elemente begleiten dich überall:
- Hauptnavigation (links): Inhalte, Content Pools, Integrationen, Dateien. Klick auf das Logo oben links bringt dich jederzeit zurück zum Dashboard.
- Der grüne «Hinzufügen»-Button (unten rechts): Der wichtigste Button in Flyo. Darüber legst du alles an – Inhalte, Entitäten, Content Pools, Integrationen.
- Symbolleiste (oben rechts): Benachrichtigungen, globale Suche, Arbeitsverlauf (zuletzt geöffnete Inhalte), Einstellungen wie Entitäten, usw. und Support.
- Suche: Shortcut
CTRL + K(bzw.CMD + K) – der schnellste Weg zu jedem Inhalt. - Rechte Spalte: Offene Aufgaben, Buzzes (Kommentare), neueste und zuletzt bearbeitete Inhalte.
Das Dashboard selbst ist frei konfigurierbar (Widgets u. a. für Fahrplan, Live-Zugriffe, beliebte Inhalte, Automationen, Serveranfragen). Da noch keine Daten vorhanden sind, bleibt es zunächst leer – am Ende dieses Guides füllt es sich.
3. Entität erstellen
Wir verwenden für den Test das Beispiel «News». Ersetze es gerne durch einen Inhaltstyp aus deinem echten Alltag – der Lerneffekt ist dann grösser.
Grüner «Hinzufügen»-Button → Entität.
Bezeichnung vergeben: News. Optional Alias, Farbe und Symbol setzen – Farbe und Symbol helfen später bei der Orientierung in Listen.
Wechsle in den Tab Felder und lege diese Felder an:
Feld Feldtyp Zweck Titel Text Überschrift Slug Slug Sprechende URL Teaser Textarea Kurzbeschreibung für Listen und Vorschauen Bild Bild Visuelles Element Haupttext WYSIWYG Der eigentliche Beitrag Publikationsdatum Datumsauswahl Für Sortierung und Filterregeln Kategorie Dropdown (z. B. Unternehmen, Produkt, Event) Für den regelbasierten Pool in Kapitel 6 Speichern.
Tipp: Titel, Slug und Teaser sind das sinnvolle Minimum für jede Entität. Alles Weitere kannst du jederzeit ergänzen, auch nachdem bereits Inhalte existieren.
Zum Ausprobieren: Flyo bietet über 25 Feldtypen. Wirf einen Blick auf Spezialfelder wie Öffnungszeiten, Adresse, Breitengrad/Längengrad, Link, Content Pool oder Multiple-Input-Felder – sie ersparen viel manuelle Modellierung.
4. Standard Interface definieren
Das Standard Interface sagt Flyo, welches deiner Felder der «Titel», das «Bild», der «Teaser» usw. ist. Es steuert, wie deine Inhalte in Listen und Karten dargestellt werden – in Flyo selbst und in Integrationen.
- Einstellungen → Entitäten → Entität News öffnen.
- Tab Standard Interface.
- Verknüpfe mindestens: Titel-Attribut → Titel, Teaser-Attribut → Teaser, Bild-Attribut → Bild, Slug-Attribut → Slug.
- Speichern.
Wichtig für später: Enthält ein kuratierter Content Pool Inhalte aus mehreren Entitäten, ist das Mapping in einer Integration nur über die Felder des Standard Interface möglich.
5. Inhalte erfassen
- Grüner «Hinzufügen»-Button → Inhalt.
- Entität News wählen.
- Felder ausfüllen und Speichern.
- Wiederhole das, bis du mindestens 5 Inhalte hast und verteile sie auf verschiedene Kategorien und Datumswerte. Das brauchst du gleich für die Filterregeln.
Das solltest du dabei ausprobieren:
- Der orange Indikator beim «Speichern»-Button zeigt ungespeicherte Änderungen an.
- Statt direkt zu speichern, kannst du Änderungen auch vorschlagen. Sie werden dann als Änderungsvorschlag hinterlegt und müssen von einem Teammitglied angenommen werden.
- Öffne einen Inhalt und klicke auf das Stecknadel-Icon: Angepinnte Elemente erscheinen in der Hauptnavigation links.
Merke: Nach dem Speichern solltest du den Inhalt öffnen und online schalten. Online heisst, dass der Inhalt über die Integrationen ausgespielt wird (verfügbar ist).
6. Content Pools anlegen
6.1 Kuratierter Content Pool
Hier bestimmst du Inhalte und Reihenfolge von Hand. Ein kuratierter Pool darf Inhalte mehrerer Entitäten enthalten.
- Grüner «Hinzufügen»-Button → Content Pool.
- Bezeichnung: Startseite Highlights, Typ: kuratiert.
- Entität(en) zuweisen: News.
- Speichern und Inhalte hinzufügen.
Das solltest du hier ausprobieren:
- Reihenfolge per Drag & Drop ändern. Die Rangierung im Pool entspricht exakt der Darstellung im Frontend. Das prüfst du gleich im Embed Code.
- Zeitbasiert entfernen: Datum und Uhrzeit definieren, wann ein Inhalt automatisch aus dem Pool fällt.
- Trigger-Automation: Blende einen Inhalt abhängig von Wetter (Temperatur, Niederschlag an einem Ort), Wochentag oder Tageszeit ein und aus. Trigger lassen sich kombinieren – ideal für Digital Signage und Aktionsflächen.
- Fahrplan: In der Seitenleiste siehst du alle geplanten Änderungen als Liste oder Kalender.
6.2 Regelbasierter Content Pool
Hier füllt Flyo den Pool automatisch und in Echtzeit anhand deiner Filterkriterien. Ein regelbasierter Pool enthält immer Inhalte einer einzelnen Entität.
- «Hinzufügen» → Content Pool, Bezeichnung News – Kategorie Produkt, Typ: regelbasiert, Entität News.
- Filterkriterien definieren, z. B.: Feld Kategorie → Vektor Entspricht → Value Produkt.
- Beobachte die Vorschau: Sie zeigt in Echtzeit, wie viele Inhalte der aktuellen Konfiguration entsprechen.
- Speichern.
Verfügbare Vektoren: Entspricht / Entspricht nicht, Enthält / Enthält nicht, Existiert in / Existiert nicht in (numerische Bereiche, z. B. 5–10), Grösser / Grösser gleich, Kleiner / Kleiner gleich.
Der Praxistest: Kriterien lassen sich zu Gruppen kombinieren. Innerhalb einer Gruppe per UND bzw. ODER, zwischen den Gruppen gilt immer UND. Baue z. B.:
Kategorie entspricht Produkt UND Publikationsdatum grösser als 01.01.2026.
Der Aha-Moment: Ändere bei einem Inhalt die Kategorie und speichere. Der Inhalt verschwindet bzw. erscheint sofort im Pool, ohne dass du den Pool anfassen musst.
7. Integration erstellen
Wähle Variante A (kein technisches Wissen nötig) oder Variante B (für Entwickler).
Variante A: Embed Code – Inhalte auf einer bestehenden Webseite
Der schnellste Weg, Flyo-Inhalte sichtbar zu machen. Die Embed Codes basieren auf Web Components und laufen in allen gängigen Browsern.
- Grüner «Hinzufügen»-Button → Integration → Embed.
- Folge dem geführten Einrichtungsprozess und wähle den Content Pool Startseite Highlights.
- Wähle ein Layout – z. B. «Karten» (visueller Fokus) oder «Kompakte Liste» (Textfokus).
- Aktiviere optional die Detailansicht: Längere Texte erscheinen dann in einem Overlay, und für jeden Inhalt wird eine teilbare, von Suchmaschinen indexierbare URL erzeugt.
- Speichern und den generierten Code kopieren. Er sieht so aus:
<script src="https://embed.flyo.cloud/embed.min.js"></script>
<embed-list id="__ID__" token="__TOKEN__"></embed-list>Zum Testen legst du lokal eine Datei test.html an und öffnest sie im Browser:
<html style="font-family: Arial, sans-serif;">
<head>
<title>Flyo Test</title>
<script src="https://embed.flyo.cloud/embed.min.js"></script>
</head>
<body>
<h1>Unsere News</h1>
<div style="font-size:18px">
<embed-list id="__ID__" token="__TOKEN__"></embed-list>
</div>
</body>
</html>Gut zu wissen:
- Das
embed.min.js-Script gehört idealerweise in den<head>und wird pro Seite nur einmal eingebunden – auch wenn mehrere Embed Codes auf der Seite stehen. - Schriftart und Schriftgrösse erbt der Embed Code von deiner Seite: Die Schriftgrössen sind in
emdefiniert und damit relativ zum übergeordneten Element (im Beispiel oben: 18px als Basis). - Impressionen werden automatisch gemessen, sobald ein Inhalt mindestens 4 Sekunden zu 75 % im sichtbaren Bereich war – ohne zusätzliche Implementierung.
Variante B: API – eine eigene REST-Schnittstelle
Damit generierst du beliebige REST-Endpunkte, die Inhalte aus Content Pools als JSON oder XML ausliefern.
- Grüner «Hinzufügen»-Button → Integration → API.
- Wähle im Erstellungsprozess einen oder mehrere Content Pools aus.
- Mapping definieren: Lege je Content Pool fest, welche Felder ausgegeben werden und unter welchem Namen (
variableName). So liefert die API nur die relevanten Daten, mit Feldbezeichnungen, die zum Zielsystem passen. Du kannst die Struktur dabei bereits auf den Ausgabekanal zuschneiden und mit statischen Werten kombinieren. - Speichern. Flyo generiert die Endpunkt-URL. Ruf sie im Browser oder per
curlauf.
Parameter zum Ausprobieren (als Query-Parameter anhängen, z. B. ?_lang=en&_format=xml):
| Parameter | Wirkung |
|---|---|
_lang | Sprache für Inhalte und lokale Formatierung |
_format | json oder xml. Funktioniert, wenn in den Integrations-Einstellungen die Ausgabe-Formatierung auf Automatisch steht |
Jede Zeile der API-Antwort enthält zusätzlich ein Feld metric, über das sich Impressionen messen lassen.
Für grössere Datenmengen lohnt sich ein Blick auf die API-SDK-Integration, mit der sich Datensätze paginiert (per-page=100) abrufen lassen.
8. Der Abschlusstest: der Live-Effekt
Das ist der Moment, in dem der Workflow zusammenkommt:
- Lass deinen Embed Code bzw. die API-URL geöffnet.
- Gehe in Flyo, ändere den Titel eines Inhalts und speichere.
- Warte einen Moment und lade den Kanal neu – die Änderung ist da.
- Ändere im kuratierten Pool die Reihenfolge per Drag & Drop und lade erneut. Die Reihenfolge im Frontend folgt.
Gut zu wissen
- Speichern heisst veröffentlichen, wenn ein Inhalt «online» ist. Wer einen Review-Schritt braucht, nutzt die Funktion «Vorschlagen» statt «Speichern».
- Änderungen erscheinen nicht sofort im Kanal? Prüfe die Auslöseverzögerung in den Einstellungen der Integration. Bei Integrationen, die Daten an Dritte senden (z. B. Shopify, Webflow, SignageOS), liegt der Standardwert bei 5 Minuten, sonst bei 0. Jede Änderung innerhalb der Verzögerungszeit setzt den Countdown zurück. Wenn du eine Integration von Hand aus dem Bearbeiten-Kontext speicherst, greift die Verzögerung nicht.
- Kein Mapping-Feld auswählbar? Bei kuratierten Pools mit mehreren Entitäten funktioniert das Mapping nur über die Felder des Standard Interface. Ergänze es in den Einstellungen der betroffenen Entitäten.
- Rate Limit: Maximal 175 Anfragen pro 10 Sekunden je Endpunkt (
/integration,/sdk,/nitro,/venue). Darüber antwortet der Server mit429 Too Many Requests. - Impressionen ≠ Requests. Impressionen messen die Sichtbarkeit von Inhalten und speisen die Statistiken. Requests zählen Schnittstellenanfragen an die Flyo-Server und bestimmen den Credits-Verbrauch.
Weiter erkunden
Zusammenarbeit im Team
- Aufgaben & Checklisten: Wiederkehrende Aufgaben, die bei jedem neuen Inhalt automatisch entstehen, konfigurierbar pro Entität.
- Buzzes: Kommentare zu Inhalten inklusive Erwähnungen.
- Fokus Boards: Individuelle Arbeitsansichten, die sich in der Hauptnavigation ablegen lassen.
- Berechtigungslogik: Rollen und feingranulare Rechte auf Content Pools, Integrationsgruppen, Fokus Boards und Inhalte.
- Content Planer: Ideen sammeln, Redaktion planen, Inhalte erstellen. Der Content Planer ist nahtlos in Flyo integriert, kennt alle Inhalte und Timings und bringt so Struktur in deinen Content-Prozess. Von der ersten Idee bis zum fertigen Inhalt.
Weitere Ausgabekanäle
- Nitro CMS: Macht Flyo zum vollwertigen Headless CMS – Seitenstruktur und Navigation direkt in Flyo, inklusive Live-Vorschau.
- Weitere Integrationen: Webflow, WordPress, Shopify, Mailjet (Newsletter), SignageOS (Digital Signage), Canva, Adobe InDesign, Google Business Profile, Eventfrog, Karte, Hook (Webhooks).
- Social Media: Posts für Facebook, Instagram, X, LinkedIn und weitere direkt aus Flyo planen.
- Venue: Lässt externe Partner ohne Flyo-Zugang eigene Inhalte pflegen – praktisch für Filialen, Vereine oder Lieferanten.
Für Entwickler
- Import: Bestehende Daten in Flyo übernehmen, einmalig oder automatisiert in bestimmten Zeitabständen.
- Template Engine: Flyo nutzt Latte im Strict-Modus für HTML-Ausgaben, E-Mails und eigene WYSIWYG-Elemente (
{$name},{foreach},{if}, Filter wie|truncate:100).
Hilfe & Ressourcen
- Dokumentation: docs.flyo.cloud
- Häufige Aufgaben: Inhalt erstellen · Entität erstellen · Content Pool erstellen · Inhalte im Pool steuern
- Integrationen: Embed Code · API · Übersicht
- Systemstatus: status.flyo.cloud
- Support: über das Support-Symbol oben rechts in Flyo
Hast du Fragen zu einer bestimmten Funktion? Melde dich jederzeit – wir schauen gerne gemeinsam auf deinen Anwendungsfall.