Haben Sie das WordPress-Theme gewechselt, und all die hübschen Buttons, Tabs und Spalten, die mitgeliefert wurden, sind verschwunden? Das kommt Ihnen bekannt vor? Theme-eigene Shortcodes sind an dessen functions.php gebunden, und beim Theme-Wechsel verlieren Sie alles, was Sie über Monate aufgebaut haben. Eine reibungslose Migration ist nur möglich, wenn Sie benutzerdefinierte Elemente vorab in Plugins auslagern.

Doch warum sich überhaupt mit Shortcodes befassen, wenn es Page Builder gibt? Die Antwort ist einfacher, als sie scheint: Wenn das Site-Design für Sie funktioniert und das Theme Ihre Layout-Anforderungen vollständig abdeckt, ist es unnötig, einen kompletten Page Builder mit seinen Megabytes an CSS und JS nur für ein paar Buttons und Akkordeons einzubinden. Shortcodes lösen das Problem chirurgisch präzise: Sie fügen einen Button in einen Beitrag ein, ergänzen eine Alert-Box auf der Services-Seite, bauen Spalten für eine Landingpage, und es wird nichts Zusätzliches geladen.

Wir haben 13 funktionierende Werkzeuge zusammengestellt, von schlanken Shortcode-Plugins bis hin zu voll ausgestatteten visuellen Buildern, damit Sie genau das auswählen können, was Sie für eine bestimmte Aufgabe benötigen. Jedes Plugin ist getestet: aktiv, aktuell und kompatibel mit WordPress 6.4+.

💡 Kurzüberblick:

• Erfahren Sie, welche Shortcode-Plugins 2026 tatsächlich funktionieren und nicht mit Gutenberg kollidieren
• Erhalten Sie Shortcodes für Buttons, Tabs, Akkordeons, Alerts, Galerien, Spalten und benutzerdefinierte HTML/CSS/JS-Einschübe
• Vergleichen Sie visuelle Page Builder, von schlanken Lösungen (Live Composer, SiteOrigin) bis hin zu professionellen (Elementor, Breakdance)
• Wählen Sie ein Werkzeug für Ihre Aufgabe: chirurgische Shortcodes oder vollständiges Drag-and-Drop

Shortcode-Plugins: chirurgische Werkzeuge für den Job

Shortcodes sind gerade deshalb gut, weil sie kein ganzes Ökosystem mit sich ziehen. Ein Plugin, und ein Button erscheint in Ihrem Editor zum Einfügen von Tabs, Alerts, Buttons und Spalten. Kein Overhead, keine Konflikte mit dem Theme. Hier ist, was 2026 tatsächlich funktioniert.

1. Shortcodes Ultimate

Das beliebteste kostenlose Shortcode-Plugin im WordPress-Repository, 400.000+ aktive Installationen und 50+ fertige Elemente. Tabs, Akkordeons, Buttons, Galerien, Slider, Karussells, Lightboxen, Spalten, Icon-Blöcke, Google Maps, adaptive Tabellen, alles einfügbar über einen Button im klassischen Editor oder über einen nativen Gutenberg-Block.

Das Plugin ist vollständig kompatibel mit dem Block-Editor: Jeder Shortcode besitzt einen eigenen Block, sodass Sie sich keine Syntax merken müssen. Der integrierte CSS-Editor erlaubt es Ihnen, Stile für das Theme zu überschreiben, und die RTL-Unterstützung hilft bei mehrsprachigen Projekten. Die Basisversion ist kostenlos, Pro-Add-ons ($39/Jahr) fügen Extra Shortcodes (Zeitleiste, Preistabelle, Bildkarussell) hinzu und entfernen die Credits.

Vorteile: riesige Nutzerbasis, aktiver Support, Gutenberg-Blöcke, CSS-Editor. Nachteile: einige Standardstile erfordern Anpassungen für individuelle Themes, Pro-Funktionen nur im Abo.

🔗 Shortcodes Ultimate auf WordPress.org

2. Shortcoder

