Spectra Pro ist ein kostenpflichtiges Add-on für das kostenlose Plugin Spectra von Brainstorm Force, den Machern des Themes Astra. Es erweitert den Block-Editor von WordPress um Loop Builder, Dynamic Content und Popup Builder. Es bewährt sich bei Webdesignern, Agenturen und Freelancern, die schnelle Seiten ohne Code erstellen – benötigt wird lediglich das kostenlose Spectra.
Loop Builder, Dynamic Content und Popup Builder in der Pro-Version
Spectra Pro schaltet Funktionen frei, die es im kostenlosen Spectra nicht gibt: Loop Builder für dynamische Content-Schleifen, Dynamic Content mit Daten aus ACF-, PODS- und Meta-Box-Feldern, Popup Builder mit Triggern sowie Blöcke für Benutzer-Login und -Registrierung. Hinzu kommen der Instagram-Feed-Block, Global Styles und erweiterte Pro-Varianten der Blöcke Slider, Modal, Image Gallery und Countdown – jeweils mit erweiterten Animationen.
Loop Builder — dynamische Schleifen für Beiträge, Produkte und Custom Post Types
Loop Builder erzeugt wiederkehrende Content-Schleifen aus einer einzigen Element-Vorlage – Beiträge, Seiten, Kategorien, WooCommerce-Produkte und eigene Inhaltstypen (Custom Post Types). Statt jede Listenkarte manuell zusammenzustellen, reicht es, ein Layout zu entwerfen und Filter sowie Inhaltstyp festzulegen. Die Schleife erzeugt den Rest automatisch und aktualisiert sich selbst, sobald ein neuer Beitrag hinzukommt.
Der Block arbeitet mit Dynamic Content sowie Daten aus ACF und Toolset zusammen, sodass eine einzige Definition sowohl die Blogbeitragsliste als auch das Produktraster und den Projektkatalog bedient.
Dynamic Content aus ACF-, PODS- und Meta-Box-Feldern
Dynamic Content versorgt Blöcke mit Werten aus benutzerdefinierten Feldern, statt Inhalte manuell einzutragen. Offiziell unterstützte Quellen sind ACF (Advanced Custom Fields), PODS und Meta Box, laut Rezensionen zusätzlich Toolset sowie die Standard-Custom-Fields von WordPress. So entstehen inhaltsgesteuerte Seiten – Beitragsvorlagen, Portfolios und Kataloge, bei denen eine Änderung der Felddaten das Erscheinungsbild der Seite sofort aktualisiert.
Popup Builder sowie Formulare für Benutzer-Login und -Registrierung
Popup Builder erstellt Popups, die auf Basis von Triggern und Anzeigeregeln website-weit erscheinen – nach einer bestimmten Zeit, beim Versuch, die Seite zu verlassen, oder auf ausgewählten Unterseiten. Er bewährt sich bei Newsletter-Anmeldungen, Rabattcodes und der Lead-Generierung.
Die separaten Blöcke User Registration Form und User Login Form fügen Benutzerregistrierung und -Login samt Passwort-Wiederherstellung hinzu. Das ist die Grundlage für Mitgliederbereiche und Inhalte, die erst nach dem Login zugänglich sind.
Pro-Varianten der Blöcke (Slider, Modal, Image Gallery, Countdown) und Animationen
Die Pro-Varianten erweitern die aus der kostenlosen Version bekannten Blöcke um zusätzliche Konfigurationsoptionen. Die erweiterten und exklusiven Blöcke sind:
- Slider Pro – erweiterte Übergänge, Autoplay und Navigation für das Bildkarussell.
- Modal Pro – zusätzliche Layouts für Modalfenster mit Formularen und Videos darin.
- Image Gallery Pro – eigene URLs für Bilder, Bildunterschriften in der Lightbox und Weiterleitungen mit einem Klick.
- Countdown Timer Pro – erweiterter Countdown-Timer für zeitlich begrenzte Angebote und den Aufbau von FOMO.
- Animations Pro – scrollbasierte Eingangsanimationen mit Kontrolle über Dauer und Verzögerung.
- Instagram Feed – Raster- oder Karussell-Ansicht von Instagram-Beiträgen mit anpassbarem Layout, Farben und Typografie.
- Global Styles – zentrale Steuerung von Farben, Typografie und Abständen für die gesamte Website an einer Stelle.
- Per Page CSS – ein eigenes CSS-Stylesheet für eine einzelne Seite.
Schlanker Code und Performance im nativen Block-Editor
Spectra Pro läuft innerhalb des nativen WordPress-Block-Editors und nicht in einem separaten, schwergewichtigen Builder wie Elementor oder Divi. Ein „Just-in-Time“-Compiler lädt CSS und JavaScript nur für die tatsächlich auf der Seite verwendeten Blöcke, und Google Fonts lassen sich lokal hosten. Das Ergebnis ist sauberer, schlanker Code und gute Core-Web-Vitals-Werte.
Alle Blöcke, kostenlose wie Pro, wurden auf apiVersion 3 migriert, was Unterstützung für den neuen, in einem iFrame gerenderten Editor bringt (eingeführt mit WordPress 7.0). Der Basis-Block Container basiert auf Flexbox und Grid-Layouts, sodass responsive Layouts ohne eigenes CSS entstehen.
Bedingtes Laden von Ressourcen und PageSpeed-Ergebnisse
Das bedingte Laden von Ressourcen sorgt dafür, dass CSS- und JavaScript-Code nur für die tatsächlich verwendeten Blöcke auf die Seite gelangt – der „Just-in-Time“-Compiler lässt Dateien inaktiver Funktionen aus. Google Fonts lassen sich lokal ausliefern, was Anfragen an externe Server reduziert und die DSGVO-Konformität unterstützt. Das Ergebnis? Eine kleinere Seitengröße und bessere Ergebnisse bei PageSpeed-Tests sowie Core Web Vitals.
Spectra Pro neben anderen Buildern (Elementor, GenerateBlocks)
Spectra Pro rendert Blöcke im nativen WordPress-Editor und führt keine eigene Datenstruktur wie Elementor. Deshalb funktioniert es konfliktfrei neben anderen Buildern. Auf derselben Website kann es parallel zu Elementor, Beaver Builder oder Divi laufen, und Spectra- und GenerateBlocks-Blöcke koexistieren auf derselben Seite, weil beide Plugins auf Gutenberg basieren.
Spectra stellt allerdings keine Elementor-Vorlagen bereit – das sind getrennte Design-Umgebungen, auch wenn sie auf derselben Website funktionieren können.
Für wen sich Spectra Pro am besten eignet
Spectra Pro eignet sich am besten für Webdesigner, Agenturen und Freelancer, die Websites in Gutenberg erstellen, besonders bei inhaltsgesteuerten Websites – Portfolios, Katalogen und Magazinen auf Basis von ACF-Feldern. Gut passt es auch zu Marketern, die Landingpages mit Popups zusammenstellen, sowie zu Erstellern von Mitgliederseiten mit Login und Registrierung.
Für wen sich Spectra Pro am besten eignet:
- Webdesigner und Agenturen, die Kundenwebsites im Block-Editor aus fertigen Elementen und Vorlagen zusammenstellen.
- Freelancer, denen Core Web Vitals wichtig sind und für die schlanker Code und schnelles Laden zählen.
- Ersteller inhaltsgesteuerter Websites – Portfolios, Kataloge und Magazine auf Basis von ACF-Feldern.
- Auf Conversion ausgerichtete Marketer, die Landingpages mit Popups und Countdown-Timern erstellen.
- Betreiber von Mitgliederseiten und einfachen Shops, die Login- und Registrierungsblöcke nutzen.
Agenturen und Freelancer, die im Block-Editor arbeiten
Agenturen und Freelancer erhalten mit Spectra Pro ein stimmiges Set fortgeschrittener Blöcke, Global Styles und eine Vorlagenbibliothek. Das beschleunigt das Zusammenstellen von Kundenwebsites ohne Coding. Die Arbeit findet in demselben Block-Editor statt, den der Kunde später für kleine Änderungen nutzt, wodurch die Übergabe der fertigen Website einfacher ist als bei einem separaten, visuellen Builder.
Inhaltsgesteuerte Websites — Portfolios, Kataloge, Magazine
Inhaltsgesteuerte Websites sind das Szenario, in dem Spectra Pro seinen Vorteil gegenüber der reinen kostenlosen Version zeigt. Loop Builder holt zusammen mit Dynamic Content Daten aus ACF-, PODS- oder Meta-Box-Feldern und setzt daraus ein Portfolio, einen Projektkatalog oder ein Artikelmagazin zusammen – ohne eine Schleife in PHP zu schreiben. Die Liste aktualisiert sich selbst, sobald ein weiterer Beitrag hinzukommt.
Für wen Spectra Pro nicht die beste Wahl ist
Spectra Pro ist nicht die beste Wahl für Personen, die nicht im Block-Editor arbeiten möchten und einen separaten, visuellen Canvas bevorzugen. Auf andere Tools weisen folgende Situationen hin:
- Projekte, die das umfangreichste Set an Steuerelementen eines visuellen Builders benötigen – Elementor und Divi bieten mehr davon.
- Bedarf an A/B-Testing, Mega-Menü, White Label oder Block Access Control – diese Funktionen fehlen bei Spectra, sind aber zum Beispiel bei Kadence vorhanden.
- Shops, die einen dedizierten Builder für WooCommerce-Vorlagen benötigen statt eines allgemeinen Page Builders.
Integrationen mit ACF, WooCommerce und Membership-Plugins
Spectra Pro lässt sich mit den gängigen Quellen für dynamische Daten integrieren – ACF, PODS, Meta Box und Toolset – sowie außerdem mit WooCommerce (Produktschleifen), Membership-Plugins (MemberPress, Restrict Content Pro, SureMembers) und den Themes Astra und Spectra One. Es arbeitet auch mit WPML zusammen, während die volle Blockunterstützung in Polylang die Version Polylang Pro erfordert.
Quellen für dynamische Daten (ACF, PODS, Meta Box, Toolset)
Die von Spectra Pro unterstützten Quellen für dynamische Daten sind die offiziell genannten ACF, PODS und Meta Box sowie das in Rezensionen bestätigte Toolset und die Standard-Custom-Fields von WordPress. Loop Builder und Dynamic Content lesen daraus Werte aus und fügen sie in Blöcke ein. Dadurch bedient eine einzige Vorlage Hunderte von Beiträgen mit unterschiedlichem Inhalt.
WooCommerce, Membership und die Themes Astra und Spectra One
WooCommerce arbeitet mit Spectra Pro unter anderem über Produktschleifen im Loop Builder zusammen, wobei der Hersteller keine feste Mindestversion des Shops vorgibt. Die Login- und Registrierungsblöcke verbinden sich mit Membership-Plugins – MemberPress, Restrict Content Pro und SureMembers – und bauen Bereiche mit geschütztem Inhalt auf.
Die tiefste Integration bietet das eigene Ökosystem von Brainstorm Force: das FSE-Theme Spectra One sowie Astra mit den Starter Templates, die fertige Muster für Abschnitte und ganze Seiten liefern.
Mehrsprachigkeit — WPML und Polylang
Die Mehrsprachigkeit basiert auf WPML, für das der Hersteller regelmäßig Kompatibilitäts-Fixes für Blöcke veröffentlicht – unter anderem für Tabs, Modal, Image Gallery und Container. Auch Polylang funktioniert, doch die volle Blockunterstützung im Editor erfordert die Version Polylang Pro. Das ist eine Einschränkung von Polylang selbst, nicht von Spectra.
Technische Anforderungen und Kompatibilität
Spectra Pro erfordert das installierte und aktive kostenlose Plugin Spectra – allein funktioniert es nicht. Es läuft auf WordPress 5.6 oder neuer (getestet bis Version 7.0) sowie PHP 7.4 und höher, empfohlen wird PHP 8.1+. Es funktioniert mit jedem Theme, ist für Astra und Spectra One optimiert und unterstützt Multisite sowie mehrsprachige WPML-Umgebungen.
Hinweis: Ohne das installierte und aktive kostenlose Spectra funktionieren die Blöcke und Funktionen von Spectra Pro nicht – das Add-on erweitert das bestehende Plugin, ersetzt es aber nicht.
| Parameter | Wert |
|---|---|
| Version | 1.3.2 |
| Basis-Plugin (erforderlich) | Kostenloses Spectra — muss installiert und aktiv sein |
| WordPress-Version | 5.6 oder neuer (getestet bis 7.0) |
| PHP-Version | 7.4 oder neuer (empfohlen 8.1+) |
| WooCommerce | Kompatibel (Produktschleifen im Loop Builder), ohne feste Mindestversion |
| Editor | Nativer WordPress-Block-Editor (Gutenberg), apiVersion 3 |
| Kompatibilität mit anderen Buildern | Funktioniert neben Elementor, Beaver Builder und Divi; ohne Elementor-Vorlagen |
| Themes | Jedes Theme; optimiert für Spectra One und Astra; getestet mit Blocksy, GeneratePress, Kadence, Neve, Hello, OceanWP |
| Multisite | Unterstützt |
| Mehrsprachigkeit | WPML; Polylang erfordert die Version Polylang Pro für die Blockunterstützung im Editor |
| Quellen für dynamische Daten (Pro) | ACF, PODS, Meta Box, Toolset |
Häufig gestellte Fragen
Kann ich Elementor und Spectra gleichzeitig verwenden, ohne das Template zu beschädigen?
Ja, Elementor und Spectra lassen sich gleichzeitig auf derselben Website verwenden, ohne das Template zu beschädigen – auch bei einer Seite auf Basis des Astra Starter Templates. Spectra läuft innerhalb des nativen WordPress-Block-Editors und greift nicht in mit Elementor gebaute Unterseiten ein, weil jedes Tool seine eigenen Beiträge separat verwaltet. In der Praxis lässt sich eine Unterseite mit Elementor und eine andere mit Spectra-Blöcken erstellen – beide werden unabhängig voneinander gerendert.
Kann ich Spectra- und GenerateBlocks-Blöcke auf einer Seite mischen?
Ja, Spectra- und GenerateBlocks-Blöcke lassen sich auf einer Seite kombinieren, da beide Plugins Erweiterungen des nativen Block-Editors sind. Keines von beiden übernimmt die Kontrolle über die gesamte Seite, sodass im selben Beitrag ein Spectra-Container und ein GenerateBlocks-Query-Block nebeneinander stehen. Eine solche Kombination funktioniert auch bei auf Gutenberg basierenden Themes, zum Beispiel GeneratePress.
Spectra vs. Kadence vs. Bricks?
Spectra, Kadence und Bricks stehen für drei unterschiedliche Ansätze beim Website-Bau. Spectra und Kadence sind Block-Sets, die im nativen WordPress-Editor arbeiten, wobei Kadence Funktionen bietet, die Spectra fehlen – A/B-Testing, Mega-Menü, White Label und Block Access Control – während Spectra dafür den Loop Builder und den Popup Builder mitbringt. Bricks wiederum ist ein separater, visueller Builder mit eigenem Canvas, der dem Modell von Elementor näher steht als der Arbeit mit Gutenberg-Blöcken.
Lassen sich Seiten von Elementor zu Spectra konvertieren?
Eine automatische Konvertierung von Elementor-Seiten zu Spectra gibt es nicht – Layouts lassen sich nicht mit einem Klick übertragen. Inhalte und Bilder selbst migrieren problemlos, da sie in der WordPress-Datenbank bleiben, aber das Layout muss in Spectra-Blöcken von Grund auf neu aufgebaut werden. Bei größeren Websites bewährt sich ein schrittweiser Übergang, Unterseite für Unterseite, statt einer einmaligen Komplettmigration.
Unterstützt Spectra WooCommerce?
Ja, Spectra arbeitet mit WooCommerce zusammen – in Spectra Pro lassen sich unter anderem Produktschleifen im Loop Builder aufbauen und dynamische Angebotslisten anzeigen. Der Hersteller gibt keine feste Mindestversion für WooCommerce vor. Spectra ist jedoch kein dedizierter Builder für Shop-Vorlagen, weshalb bei anspruchsvollem E-Commerce mit umfangreichen Produktkarten ein spezialisiertes Tool besser geeignet ist.
Beschädigt die Deinstallation des Plugins die Formatierung alter Beiträge?
Die Deinstallation von Spectra entfernt nicht die Inhalte der Beiträge – native Gutenberg-Blöcke und der Text selbst bleiben unangetastet. Es verschwinden lediglich die aus Spectra-Blöcken aufgebauten Abschnitte, die nicht mehr gerendert werden, weil ihr Code aus dem Plugin stammt. Deshalb sollte man vor der Deinstallation des Plugins am besten prüfen, welche Unterseiten dessen Blöcke nutzen, und diese bei Bedarf mit nativen WordPress-Blöcken neu erstellen.
Bewertungen
Es gibt noch keine Bewertungen.