Zum Hauptinhalt springen

Landing Page Builder

[landing-page] [admin] [branding]

Eigene Landing-Page für dein Tenant-Portal — direkt in licensio gebaut, kein externes CMS nötig. Drag & Drop Sektionen, Branding aus deinem Tenant, Live-Vorschau.

Für wen​

Admins, die eine öffentliche Marketing-/Verkaufsseite für ihr Lizenz-Portal bereitstellen wollen. Erscheint unter <tenant>.licensio.io/ als Default-Startseite.

Schritt für Schritt​

1. Builder öffnen​

Einstellungen → Landing Page.

2. Sektionen hinzufügen​

Vorhandene Sektion-Typen:

  • Hero — großes Headline-Banner mit Call-to-Action
  • Features — Feature-Grid (3–4 Spalten)
  • Pakete — automatisch alle Pakete mit show_in_join_preview=true als Pricing-Tabelle
  • Testimonials — Kundenzitate
  • FAQ — Akkordeon
  • Carousel — Bilder-Slider mit Auto-Play (siehe Hinweise unten)
  • Footer-CTA — abschließender Call-to-Action

3. Drag & Drop​

Sektionen mit Maus umsortieren. Reihenfolge wird live gespeichert.

4. Branding​

Sektionen erben automatisch dein Tenant-Branding (Farben, Schrift, Logo). Über separate Branding-Optionen pro Sektion lassen sich Hintergrundtypen ändern (Solid, Gradient, Bild).

5. Live-Vorschau​

Mobile/Desktop-Toggle zeigt wie die Page auf verschiedenen Geräten aussieht. Auch Portal-Preview-Pfeile zum Durchblättern der Sektionen.

6. Veröffentlichen​

Speichern klicken → Page ist sofort live unter <tenant>.licensio.io/. Kein separater Deploy-Schritt.

Sektionen im Detail​

Hero​

  • Headline (groß)
  • Subheadline (klein)
  • Primary-Button (Text + Link)
  • Hintergrund-Typ: Farbe / Verlauf / Bild

Pakete​

Zeigt automatisch alle aktiven Pakete deines Tenants, bei denen show_in_join_preview=true gesetzt ist (Toggle in Paket-Einstellungen). Jede Paket-Card zeigt:

  • Name + Beschreibung
  • Preis (monatlich + ggf. Setup-Fee)
  • Feature-Liste (✓ "Unbegrenzte Downloads", "Bis zu 3 Drucker", "CRM Anbindung", abhängig von den Feature-Flags)
  • Call-to-Action zur Registrierung

Carousel​

Bilder hochladen + Reihenfolge festlegen + Auto-Play-Intervall. Pfeile + Punkt-Indikatoren zum manuellen Navigieren.

Achtung: Bei Carousel-Komponenten mit funktionalen State-Updates ist die Logik gegen Endless-Loop-Render abgesichert (siehe Commit 63ca931). Die Pfeile triggern Carousel-Step inkremental.

Footer-CTA​

Letzter Block mit Headline + Button (z.B. "Jetzt Lizenz sichern → /join").

Häufige Fragen​

Wie ändere ich was im Header / Logo / Footer? Branding-Tab in Einstellungen → Logo, Schrift, Farben. Wirkt auf Landing-Page und Portal gleichzeitig.

Kann ich eigenes HTML einfügen? Aktuell nur über die vorhandenen Sektion-Typen. Custom-HTML-Block kommt in Phase 2.

Wie verlinke ich zur Registrierung? Direkt-Link: /join (zeigt Self-Service-Pakete). Falls eines deiner Pakete auto_activate=true hat, geht der Kunde direkt durch ohne Wartezeit.

Wirkt sich Branding sofort aus? Ja. Branding-Speichern triggert Re-Render auf der Landing-Page — kein zusätzlicher Schritt.

Gibt es Vorlagen? Aktuell startest du mit leerer Page. Vorlagen-Library kommt in Phase 2.

Verwandt​

  • Branding — Farben, Logo, Schrift
  • Pakete — show_in_join_preview für Pricing-Sektion
  • Custom Domain — Landing-Page unter eigener Domain