Shortcoder löst eine grundlegend andere Aufgabe: Es bietet keine fertigen Buttons und Tabs, sondern ermöglicht es Ihnen, eigene Shortcodes mit beliebigem HTML, CSS und JavaScript zu erstellen. Sie verpacken einen Google AdSense-Code in einen Shortcode und fügen ihn überall mit einem Tag ein. Sie schreiben einen benutzerdefinierten Block mit Parametern und übergeben diese über Shortcode-Attribute.

Ideal für alle, die Drittanbieter-Code chirurgisch einbetten müssen, ohne Theme-Templates zu bearbeiten. Unterstützt das Laden von CSS/JS-Dateien in die Mediathek, Links zu externen CDN-Skripten und das Erstellen von HTML-Snippets mit Platzhaltern, die beim Einfügen durch Attributwerte ersetzt werden. Kostenlos, 60.000+ aktive Installationen.

Vorteile: unbegrenzte Anpassung, parametrisierte Shortcodes, funktioniert mit externen Skripten. Nachteile: erfordert grundlegende HTML/CSS/JS-Kenntnisse, nichts für „Button mit wenigen Klicks bauen".

🔗 Shortcoder auf WordPress.org

3. Meks Flexible Shortcodes

Schlankes und angenehmes Plugin vom Meks-Team, den Machern beliebter Themes für Publisher und Blogs. Nur 12+ Shortcodes, aber jeder einzelne ausgefeilt: Alerts mit anpassbarer Farbe, Fortschrittsbalken, Buttons in drei Größen, Trennlinien, Spalten und Hervorhebungsblöcke. Kein Einstellungs-Wahnsinn, Sie klicken im visuellen Editor auf einen Button, wählen einen Shortcode aus dem Dropdown, füllen 2-3 Parameter aus und fügen ihn ein.

Das Plugin ist gezielt so konzipiert, dass die Stile minimal mit dem Theme kollidieren: Es verwendet eine neutrale Farbpalette und Schriftvererbung. Kostenlos, ohne Pro-Versionen und Upsells. 20.000+ aktive Installationen.

Vorteile: Einfachheit, die an „Installieren und vergessen" grenzt, Stile harmonieren mit dem Theme, null Upsell. Nachteile: wenige Elemente, nur Grundlagen, keine Slider, Galerien, Tabs.

🔗 Meks Flexible Shortcodes auf WordPress.org

4. Events Shortcodes für The Events Calendar

Hochspezialisiertes Plugin für Websites, die The Events Calendar nutzen (über 800.000 Installationen). Das Basis-Kalender-Plugin gibt Events über seine Templates aus, aber was, wenn Sie eine Liste anstehender Veranstaltungen in einer Seitenleiste oder auf einer individuellen Seite einfügen müssen? Events Shortcodes ergänzt Shortcodes, um Events als Liste, minimalistische Liste oder Zeitleiste darzustellen.

Die Pro-Version ($49/Jahr) fügt die Anzeige nach Veranstaltungsort, Event-Slider, Kalenderraster und Filterung nach Kategorien hinzu. Für Konferenz-Websites, Theater, Bildungsplattformen ein Muss.

Vorteile: schließt eine kritische Lücke in The Events Calendar, drei Darstellungsmodi. Nachteile: setzt aktives The Events Calendar voraus, Pro für $49/Jahr.

🔗 Events Shortcodes auf WordPress.org

Page Builder: Wenn Shortcodes nicht ausreichen

Shortcodes eignen sich gut für punktuelle Eingriffe. Wenn Sie jedoch eine Landingpage von Grund auf neu erstellen, eine individuelle Startseite zusammenstellen oder eine Beitragsvorlage neu aufbauen müssen, kommen visuelle Builder ins Spiel. Das ist 2026 relevant.

5. Elementor

Der beliebteste Page Builder im WordPress-Ökosystem, 16+ Millionen aktive Installationen. Drag-and-Drop-Oberfläche mit Live-Vorschau, über 100 Widgets in der kostenlosen Version und über 300 in Pro (59 $/Jahr für eine Website). Container-System auf Flexbox-Basis, benutzerdefinierte Breakpoints für Responsive Design, verschachtelte Tabs und Akkordeons, dynamische Inhalte aus ACF und benutzerdefinierten Feldern.

