60 Minuten GRATIS Webdesign-Workshop

Mit Geschäftsführer & Webdesign-Profi Oliver Pfeil

Joomla SP Page Builder – Template per Drag-and-drop erstellen

In diesem Artikel erfährst du, was der Joomla SP Page Builder kann und wie du damit den Standardeditor von Joomla ersetzen kannst.

  • Wie du den SP Page Builder auf Deutsch installieren kannst.
  • Deine Möglichkeiten und Funktionen mit diesem PageBuilder.
  • Tipps zum Layout und Design.

Sie sehen gerade einen Platzhalterinhalt von Youtube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Fazit von Oliver Pfeil: Der SP Page Builder ist für mich der beste Editor, den es derzeit für Joomla gibt.

Vorteile: Joomla SP Page Builder im Praxis-Check

Im direkten Vergleich zu den klassischen Editoren (TinyMCE und JCE) funktioniert der SP Page Builder ganz anders. Er ist moderner, du bist damit flexibler und es steht dir eine visuelle Oberfläche zur Verfügung.

Damit kannst du deine Inhalte endlich so gestalten, wie du es tagtäglich bei modernen Websites siehst:

  • Visueller Editor mit mehr als 60 Tools und Addons.
  • Zahlreiche Layoutforlagen, die du importieren kannst.
  • Die Handhabung über die visuelle Oberfläche ist einfach.
  • Du bist maximal Flexibel in der Gestaltung deiner Inhalte.

Frontend Editor

Mit dem flexiblen Editor kannst du deine Inhalte visuell erstellen. Mit dem flexiblen Frontend-Editor siehst du bei jeder Änderung sofort, wie das auf der Website aussehen wird. Du kannst damit Designs erstellen, wie es früher nur Profis konnten. Und das im Bruchteil der Zeit im Vergleich mit dem Standardeditor.

Du kannst Zeilen und Spalten mit großer Flexibilität erstellen. Abstände und Positionen kannst du dabei frei wählen. Dadurch kannst du Bilder perfekt positionieren und die Abstände von Überschriften, Texten und Aufzählungen übersichtlich gestalten.

Lottie-Animation

Mit dem Lottie-Addon kannst du coole und interaktive Animationen einbinden. Das sind kleine Grafiken, die sich bewegen und einen Wow-Effekt erzeugen.

Mit diesen bewegten Bildern kannst du für Aufmerksamkeit und zusätzlichen Blickfang sorgen.

Bibliothek und Layouts

Besonders hervorzuheben ist auch die ständig wachsende Bibliothek vorgefertigter Layouts. Das ist ein großer Pool an schön gestalteten Layoutpaketen für verschiedenste Nischen.

Du kannst Farben und Schriftarten wählen, die zu deinem Stil und Markenauftritt passen. Zusätzlich stehen dir benutzerdefinierte Icons (Symbole) zur Verfügung, mit denen du Aufzählungen mehr Bedeutung geben kannst.

Inline Editor

Mit dem Inline Editor kannst du über einen Schieberegler Abstände, Größen und Radius von Elementen einfach anpassen. Dabei siehst du beim Bewegen des Schiebereglers in Echtzeit das fertige Ergebnis.

Inhalte und Vorlagen duplizieren

Gestaltete Layouts und einzelne Elemente kannst du mit einem Klick duplizieren. Das spart dir zusätzliche Zeit beim Erstellen deiner Inhalte.

Leistungsstarke Add-Ons

Du kannst aus einer großen Auswahl zusätzlicher Funktionen auswählen Das sind mehr als 60 zusätzliche Funktionen. Hier ein kleiner Auszug:

  • Buttons: Gestalte schöne und klickstarke Buttons.
  • Tabs: Nutze Tabs für zusätzliche Infos, die du kompakt darstellen möchtest.
  • Diashow: Erstelle eine moderne Bildergalerie.
  • Symbole: Verleihe deinen Texten mehr Kraft durch unterstützende Symbole.

Preise und Pläne

Der Anbieter Joomshaper bietet für den SP Page Builder Pro insgesamt 3 verschiedene Pläne:

  • Personal (1 Lizenz)
  • Business (10 Lizenzen)
  • Agency (Unbegrenzt Lizenzen)

Die aktuellen Preise findest du direkt auf der Hersteller-Website:

Link: Zur Bestell-Website

Installation und Einrichtung

  1. Bestelle den Editor auf dieser Seite.
  2. Lade die Installationsdatei (ZIP-Datei) herunter.
  3. Klicke im Joomla Backend  auf System – Installieren – Erweiterung.
  4. Lade unter „Paketdatei hochladen“ die ZIP-Datei hoch.
  5. Führe die Installation durch.

Anschließend findest du die Einstellungen unter Komponenten – SP Page Builder Pro. In den Einstellungen kannst du die deutsche Sprache installieren.

Nachfolger von Artisteer

Eines vorweg: Der SP Page Builder hat mit Artisteer nichts zu tun. Von den Möglichkeiten her gesehen ist das Template Helix in Verbindung mit diesem Page-Builder allerdings eine deutlich bessere Alternative.

Artisteer wurde vor vielen Jahren sehr gerne verwendet. Die Software wurde allerdings nie weiterentwickelt und es ist heute keine praktikable Lösung mehr. Mit dem Template-Builder Helix kannst du das allerdings perfekt umsetzen. Daher sehe ich das ein wenig als Nachfolger (auch wenn diese beiden Lösungen nichts miteinander zu tun haben).

FAQ – Fragen & Antworten

Wie viel kostet der SP Page Builder?

Der SP Page Builder ist für eine Seite ab 49 Dollar zu haben und kann dann lebenslang genutzt werden. Zu Testzwecken gibt es auch eine Free-Version. Alle Infos dazu findest du auf der Herstellerseite.

Ist der SP Page Builder deutsch?

Ja, du kannst nach der Installation den SP Page Builder auf Deutsch umstellen. Du kannst jede beliebige Sprache einstellen.

Gibt es den SP Page Builder auch kostenlos?

Ja, es gibt eine Free Version mit 13 kostenlosen Add-ons. Du kannst zuerst die kostenlose Version nutzen und testen. Bist du damit zufrieden und möchtest zusätzliche Funktionen haben, musst du zuerst die Pro-Version kaufen. Die Provision wird dann zusätzlich zur Free-Version installiert.

Was bedeutet Responsive Webdesign?

Bei einem Responsive Webdesign passt sich deine Website automatisch an das jeweilige Endgerät, mit dem deine Website aufgerufen wurde, an. Die Anordnung und Darstellung der grafischen Elemente, Menüs, Bilder, Texte usw. werden dann an die Auflösung und Größe des Displays angepasst. Somit wird die Website immer optimal angezeigt.

Deine perfekte Website. In Rekordzeit.

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil