Tutorial: Wie erstelle ich eine Webseite über den Website Builder?

Wie richte ich den Website Builder für eine Domain ein?

  1. Zuerst erstellen Sie eine "Website Builder"-Installation für eine Subdomain. Hierzu navigieren Sie im DCP zu dem Abschnitt "Webspace" -> "Website Builder" (1). (Bitte beachten Sie, dass der Website Builder derzeit in der Beta-Version verfügbar ist und Sie diesen nur sehen können, wenn Sie in den "Einstellungen" des DCPs die Option "Beta-Funktionen freischalten" aktivieren.) In der Übersicht werden Ihnen bereits laufende Installationen angezeigt, falls solche vorhanden sind.
    Nun müssen Sie auf den "+ Neu anlegen"-Button klicken, um eine neue Installation anzulegen (2).
    Tutorial Websitebuilder anlegen.png
    In diesem neuen Bereich haben Sie die Möglichkeit, Einstellungen für die Installation festzulegen. Zunächst müssen Sie die Domain auswählen, für die der Website Builder installiert werden soll (1). Klicken Sie auf die entsprechende Domain, um eine Dropdown-Liste mit Ihren verfügbaren Domains anzuzeigen und wählen Sie Ihre gewünschte aus. Wenn Sie keine spezifische Subdomain verwenden möchten, können Sie das Feld vor der Domain auch einfach leer lassen. Hinweis: Sie müssen die Subdomain nicht vorher erstellen. Das wird hier übernommen, wenn die Subdomain bisher nicht besteht.
    Wenn bereits eine Installation vorhanden ist, finden Sie im Tarifbereich (2) nur noch die Option "Pro (2,00 € pro Monat)". Andernfalls können Sie hier die Option "Kostenlos" auswählen.
    Im Website Builder ist eine Installation kostenlos verfügbar (Tarif: kostenlos), während für zusätzliche Installationen jeweils eine monatliche Gebühr von 2,00 Euro anfällt (Tarif: Pro (2,00 € pro Monat)). Abgesehen davon bestehen keine Unterschiede zwischen den Tarifen.
    Zum Abschluss genügt ein Klick auf die Schaltfläche "Übernehmen" (3), um die neue Website Builder-Installation zu starten.
    WebsiteBuilderWebseiteanlegen.png
  2. Nun ist der Website Builder für Ihre Domain eingerichtet und wir können mit der Bearbeitung der Seite weitermachen (1).

Websitebuilder Webseite bearbeiten.png

Wie bearbeite ich eine Webseite über den Website Builder?

Schritt 1: Auswahl der Vorlage

Ihnen steht hierfür eine umfangreiche Palette an diversen Vorlagen zur Verfügung (1), die Sie bequem nach Kategorien filtern können. Im zentralen Bereich des Builders (2) haben Sie die Möglichkeit, durch einfaches Überfahren einer Vorlage mit dem Mauszeiger, diese auszuwählen und anschließend individuell zu bearbeiten oder direkt zu veröffentlichen. Falls Sie einen individuelleren Ansatz bevorzugen, bietet der Website Builder auch die Option, Ihre Webseite ganz ohne Vorlage zu erstellen (3). Diese Option ist ideal für diejenigen, die bereits konkrete Designideen im Kopf haben oder einfach die Funktionalitäten des Website Builders erkunden möchten. Darüber hinaus stehen Ihnen zusätzliche Funktionen zur Verfügung, um eine bestehende Webseite zu importieren (4) oder Ihre Webseite automatisch durch das innovative "Magier"-Tool erstellen zu lassen (5).

Bitte beachten Sie, dass beim Importieren einer Webseite möglicherweise nicht alle Inhalte perfekt übertragen werden und gegebenenfalls Anpassungen notwendig sein können. Dieser Prozess erfordert eventuell ein wenig Feintuning, um sicherzustellen, dass Ihre importierte Webseite Ihren Vorstellungen entspricht.

In diesem Tutorial konzentrieren wir uns bei den restlichen Schritten auf die Vorlage "Im Aufbau". Websitebuildertutorialvorlage.png

Schritt 2: Anpassung der Vorlage

In diesem neuen Bereich können Sie die Seite individuell anpassen. Hierfür wird ein Drag--Drop-Editor verwendet, mit dem Sie Ihre Seite ziehen und einfügen bearbeiten können. Das heißt, Sie können hier (1) bspw. auf "Text" mit einem Mausklick erstellen oder per Drag & Drop in Richtung der Webseite (2) ziehen und dort an gewünschter Stelle einfügen und anpassen. Zu den verschiedenen Elementen gibt es auch mehrere Vorlagen, wie sowas bspw. aussehen könnte. Sie können auch bereits erstellte Elemente bearbeiten oder austauschen. Wenn Sie mit einer Vorlage arbeiten sollten, bei der schon mehrere Seiten vorhanden sind, können Sie die einzelnen Seiten oben links bei "Home" auswählen (3). Websitebuildertutorialvorlageanpassen.png