Arbeiten Sie mit wenigen, aber schicken Vorlagen
Weebly hat mit seinen ca. 50 Vorlagen keine gewaltige Auswahl zu bieten. Wix und andere Anbieter bieten 200 bis über 800 Templates. Das, was Ihnen Weebly an die Hand gibt, ist aber durchaus schick und modern. Hier scheint der Fokus auf “Qualität über Quantität” zu liegen. Top-modern und künstlerisch wertvoll wie bei Squarespace wird es aber nicht.
Die Vorlagen von Weebly folgen einem “cleanen”, großflächigen Look
Screenshot: trusted.de
Quelle: weebly.com
Um Ihr passendes Template schneller zu finden, filtern Sie nach Kategorien wie “Veranstaltung”, “Blog” oder “Demnächst verfügbar”. Eine Filterung nach Branche wäre sehr komfortabel gewesen, bei gerade knapp über 40 Vorlagen ist das aber vermutlich überflüssig.
Für Rusted kam die Vorlage “Slick” aus dem Abschnitt “Geschäftlich” zum Einsatz. Diese ist luftig aufgebaut und bietet großflächige Gestaltungselemente. Ein modernes und für User einfach zu verstehendes Design, das das junge Rusted-Team sehr schätzt.
Haben Sie eine Vorlage komplett fertig eingerichtet, können Sie diese in der Designgalerie für den späteren Gebrauch speichern.
So bedient sich der Website Builder von Weebly
Weebly verwendet einen modularen Editor mit festen Einrastpunkten, an denen Sie Ihre gewählten Widgets per Drag-and-Drop ablegen. Über Anklicken der abgelegten Objekte öffnen sich die passenden Kontextmenüs für Detailanpassungen. Das ist angenehm intuitiv und ist auch für ein unerfahrenes Team wie Rusted einfach zu steuern.
Mit Weebly nutzen Sie einen einfachen Drag-and-Drop-Editor
Screenshot: trusted.de
Quelle: weebly.com
An ein paar Stellen sind die Gestaltungsfreiheiten deutlich eingeschränkt. So können beispielsweise Textgrößen nur in vordefinierten Stufen und nicht frei in Pixelschritten angepasst werden. Individualist:innen müssen hier also Abstriche machen.
Was uns hingegen sehr gut gefällt, sind die kleinen Design-Spielereien wie die Videohintergründe und -header. Mit diesen schaffen Sie Aufmerksamkeit und halten Ihre User auf Ihrer Website. Leider erhalten Sie erst ab “Pro” Zugriff auf diese Gestaltungselemente.
Binden Sie dynamische Elemente wie Videos in Ihre Seite ein
Screenshot: trusted.de
Quelle: weebly.com
Anpassungen für Profis per Coding
Sollte Ihnen die Widgetauswahl nicht groß genug sein oder Ihnen der Look der Seite noch nicht gefallen, können Sie eigene Anpassungen via HTML und CSS vornehmen. Dabei nutzen Sie nicht zwingend den weit verbreiteten Wald- und Wiesen-HTML-Block, sondern erhalten eine eigene Coding-Ansicht. Das setzt entsprechendes Know-how voraus, das Rusted in diesem Fall nicht besitzt, allerdings ist dies eine gute Ergänzung für fortgeschrittene User.
Fortgeschrittene User passen ihre Seite per Code an
Screenshot: trusted.de
Quelle: weebly.com
Sehen Sie “das große Ganze” in der Vorschau
Die Bearbeitungsübersicht stimmt meistens nicht mit der fertigen Website-Ansicht überein. Deshalb sollten Sie auf die Vorschau-Funktion von Weebly zurückgreifen und den Look Ihrer Seite regelmäßig überprüfen. Sie können bei Weebly die Ansichten für Desktopgeräte sowie für Smartphones wählen.
Stellen Sie mit der Vorschau sicher, dass Ihre Seite auch auf Smartphones gut aussieht
Screenshot: trusted.de
Quelle: weebly.com
Einen mobilen Editor, mit dem Sie Ihre Ansicht direkt für Mobilgeräte anpassen, gibt es allerdings nicht. “Mobile-first”-Jünger:innen müssen hier auf andere Tools wie Wix, Squarespace oder webgo ausweichen.
Fazit: Kleine Basisauswahl für eigene Spielereien
Weebly bietet Ihnen an sich nur ein Fundament an Gestaltungsoptionen wie einige Templates oder eine Handvoll Layout-Widgets. Der Clou: Anfänger:innen werden auch gar nicht viel mehr brauchen und Profis passen die Seite mit ihrem eigenen Code einfach an.
Schade ist nur, dass die User in der Mitte, also mit Anspruch an gutes Design, aber ohne Coding Know-how auf der Strecke bleiben. Auch ein mobiler Editor wäre noch eine relevante Ergänzung. So kommt Weebly auf die Gesamtwertung “gut”.
Alle Gestaltungsfunktionen von Weebly im Überblick
- Ca. 45 Templates: Nutzen Sie vorgefertigte Design-Vorlagen für Ihre Website-Gestaltung
- Anpassungen per HTML/CSS: Weebly kommt neben dem HTML-Block mit einem integrierten Coding-Editor
- Vorschau-Modus: Überprüfen Sie den Look Ihrer Seite in den Ansichten für Desktop und Smartphones
Wie benutzerfreundlich ist Weebly?
Die Handhabung von Weebly an sich ist sehr einfach. Das Drag-and-Drop-Prinzip funktioniert mühelos und die Menüs sind alle übersichtlich und aufgeräumt. Hin und wieder stoßen Sie auf minimale Komforteinschränkungen. So gibt es beispielsweise keinen “Undo”-Button und wenn Sie ein Header-Element tauschen, wird der Inhalt gelöscht. Wer zu schnell unterwegs ist, verklickt sich gelegentlich, das passiert aber nur wirklich ungeduldigen Usern.
So verwenden Neulinge Weebly
Anfänger:innen bekommen mit Weebly ein sehr bedienerfreundliches und kompaktes Tool an die Hand, mit dem Sie dennoch eine ganze Menge an interessanten Projekten umsetzen können. Es gibt ein paar Einblendungen für die ersten Schritte für Editor und seine Drag-and-Drop-Funktion. Die Onboardingzeit fällt insgesamt sehr kurz aus.
Ein Einrichtungsassistent hilft Ihnen bei den ersten Schritten mit Weebly
Screenshot: trusted.de
Quelle: weebly.com
So verwenden Profis Weebly
Sogar die fortgeschrittenen User in der trusted-Redaktion waren von der schnellen und einfachen Bedienung von Weebly überzeugt. Zusammen mit dem HTML/CSS-Editor haben Sie hier einige interessante Optionen für die Individualisierung Ihrer Seite zur Hand. User ohne Coding-Kenntnisse, aber mit hohen Design-Ansprüchen bleiben hier ein wenig außen vor. Hier bieten Tools wie das von IONOS, DomainFactory oder WordPress.com mehr.
Für diese Projekte würde trusted Weebly empfehlen
Weebly eignet sich für jede Form von Website. Besonders praktisch sind die Anbieter-Pakete allerdings für Blogs, da Sie hier schon ab dem kostenlosen Tarif loslegen dürfen. Die Software lohnt sich zudem für Online-Shops, da Sie in den höheren Tarifen viele nützliche E-Commerce-Tools an die Hand bekommen.
| Blog | Portfolio | Unternehmensseite | Shop |
|---|
| Ja | Ja | Ja | Ja |