Elementor ist längst über den Status eines reinen Page Builders hinausgewachsen: Es ist eine vollwertige Plattform mit Theme Builder, Popups, WooCommerce-Seiten und einem Loop Builder für Archive. Die Pro-Lizenz umfasst über 100 fertige Kits für den Sofortstart. Für Kundenwebsites und Agenturarbeit ist es der Industriestandard.

Vorteile: größte Community, Unmengen fertiger Vorlagen, tiefe WooCommerce-Integration. Nachteile: erzeugt viele DOM-Elemente, kann auf schwachem Hosting langsam werden, der Ausstieg aus dem Ökosystem ist schmerzhaft.

🔗 Elementor auf WordPress.org

6. WPBakery Page Builder

Früher Visual Composer, einer der ältesten und am weitesten verbreiteten Builder (in Tausenden von Premium-Themes auf ThemeForest enthalten). Backend-Editor mit Drag-and-Drop-Modulen und Frontend-Lightbox für die Feinabstimmung. Basiert auf jQuery UI und Bootstrap, enthält über 50 Inhaltsmodule und „Blöcke", das Äquivalent von Shortcodes für Google Maps, Social Icons, Akkordeons, Tabs und Buttons.

Lizenz: 59 $ (Einmalzahlung) für eine Website mit lebenslangen Updates. Bei Themes, in denen WPBakery gebündelt ist, ist er kostenlos. Zu den Nachteilen gehört, dass bei Deaktivierung viele Shortcodes im Beitragstext zurückbleiben (klassisches Problem des „eingesperrten Inhalts").

Vorteile: riesige Theme-Basis durch Bündelung, Einmalzahlung, ausgereifte Codebasis. Nachteile: schwerfällige Backend-Oberfläche, eingesperrte Inhalte beim Wechsel des Builders, langsamer als die Konkurrenz.

🔗 WPBakery Page Builder

7. Beaver Builder

Wahl von Agenturen und Freelancern, die Stabilität und sauberen Code schätzen. Beaver Builder hinterlässt bei der Deaktivierung kein Shortcode-Chaos, die Inhalte bleiben im WordPress-Editor lesbar. Frontend-Drag-and-Drop mit Live-Vorschau, über 30 Module für Text, Bilder, Slider, Formulare, Icon-Boxen, Karten und Preistabellen.

Die kostenlose Lite-Version auf WordPress.org bietet einen Basissatz an Modulen. Die Premium-Lizenz ab 99 $/Jahr (unbegrenzte Websites) umfasst Beaver Themer für die Erstellung von Beitragsvorlagen, Archiven, Kopf- und Fußbereichen und ist damit ein direkter Konkurrent von Elementor Pro im Full-Site-Editing-Segment. Über 500.000 Installationen insgesamt.

Vorteile: sauberer Ausstieg ohne „gesperrte Inhalte", unbegrenzte Websites in der Premium-Lizenz, Beaver Themer. Nachteile: weniger Module als Elementor, teurer für eine einzelne Website.

🔗 Beaver Builder auf WordPress.org

8. Divi Builder (Elegant Themes)

Divi ist ein visueller Builder und Theme in einem Paket von Elegant Themes. Funktioniert sowohl mit dem Divi-Theme als auch mit jedem Drittanbieter-Theme über das Divi Builder Plugin. Visueller Editor mit Inline-Textbearbeitung (auf eine Überschrift klicken und tippen), über 200 fertige Layouts, Split-Testing, benutzerdefinierte CSS-Filter, Gradient-Engine und Rollensystem.

Lizenz für 89 $/Jahr für unbegrenzte Websites plus Zugriff auf alle Themes von Elegant Themes. Hauptmerkmal ist Divi Cloud zum Speichern von Layouts und Synchronisieren zwischen Projekten. Für einen Freelancer mit einem Dutzend Kunden-Websites wirtschaftlich sehr rentabel.

Vorteile: unbegrenzte Websites im Abonnement, über 200 fertige Layouts, Inline-Bearbeitung. Nachteile: schwergewichtiges Backend mit vielen gespeicherten Layouts, Ausstieg aus dem Ökosystem ähnlich wie bei Elementor.

🔗 Divi Builder

9. SiteOrigin Page Builder

Der ursprüngliche kostenlose Page Builder, über 500.000 Installationen. Anders als Elementor und WPBakery erfindet SiteOrigin keine eigenen Widgets, sondern nutzt die standardmäßigen WordPress-Widgets in einem mehrspaltigen, responsiven Raster. Das bedeutet, dass alle installierten Widgets (aus beliebigen Plugins) sofort zum Hineinziehen in das Layout verfügbar sind.

Bearbeitung im Backend, mit Änderungshistorie (Rückgängig bis zu jedem Schritt) und Vorschau per Klick. Das zusätzliche SiteOrigin Widgets Bundle fügt über 25 benutzerdefinierte Widgets hinzu (Galerie, Slider, Google Map, Preistabelle, Testimonials). Vollständig kostenlos, ideal für alle, die im WordPress-Ökosystem ohne Herstellerbindung bleiben möchten.

Vorteile: kostenlos, verwendet Standard-Widgets, saubere Deaktivierung ohne Shortcode-Chaos. Nachteile: Backend-Editor ohne Live-Vorschau, weniger fertige Layouts.

🔗 SiteOrigin Page Builder auf WordPress.org

10. Brizy

Brizy, der „Geheimtipp" unter den Buildern: Fokus auf UX für nicht-technische Anwender. Oberfläche mit minimalistischem linken Panel und kontextbezogenen Steuerelementen direkt auf der Arbeitsfläche, an einer Bildecke gezogen und gestreckt, auf Text geklickt und bearbeitet. Über 40 Elemente (Buttons, Formulare, Slider, Timer), globale Farben und Typografie, benutzerdefinierte Breakpoints.

Kostenlose Version auf WordPress.org mit Basiselementen. Pro ($49/Jahr für 1 Website, $99/Jahr für 100 Websites) fügt Popups, dynamische Inhalte, Marketing-Integrationen und einen Header/Footer-Builder mit Anzeigebedingungen hinzu. Die Cloud-Plattform Brizy Cloud ($16/Monat) ermöglicht es Ihnen, Landingpages ganz ohne WordPress zu erstellen.

Vorteile: Hervorragende UX, schnelles Prototyping, günstige Pro-Lizenz für Agenturen ($99 für 100 Websites). Nachteile: Weniger fertige Vorlagen als bei Elementor/Divi, junge Community.

🔗 Brizy auf WordPress.org

11. Breakdance

Neuer Akteur im Builder-Markt (2023 gestartet), aber bereits mit beeindruckender Basis: 140+ Elemente, bedingte Anzeige, dynamische Inhalte, Popup-Builder, Formulare, Themes, Header/Footer-Builder, Mega-Menü und WooCommerce-Builder, alles direkt enthalten, keine Zusatzkosten für Module.

Oberfläche, geteilter Modus: Arbeitsfläche mit Live-Vorschau und rechtem Einstellungsbereich. Integrierter Performance-Analyzer zeigt, wie viele DOM-Elemente die Seite erzeugt. $149,99/Jahr für unbegrenzte Websites, eines der besten Preis-Leistungs-Verhältnisse am Markt.

Vorteile: 140+ Elemente ohne Zusatzkosten, integrierter Performance-Analyzer, WooCommerce direkt enthalten. Nachteile: Junges Produkt, weniger Lernmaterialien als Elementor.

🔗 Breakdance

12. Live Composer

Kostenloser Open-Source-Builder mit Frontend-Bearbeitung. Anders als die meisten Wettbewerber, die im Backend oder über eine separate Oberfläche arbeiten, können Sie mit Live Composer die Seite genau dort bearbeiten, wo Besucher sie sehen, also im Frontend.

Modulares Panel am unteren Bildschirmrand: Ziehen Sie Module (Text, Blogbeiträge, Galerien, Testimonials, Karten, Buttons) auf die Arbeitsfläche und sehen Sie sofort das Ergebnis. Über 30.000 Installationen, aktiv aktualisiert. Gut geeignet für Landingpages und schnelle Layouts für Werbeseiten.

Vorteile: Kostenloser Open-Source, Live-Frontend-Bearbeitung, schlank. Nachteile: Weniger Elemente als kommerzielle Builder, kein Theme-Builder.

🔗 Live Composer auf WordPress.org

13. Themify Builder

Builder des kanadischen Studios Themify mit Backend- und Frontend-Bearbeitungsmodus. Sie können Seiten mit der Maus im Admin-Bereich aufbauen oder in die Live-Vorschau wechseln und visuell feinabstimmen. Über 40 Module, darunter Slider, Galerie, Karten, WooCommerce-Produkte, Formulare, Icon-Panel und Preistabelle.

Wenn Sie ein Themify-Theme nutzen, ist der Builder kostenlos im Themify Framework integriert. Für Drittanbieter-Themes gibt es das separate Themify Builder Plugin. Es gibt Addons für zusätzliche Funktionen (Timeline, Preistabelle, Kontaktformular, A/B-Tests), aber die Basis ist großzügig.

Vorteile: Zwei Bearbeitungsmodi (Backend + Frontend), umfangreiche Modulbasis. Nachteile: Einige Addons kostenpflichtig, an das Themify-Ökosystem gebunden.

🔗 Themify Builder

⁉️🤔 Häufig gestellte Fragen

Kann ich Shortcodes zusammen mit Gutenberg verwenden?

Ja, und genau so arbeiten die meisten Anwender im Jahr 2026. Gutenberg stellt einen standardmäßigen „Shortcode"-Block bereit, fügen Sie jeden Shortcode eines Plugins in den Beitragstext ein. Viele Shortcode-Plugins (Shortcodes Ultimate, Shortcoder) registrieren zudem eigene Gutenberg-Blöcke für jedes Element, Buttons, Tabs, Akkordeons werden als reguläre Blöcke hinzugefügt, ohne manuelle Eingabe eckiger Klammern. Es gibt keine Konflikte zwischen Shortcodes und Block-Editor: Es handelt sich um zwei parallele Schichten, die im Content korrekt koexistieren. Gutenberg ist seit 2024 der Standard-Editor in allen neuen WordPress-Installationen (Version 6.4+). Alle im Testbericht aufgeführten Shortcode-Plugins sind speziell auf Kompatibilität damit geprüft.

Shortcodes oder Builder, was wählt man für eine Kundenwebsite?

Entscheiden Sie nach einem Kriterium: Wie viele individuelle Seitenlayouts benötigt der Kunde? Handelt es sich um einen Blog mit Standard-Layout und ein paar individuellen Elementen (Button, Formular, Hinweis), sind Shortcodes mehr als ausreichend, und die Seite bleibt schnell. Bei Kunden, die die Seite selbst befüllen, spielt auch die Einstiegshürde eine Rolle: Elementor ist für einen technisch nicht versierten Nutzer intuitiv verständlich, gesehen, geklickt, bearbeitet. Shortcodes mit Backend-Oberfläche (Shortcodes Ultimate) sind ebenfalls einfach, erfordern aber, dass man sich merkt, wo welcher Button ist. Plant der Kunde, die Seitenstruktur regelmäßig zu ändern, spart Ihnen ein visueller Builder viele Support-Stunden.

Was passiert mit dem Content, wenn ich den Builder entferne?

Klassischer WordPress-Schmerz: Builder deaktiviert, und statt Content sieht man ein Durcheinander von Shortcodes in eckigen Klammern. Nicht alle Builder verhalten sich gleich. Beaver Builder und SiteOrigin hinterlassen lesbaren Content, ihre Daten werden in post_content als HTML-Kommentare gespeichert, und nach der Deaktivierung zeigt WordPress Klartext an. Elementor und Divi erzeugen „gesperrten Content": Ohne aktives Plugin sehen Sie nur Shortcodes und JSON-Markup. Falls Sie planen, jemals den Builder zu wechseln, wählen Sie entweder SiteOrigin/Beaver Builder oder seien Sie auf eine manuelle Content-Migration per Export/Import vorbereitet.

Wie prüfe ich, ob ein Builder die Seite ausbremst?

Öffnen Sie eine beliebige mit dem Builder erstellte Seite in Google PageSpeed Insights oder GTmetrix. Achten Sie auf die DOM-Größe: Erzeugt der Builder mehr als 1500 DOM-Elemente pro Seite, ist das ein Grund, nachzudenken. Zum Vergleich: Eine SiteOrigin-Seite mit drei Spalten und fünf Widgets kommt üblicherweise mit 800-1000 DOM-Elementen aus, während ein komplexes Elementor-Layout mit Animationen und Ebenen-Overlay über 2500 erzeugen kann. Breakdance hat einen integrierten DOM-Zähler direkt im Editor. Zusätzlicher Indikator: die Anzahl der HTTP-Requests. Builder wie Elementor und Divi laden gemeinsame CSS/JS-Dateien auf jeder Seite, selbst wenn bestimmte Widgets gar nicht genutzt werden.

Welcher Builder ist am leichtesten für kleinere Seiten?

Live Composer und SiteOrigin, zwei Open-Source-Builder mit minimalem Footprint. Live Composer lädt nur das, was auf der Seite verwendet wird (On-Demand-Asset-Loading), und SiteOrigin setzt auf standardmäßige WordPress-Widgets ohne eigenes schweres JS-Framework. Für eine Visitenkarten-Seite oder einen kleinen Blog, bei dem der Builder nur für 2-3 Seiten benötigt wird, ist das die optimale Wahl ohne zusätzlichen Ballast. Wenn das Budget es zulässt, bietet Brizy (49 $/Jahr) visuelle UX auf Elementor-Niveau mit deutlich geringerem Footprint, sein JavaScript-Bundle ist 2-2,5 Mal leichter als das von Elementor.

Welches Werkzeug für Ihre Aufgabe

Eine pauschale Antwort nach dem Motto „Installieren Sie X und machen Sie sich keine Gedanken" gibt es hier nicht, Shortcodes und Builder lösen zu unterschiedliche Aufgaben. Stattdessen hier eine Entscheidungsmatrix für drei typische Szenarien:

„Ich habe bereits ein gutes Theme, muss nur Buttons und Hinweise in Beiträge einfügen." → Shortcodes Ultimate. 400.000+ Nutzer können nicht irren. Kostenlos, 50+ Elemente, Gutenberg-Blöcke.

„Ich bin Freelancer, betreue 15 Kundenwebsites, brauche einen Builder, um schnell Landingpages zu erstellen." → Divi oder Breakdance. Divi: 89 $/Jahr für unbegrenzt viele Websites + 200+ fertige Layouts (schneller Start). Breakdance: 149,99 $/Jahr, 140+ Elemente ohne Zusatzkosten (maximale Funktionen pro Dollar).

„Muss eine Landingpage erstellen und dann vergessen, will keine Abos anhäufen." → Beaver Builder Lite (kostenlos) oder SiteOrigin (kostenlos). Beide hinterlassen sauberen Content bei Deaktivierung, installiert, Seite gebaut, entfernt.

„WooCommerce-Seite, muss Produktkarten und Warenkorb anpassen." → Elementor Pro (59 $/Jahr), tiefe WooCommerce-Integration mit Builder für Produktseiten, Warenkorb und Checkout. Als Alternative Breakdance (149,99 $/Jahr) mit WooCommerce-Modulen von Haus aus.

„Ich habe einen Onlineshop, möchte gezielt WooCommerce-Shortcodes ohne Builder einsetzen." → Integrierte WooCommerce-Shortcodes (kostenlos im Plugin-Core), 20+ Funktionen für Storefront, Warenkorb, Bestellstatus und Authentifizierung. Dokumentation unter woocommerce.com.

Einfache Regel: Lässt sich die Aufgabe mit einem Shortcode lösen, holen Sie keinen Builder ins Boot. Brauchen Sie fünf verschiedene Shortcodes auf jeder Seite, spart Ihnen ein Builder Zeit, selbst wenn er „schwer" erscheint.