Warum den neuen HubSpot Drag & Drop Editor einsetzen? Welche Gründe sprechen dafür, dass frenz! den Editor anpassen muss? Wie gestaltet sich der Implementierungsprozess? Welche Schritte sind für die Migration der Inhalte erforderlich?
Inhaltsverzeichnis
Infos zum alten Drag & Drop Editor
Infos zum neuen Drag & Drop Editor
Den neuen Drag & Drop Editor einführen
Einführungsprozess für Kunden mit SLA Growth-Driven-Webdesign
Einführungsprozess für Kunden mit Lizenz COME!ON
Einführungsprozess für Kunden mit altem frenz! Theme
Einführungsprozess für Kunden ohne SLA und Lizenz
Migration Inhalte durch frenz! im Sommer 2025
Infos zum alten Drag & Drop Editor
Was versteht man unter dem "alten Drag & Drop-Editor" von HubSpot?
Mit dem alten Editor von HubSpot konnten Benutzer Module einfach per Drag & Drop auf die Seite ziehen und ihre Anordnung ändern. Wenn der Mauszeiger über ein Modul bewegt wurde, wurde dieses durch einen farbigen Rahmen hervorgehoben und eine Werkzeugleiste erschien in der oberen rechten Ecke.
Leider fehlten einige nützliche Funktionen, wie beispielsweise die Möglichkeit, Module zu klonen oder sie von einer Seite auf eine andere zu übertragen.
Infos zum neuen Drag & Drop Editor
Was sind die wesentlichen Unterschiede zwischen dem neuen und dem alten Drag & Drop Editor von HubSpot?
Vor einiger Zeit hat HubSpot einen neuen Drag & Drop Editor eingeführt. Damit war es neu möglich, Module nicht nur vertikal untereinander, sondern auch mehrspaltige Container mit Modulen nebeneinander zu platzieren. Die Idee dahinter war, den Content-Editoren möglichst viel Freiheit bei der Gestaltung von Webseiten zu geben.
Das Layout im Bild oben besteht aus zwei Sektionen ("Reihen"): Die obere Sektion erstreckt sich über die gesamte Breite der Seite und ist mit einem Hintergrundbild versehen. In der Mitte dieser Sektion befindet sich ein Textmodul, das eine festgelegte maximale Breite aufweist. Die untere Sektion ist zweispaltig gestaltet, hat eine andere maximale Breite als die obere Sektion und ist mit einem weissen Hintergrund versehen. Sie enthält sowohl ein Bildmodul als auch ein weiteres Textmodul.
Diese umfangreichen Gestaltungsmöglichkeiten bieten Content-Editoren zwar grosse Flexibilität, bringen jedoch auch einige Herausforderungen mit sich:
- es ist nahezu unmöglich, ein einheitliches Design über verschiedene Webseiten hinweg aufrechtzuerhalten
- Jede Sektion muss bei Änderungen sofort auf mobilen Geräten und Tablets überprüft werden, um sicherzustellen, dass die Darstellung korrekt ist.
- Die Sicherstellung eines ausreichenden Kontrasts zwischen Schrift und Hintergrund gestaltet sich als herausfordernd und erfordert eine manuelle Anpassung.
- Bei Anpassungen der Darstellung ist es notwendig, jede Sektion auf jeder Seite einzeln zu bearbeiten.
Die grösste Herausforderung betrifft die Performance: Aus technischer Sicht erzeugt der neue Drag & Drop Editor (in der standardmässigen von HubSpot vorgesehenen Ausführung) eine grosse Menge an Code, der spezifisch für jede einzelne Seite ist. Dies kann sich negativ auf die Performance der Webseite auswirken und potenziell zu weiteren Komplikationen führen.
Optimierung des neuen Drag & Drop-Editors durch frenz!
Um die Herausforderungen des neuen Drag & Drop-Editors zu bewältigen und gleichzeitig von den erweiterten Funktionen zu profitieren, haben wir eine massgeschneiderte Lösung für unsere Kunden entwickelt. Unser modulares Design ermöglicht es, komplette Sektionen darzustellen, was die Notwendigkeit für mehrspaltige Layouts überflüssig macht. Darüber hinaus können viele Designanpassungen direkt im Stil-Tab der Module vorgenommen werden, wie zum Beispiel die Auswahl von Hintergrundfarben und passenden Textfarben, was den Anpassungsprozess erheblich vereinfacht.
Den neuen Drag & Drop Editor einführen
Der neue Drag & Drop Editor steht nun zur Verfügung. Während er zahlreiche Vorteile bietet, erfordert der Umstieg auch einen gewissen Aufwand. Um den Übergang zu erleichtern, haben wir alle wichtigen Fragen und Antworten hier gesammelt.
Welche Vorteile bietet der neue Drag & Drop-Editor und warum sollte man auf ihn umsteigen?
- Nutzung der neuen Funktionen des Content-Hub
- Klonen von einem oder mehreren Modulen
- Kopie von einem oder mehreren Modulen speichern
- Gespeicherte Modul-Kopien auf jeder Webseite einfügbar
- Erstellung von "globalen" Modulen, welche auf diverse Webseiten eingefügt werden können (und immer noch zentral verwaltet werden)
Welche Herausforderung bringt der Wechsel auf den neuen Drag & Drop Editor mit sich?
Der neue Drag & Drop Editor kann vom frenz! Entwicklerteam nahtlos in die bestehenden Templates integriert und konfiguriert werden. Diese Integration kann entweder zusätzlich zum alten Editor erfolgen oder der neue Editor ersetzt den alten vollständig. Eine wesentliche Herausforderung besteht jedoch darin, dass alle bestehenden Seitenelemente zunächst manuell in den neuen Editor übertragen werden müssen, bevor die erweiterten Funktionen genutzt werden können. Eine technische Migration ist leider nicht möglich. Dies bedeutet, dass je nach Anzahl der betroffenen Seiten ein erheblicher Aufwand auf die Content-Manager zukommen kann.
Ist ein Wechsel zum neuen Content-Editor zwingend erforderlich?
Ein Umstieg auf den neuen Content-Editor ist nicht zwingend notwendig; in diesem Fall bleiben jedoch die neuen Funktionen ungenutzt. Der Wechsel kann entweder sofort vollzogen, vorübergehend aufgeschoben oder schrittweise durchgeführt werden. Derzeit gibt es seitens HubSpot keine Anzeichen, dass der alte Editor eingestellt wird. Sollte dies in der Zukunft jedoch geschehen, wäre eine zeitnahe Migration erforderlich.
Einführungsprozess für Kunden mit SLA Growth-Driven-Webdesign
Wie läuft der Wechsel für Kunden mit dem «SLA Growth Driven Webdesign» ab?
1. Anpassung des Templates
Das Team frenz! wird den neuen Drag & Drop-Editor nahtlos in die bereits bestehenden Vorlagen integrieren. Dieser Integrationsprozess erfolgt im Rahmen des vereinbarten Service Level Agreements (SLA).
2. Neuen Editor verwenden
Es wird empfohlen, künftig neue Seiten ausschliesslich im neuen Drag & Drop-Editor zu erstellen. Der alte Editor wird durch einen roten Rahmen sowie einen entsprechenden Hinweis deutlich hervorgehoben. Wenn Inhalte von einem Content-Editor innerhalb des Unternehmens bearbeitet werden, ist es effizienter, diese Inhalte direkt bei der Bearbeitung vom alten Editor in den neuen zu kopieren und dort einzufügen.
3. Migration aller Inhalte planen
Kunden sollten die Überführung der Inhalte für alle Seiten planen.
Selbstverständlich können Kunden die Überführung auch selbständig durchführen oder die Migration erst später angehen.
4. Entfernen alter Editor aus Template
Nach Abschluss der Migration wird das Entwicklungsteam von frenz! den alten Editor aus den vorhandenen Vorlagen entfernen, um sicherzustellen, dass nur noch der neue Editor verwendet wird. Dies geschieht im Rahmen des vereinbarten Service Level Agreements (SLA).
Einführungsprozess für Kunden mit Lizenz COME!ON
Wie läuft der Wechsel bei COME!ON Kunden?
Für Kunden, die das COME!ON Theme lizenziert haben, wird der neue Drag & Drop-Editor in den nächsten Monaten schrittweise in sämtliche Vorlagen integriert. Der alte Editor sowie alle bestehenden Inhalte bleiben dabei erhalten und können bei Bedarf manuell migriert werden, entweder durch die Kunden selbst oder durch unser Team. Für neu erstellte Seiten empfehlen wir, ausschliesslich den neuen Editor zu nutzen, um von den erweiterten Funktionen optimal zu profitieren.
Einführungsprozess für Kunden mit altem frenz! Theme
Welche Empfehlungen haben wir für Kunden des frenz! Themes?
Kunden, die das frenz! Theme nutzen, haben möglicherweise einige der neuen Funktionen und Verbesserungen nicht erhalten, da sie das Theme als einmalige Lizenz erworben haben. Um von kontinuierlichen Optimierungen und den neuesten Entwicklungen zu profitieren, empfehlen wir diesen Kunden, die Lizenz für das COME!ON Theme zu erwerben.
Einführungsprozess für Kunden ohne SLA GDW / Lizenz
Wie können Kunden, die kein SLA haben, den Wechsel vollziehen? Welche Kosten sind damit verbunden?
Kunden, die über kein bestehendes Service Level Agreement (SLA) verfügen, haben die Möglichkeit, den neuen Drag & Drop-Editor implementieren zu lassen. Die Kosten für diese Implementierung betragen pauschal CHF 1'400. Die Migration der Inhalte kann entweder eigenständig oder durch das Team von frenz! durchgeführt werden. Um mögliche Komplikationen zu vermeiden und die Vorteile der neuen Funktionen optimal nutzen zu können, empfiehlt es sich, im Vorfeld eine sorgfältige Planung der Migration vorzunehmen.
Migration Inhalte durch frenz! im Sommer 2025
Für Kunden, die an einer Migration interessiert sind, bietet frenz! im Sommer 2025 ein spezielles Angebot zur Übertragung von Inhalten an. Ein erfahrenes Team wird die Migration durchführen und die Kosten richten sich nach der Anzahl der zu übertragenden Seiten. Die Pauschalen gestalten sich wie folgt:
- Weniger als 50 Seiten: CHF 2'000
- 51 bis 100 Seiten: CHF 3'000
- 101 bis 200 Seiten: CHF 4'000
- 201 bis 300 Seiten: CHF 6'000
- 301 bis 400 Seiten: CHF 8'000
Dieses Angebot ermöglicht es unseren Kunden, die Vorteile des neuen Drag & Drop-Editors optimal zu nutzen, während sie gleichzeitig eine effiziente und professionelle Migration ihrer Inhalte gewährleisten. Dadurch wird der Migrationsprozess zügig und ohne längere Verzögerungen durchgeführt. Nach Abschluss der Migration verfügen die Kunden wieder über eine moderne und aktuelle Umgebung.
Autor: Sabine Haidan