Premium-Plugin PBv2 Homepage Pro ← zurück zum Hub

PBv2 Homepage Pro

Bau deine komplette Radio-Startseite per Drag and Drop, ohne eine Zeile Code

PBv2 Homepage Pro ist die Premium-Erweiterung für den Page-Builder Pro v2. Statt mit Bordmitteln eine Startseite zu basteln, bekommst du elf fertige Radio-Frontend-Widgets, die genau das machen, was ein Webradio braucht: Hero-Banner mit Live-Status, Sendeplan-Karussell, DJ-Spotlight, Wunsch-Formular, Mini-Chat-Box, Sponsoren-Slider und mehr. Dazu vier Quickstart-Templates, die deine Startseite, Sendeplan-Seite, DJ-Seite und News-Seite in einem Klick in den Builder kippen. Ab da schiebst du nur noch Blöcke per Maus an die richtige Stelle.

Was du konkret damit machen kannst

Eine professionelle Startseite an einem Abend zusammensetzen

Du wählst das Quickstart-Template "Home", drückst auf "In den Builder laden" und hast sofort eine vollständige Radio-Startseite vor dir: Hero-Banner oben, darunter das laufende Programm, dann Sendeplan-Karussell, DJ-Spotlight, ein Streifen mit den zuletzt gespielten Titeln und eine Sponsoren-Leiste. Du musst nichts mehr von Hand komponieren, du sortierst und passt nur noch an.

Die wichtigsten Radio-Elemente als fertige Widgets

Du musst nicht überlegen, wie ein Now-Playing-Block oder ein Sendeplan-Karussell technisch funktioniert. Die elf Widgets sind so gebaut, dass du sie reinziehst, kurz Farbe und Titel einstellst und sie tun ihren Job: ziehen die Daten aus deinem CMS, zeigen Live-Status, scrollen automatisch.

Schnell auch andere Seiten in den Builder ziehen

Nicht nur die Startseite. Mit den Templates "Sendeplan", "DJ-Liste" und "News" baust du auch deine anderen Core-Seiten visuell. So sieht die ganze Webseite einheitlich aus, nicht nur die Homepage.

Live-Status überall sichtbar machen

Mehrere Widgets reagieren direkt auf den Stream-Status: der Hero-Banner blendet ein "ON AIR"-Badge ein, der Hörerzähler zeigt die aktuelle Zahl, das Now-Playing-Widget den laufenden Titel. Deine Besucher sehen ohne Klick, dass gerade Radio läuft.

Sauber an die Marken-Farbe anpassen

Jedes Widget hat eine Akzentfarbe, die du im Builder einstellst. Damit passt sich die ganze Homepage farblich an deinen Sender an, ohne dass du im Theme-CSS frickeln musst.

Installation und Aktivierung

Premium-Plugin mit Lizenz. Admin -> Plugins -> Tab Marketplace -> "PBv2 Homepage Pro" finden (lila PRO-Badge, 49 EUR) -> "Plugin laden + Lizenz" -> Lizenzschlüssel im Format RCMS-XXXX-XXXX-XXXX-XXXX einfügen -> "Speichern und prüfen" -> dann in der Plugin-Liste "Aktivieren".

Wichtig: PBv2 Homepage Pro ist eine Erweiterung. Es braucht Page-Builder Pro v2 aktiv und lizenziert. Ohne PBv2 erscheinen die Widgets nicht im Editor und die Templates lassen sich nicht laden.

So nutzt du es, Schritt für Schritt

Schritt 1: Wo finde ich es?

Nach der Aktivierung tauchen die elf Widgets im PBv2-Editor in einer eigenen Kategorie "Homepage Pro" auf. Du erkennst sie an den IDs mit dem Präfix hp- und am lila-Akzent. Daneben gibt es im Admin einen neuen Bereich "Homepage Pro -> Quickstart", über den du die vier Templates in den Builder lädst.

Schritt 2: Die Startseite in einem Rutsch anlegen

Geh auf "Homepage Pro -> Quickstart" und wähle "Startseite (Home)". Du siehst eine Vorschau-Beschreibung mit den Bausteinen, die das Template enthält. Klick "In Page-Builder laden". Das Template legt in PBv2 ein neues Layout für die Home-Seite an und füllt es mit:

Anschließend bist du im normalen PBv2-Editor und schiebst die Blöcke um, änderst Texte und Farben.

Schritt 3: Eigene Widgets ergänzen

Brauchst du noch ein Wunsch-Formular oder eine Mini-Chat-Box? Im Editor links unter "Widgets" findest du in der Kategorie "Homepage Pro" alle elf Bausteine. Per Drag and Drop in eine freie Spalte ziehen, rechts die Optionen einstellen (z.B. Anzahl der DJs im Spotlight, Farbe des Hörerzählers), Layout speichern.

Schritt 4: Konkretes Beispiel (end-to-end)

Sagen wir, du baust deine Startseite zum ersten Mal mit Homepage Pro:

  1. Du gehst auf "Homepage Pro -> Quickstart -> Startseite" und klickst "In Page-Builder laden". Das Template kippt 6 fertige Blöcke ins Home-Layout.
  2. Im Hero-Banner trägst du deinen Sender-Namen und eine Tagline ein, lädst ein Hintergrundbild hoch und setzt die Akzentfarbe auf deine Marke. Das "ON AIR"-Badge schaltet sich automatisch ein, sobald dein Stream läuft.
  3. Du schaust das Sendeplan-Karussell an: zieht automatisch die nächsten Sendungen aus dem CMS, kein Pflegeaufwand.
  4. Du ziehst zusätzlich das "Wunschliste-Formular" unter den DJ-Spotlight. Hörer können direkt von der Startseite einen Song wünschen.
  5. Du fügst ganz unten das "Sponsoren-Karussell" ein. Es zeigt automatisch alle aktiven Partner aus deinem Partner-Modul.
  6. Speichern. Beim nächsten Aufruf der Startseite sehen deine Hörer das fertige Layout: Live-Status, aktuelle Sendung, Sendeplan-Karussell, DJ-Riege, Wunsch-Box und Sponsoren-Slider, alles auf einer Seite.

Die elf Widgets in Kurzform

  1. Radio Hero-Banner: Großes Cover oben auf der Seite, mit Sender-Name, Tagline, Live-Badge und Play-Button. Hintergrundbild oder Gradient frei wählbar.
  2. Now Playing Pro: Der aktuell laufende Titel, mit Cover-Bild, Künstler und Stream-Live-Status.
  3. Sendeplan-Karussell: Horizontal scrollende Vorschau der nächsten Sendungen mit Zeit, DJ und Titelbild.
  4. DJ-Spotlight: Featured-Block für deine Moderatoren, mit Foto, Bio-Kurztext und Social-Links.
  5. Nächste Sendungen-Grid: Klassische Kachel-Ansicht (statt Karussell) für den Sendeplan, gut für übersichtliche Seiten.
  6. Letzte Titel-Strip: Schmaler Strip mit den zuletzt gespielten Songs, auto-scroll.
  7. Live-Hörerzähler: Große Zahl mit Live-Punkt, zeigt die aktuell verbundenen Hörer. Pollt alle 30 Sekunden.
  8. Wunschliste-Formular: Hörer können direkt einen Song wünschen. Schreibt in die Wunsch-Datenbank.
  9. Mini-Chat-Fenster: Eingebettete Chat-Vorschau (wenn Chat-Pro aktiv ist), als Teaser auf der Startseite.
  10. Sponsoren-Karussell: Auto-scrollender Slider mit den aktiven Partnern aus dem Partner-Modul.
  11. News-Magazin (3-Spalten): Die letzten Newsbeiträge in einer schicken 3-Spalten-Magazin-Ansicht mit Titelbildern.

Alle Widgets sind responsiv und passen sich Handy, Tablet und Desktop automatisch an.

Die vier Quickstart-Templates

Beim Laden eines Templates legt das Plugin in PBv2 ein neues Layout für die jeweilige Seite an. Hattest du dort schon ein eigenes Layout, wirst du gefragt, ob du es überschreiben willst, kein versehentlicher Verlust.

Tipps für den Alltag

  1. Fang mit der Startseite an. Sie ist die wichtigste Seite und das Home-Template ist am ausgewogensten. Wenn die sitzt, ziehst du den gleichen Stil auf Sendeplan, DJs und News.
  2. Setze die Akzentfarbe der wichtigsten Widgets (Hero, Now-Playing, Hörerzähler) auf die gleiche Marke-Farbe. Das wirkt sofort professioneller als zwölf bunte Blöcke.
  3. Der Hero-Banner braucht ein gutes Hintergrundbild. Schwaches Bild = schwacher erster Eindruck. Wenn du keins hast, nimm die Gradient-Variante ohne Bild, die wirkt sauberer als ein verpixeltes Foto.
  4. Lass den Hörerzähler nicht ständig auf 0 stehen. Wenn dein Stream selten online ist, blende das Widget per Toggle aus, sonst wirkt deine Seite verlassen. Sobald regelmäßig was läuft, einblenden.
  5. Das Mini-Chat-Fenster ist als Teaser gedacht, nicht als Vollchat. Setz unter den Block einen Button "Zum vollen Chat", damit Hörer den echten Chat finden, wenn sie reden wollen.

Was das Plugin NICHT macht

  1. Es ist kein eigenständiger Page-Builder. Ohne Page-Builder Pro v2 (aktiv und lizenziert) funktionieren weder die Widgets im Editor noch die Quickstart-Templates.
  2. Es schreibt keine eigenen Datenbank-Tabellen für deine Sendungen, DJs oder News. Es zeigt nur an, was im CMS schon vorhanden ist. Das pflegst du weiter ganz normal über Admin -> Sendeplan, Admin -> DJs und Admin -> News.
  3. Es ist kein Theme-System. Das Plugin verändert nicht das globale Design der Webseite, sondern nur das Layout der Seiten, die im Page-Builder gebaut werden. Wenn du das Aussehen außerhalb der Builder-Seiten ändern willst, machst du das weiterhin im Theme.
  4. Es ersetzt nicht die spezialisierten Plugins wie Chat-Pro oder Stats-Pro. Der Mini-Chat-Block ist ein Vorschau-Widget, kein voller Chat. Live-Hörerdaten kommen aus der CMS-Tabelle oder, wenn vorhanden, aus Stats-Pro.

Voraussetzungen und Hinweise