KI-Website-Generator

Um den Website-Erstellungsprozess zu beschleunigen, können Sie unseren KI-Assistenten verwenden, um schnell eine Website mit mehreren Seiten, verschiedenen Seitenlayouts und Inhalten zu generieren, die auf den Geschäftsinformationen und Markenrichtlinien Ihres Kunden basieren.

Weitere Informationen finden Sie hier:

Benutzerdefinierte Farbpalette im KI-Website-Generator

Der KI-Website-Generator kann aus einem hochgeladenen Logo eine individuelle Farbpalette erstellen.

Neue Vorlagen, die ausschließlich für Editor 2.0 erstellt wurden.

Wir erstellen wunderschöne Vorlagen für die Editor 2.0 Website.

Mega Menu

Ein Mega-Menü ist eine Art Navigationsmenü, das häufig auf Websites verwendet wird, um eine große Menge an Inhalten oder Optionen strukturiert und optisch ansprechend darzustellen. Im Gegensatz zu einem herkömmlichen Dropdown-Menü, das eine einzelne Spalte mit Links anzeigt, erstreckt sich das Mega-Menü horizontal weiter. Typische Anwendungsfälle sind E-Commerce-Websites mit vielen Produktkategorien, Reise-Websites mit vielen Reisezielen oder Dienstleistungsunternehmen, die ein breites Leistungsspektrum anbieten.

Weitere Informationen finden Sie im Support-Artikel zum Mega-Menü.

Abschnittslayouts auf desktop

Wenn Sie im Editor auf +Abschnitt hinzufügen klicken, sehen Sie eine Layout-Option mit vordefinierten leeren Layouts zur Auswahl.

Speichern und fügen Sie gestaltete Abschnitte im Header hinzu.

Sie können Ihrem Header sowohl leere als auch gestaltete Abschnitte hinzufügen. Sie können auch Header-Abschnitte speichern, um sie auf anderen Websites oder in anderen Projekten wiederzuverwenden.

Ausblenden pro Gerät und auf allen Geräten

Elemente lassen sich mit wenigen Klicks pro Gerät oder auf allen Geräten einfach ausblenden (und wieder einblenden).

Weitere Informationen finden Sie in unserem Supportartikel zu Manage Elements .

Footer ausblenden

Wie Sie die Fußzeile pro Gerät einfach ausblenden können, erfahren Sie in unserem Support-Artikel zur Fußzeile .

Standardmäßiger „unten“-Anker auf allen Seiten

Im Link-Picker können Sie die Ankeroption verwenden, um jedes verlinkbare widget direkt mit dem Ende einer bestimmten Seite zu verknüpfen. Um Ihnen Zeit zu sparen, wird standardmäßig für jede Seite ein "unten"-Anker erstellt.

Lernpanel

Wir fügen unserer Editor 2.0-Bibliothek weitere Schritt-für-Schritt-Anleitungen hinzu, damit Sie Ihre fortgeschrittenen Designfähigkeiten schnell verbessern und ansprechende visuelle Effekte in der von Ihnen erstellten Website erzeugen können. Um auf das Lernpanel zuzugreifen, klicken Sie in der Seitenleiste des Editors auf Mehr und wählen Sie dann Lernen aus.

Das Ebenen-Bedienfeld bleibt beim Seitenwechsel geöffnet.

Das Ebenen-Bedienfeld bleibt auch beim Seitenwechsel geöffnet, sodass Sie Zeit sparen und das Bedienfeld nicht wiederholt öffnen müssen.

Die Bedienfelder „Design“, „Ebenen“ und „Lernen“ verschieben standardmäßig die Arbeitsfläche.

Wenn die Bedienfelder „Design“, „Ebenen“ und „Lernen“ geöffnet sind, verdecken sie nicht die Arbeitsfläche, sondern schieben sie zur Seite, sodass Sie weiterhin alles sehen können.

Steuerung der granularen inneren Säule (Raum zwischen den Elementen)

Sie können die Standardabstände für neue innere Spalten festlegen. Dies ermöglicht Ihnen eine detaillierte Kontrolle über den Abstand zwischen den Elementen.

Weitere Informationen finden Sie im Supportartikel zum Website-Theme.

Auffindbarkeit von Website-Kommentaren für Kunden

Wir haben die Auffindbarkeit von Website-Kommentaren im Editor verbessert, indem wir sie auf bestimmten dynamischen Seiten und store verfügbar gemacht haben. Darüber hinaus können Sie jetzt das Fenster eines bestehenden Kommentars verschieben, um das spezifische Website-Element im Canvas anzuzeigen, auf dem er hinterlassen wurde.

Weitere Informationen finden Sie im Support-Artikel zu Website-Kommentaren.

Responsiver Text

Wenn die Textskalierung aktiviert ist, wird die Textgröße automatisch an die Bildschirmgröße des Besuchers Ihrer Website angepasst. Dies verbessert Lesbarkeit, Reaktionsfähigkeit und Zugänglichkeit.

Weitere Informationen finden Sie in unserem Support-Artikel zum Thema Website-Themes.

Farbänderung beim Scrollen

Sie können für Ihren Abschnitt eine Hintergrundfarbe festlegen, die sich beim Scrollen des Benutzers durch den Abschnitt sanft ändert. Dies kann die Interaktion steigern, indem eine dynamische visuelle Unterbrechung hinzugefügt und Inhaltsübergänge signalisiert werden.

Weitere Informationen finden Sie im Supportartikel zu Element-Hintergründen.

Bildhintergrund pro Bildschirmgröße festlegen

Weitere Informationen finden Sie im Support-Artikel zur Hintergrundbild-Konfiguration.

Parallax-Effekt auf dem Hintergrundbild bei allen Bildschirmgrößen

Parallaxe ist ein Designeffekt, bei dem sich Hintergrundelemente beim Scrollen auf einer Webseite langsamer bewegen als Vordergrundelemente. Dadurch entsteht eine Illusion von Tiefe und ein dynamischeres, ansprechenderes visuelles Erlebnis.

Weitere Informationen finden Sie im Supportartikel zur Hintergrundbild-Konfiguration.

Geschwindigkeitsschieberegler für Parallaxe Hintergrundbild

Bei Parallax-Hintergrundbildern können Sie mit dem Geschwindigkeits-Schieberegler steuern, mit welcher Geschwindigkeit sich das Hintergrundbild bewegt, während der Besucher auf der Seite nach unten scrollt.

Hover-Effekte auf Containern

Mehr Informationen darüber, wie Sie einem Container einen Hover-Effekt hinzufügen, finden Sie im Abschnitt „Animation und Hintergrund“ des Supportartikels „Design mit Flex“.

Header-Überlappung pro Haltepunkt

Sie haben die Möglichkeit, die Kopfzeile so einzustellen, dass sie sich mit dem Inhalt der ersten Zeilen der Seite überschneidet. Dadurch entsteht ein optisch ansprechender Effekt, bei dem sich die Kopfzeile nahtlos in den Inhalt einfügt.

Weitere Informationen finden Sie im Support-Artikel zur Header-Überlappung.

Feinabgestimmte Kontrolle über die Breite des Website-Inhalts

Sie können die Breite von Abschnitten, die nicht die volle Breite einnehmen, steuern. Dies kann die Lesbarkeit verbessern, insbesondere bei textlastigen Abschnitten wie Blog-Beiträgen oder Infoblöcken.

Weitere Informationen finden Sie im Support-Artikel zu Breite und Abständen.

Verbesserter Fotoeditor und Funktion zum Entfernen von Fotohintergründen

Wir haben unseren Bild-Editor aktualisiert, sodass er jetzt mehr Optionen bietet. Die wichtigste davon ist das Entfernen des Bildhintergrunds.

Mehr dazu erfahren Sie im Bild-Editor-Supportartikel.

Themenabstände für Abschnitte und Spalten

Sie können Standardabstände und -breiten für neue Abschnitte, Spalten und innere Spalten definieren, die Ihrer Website hinzugefügt werden.

Weitere Informationen finden Sie im Support-Artikel zu Breite und Abständen.

Inline-Ränder

Bei Elementen innerhalb einer Spalte oder einer inneren Spalte können Sie den Rand des Elements schnell anpassen, indem Sie die Kanten des Elements auf der Arbeitsfläche in die gleiche Richtung wie die Spalte ziehen.

Weitere Informationen finden Sie im Support-Artikel zu Inline-Rändern.

Hamburger widget

Mit dem Hamburger-Menü widget können Sie die Menüsymbole an beliebiger Stelle im Header oder auch in anderen Bereichen der Website platzieren und ausrichten sowie deren Farbe, Größe und Design anpassen. Sie können aus der Symbolbibliothek auswählen oder Ihre eigenen Symbole hochladen.

Weitere Informationen finden Sie im Support-Artikel zum Hamburger-Menü.

widgetErweiterte Registerkarten“

Das widget „Erweiterte Tabs“ ermöglicht es Website-Besuchern, zwischen Tabs zu klicken (anstatt durch den Text zu scrollen), um verwandte Inhalte anzuzeigen.

Weitere Informationen finden Sie im Supportartikel zu Advanced Tabs.

Erweitertes Akkordeon widget

Das Advanced Accordion widget bietet zusätzliche Designflexibilität, indem Sie jedes Akkordeon-Element individuell anpassen können. Jeder Akkordeon-Bereich kann erweitert werden, wenn er angeklickt wird, so dass Website-Besucher schnell auf Informationen zugreifen und an dem vorbeiscrollen können, was sie nicht benötigen. Mit dem Advanced Accordion lassen sich Inhalte wie häufig gestellte Fragen, Produkthighlights oder bevorstehende Veranstaltungen kompakt darstellen.

Weitere Informationen finden Sie im Supportartikel zu Advanced Accordion.

Erweitertes Formular- widget

Mit dem Advanced Forms widget können Sie individuelle Formulare erstellen, die sowohl das Engagement als auch die Konversionsrate steigern und sich nahtlos in Ihr Website-Design integrieren lassen. Sie können beispielsweise ein Formular erstellen, um Informationen über potenzielle Kunden zu sammeln, Kundenfeedback einzuholen oder die Registrierung für Konten und Veranstaltungen anzubieten.

Weitere Informationen finden Sie im Supportartikel zu Advanced Forms.

Feste/angeheftete Schaltfläche

Feststehende oder angeheftete Schaltflächen bleiben so lange an ihrem übergeordneten Element (Spalte oder innere Spalte) haften, wie sich das übergeordnete Element im Sichtfeld befindet.

Weitere Informationen finden Sie im Supportartikel zur angehefteten Schaltfläche.

Option „Bis ganz nach unten scrollen“ in der Linkauswahl

Wir haben in Editor 2.0 eine neue Option zum Scrollen nach unten im Link-Picker hinzugefügt, wenn Sie das Schaltflächen- und Symbol- widget bearbeiten. Dadurch können Website-Besucher direkt zum Ende der Fußzeile scrollen.

Weitere Informationen finden Sie im Link Picker-Supportartikel.

Link zu einem Container

Über die Linkauswahl können Sie einen Link zu einem Container (Spalte, innere Spalte oder erweitertes Raster) erstellen.

Weitere Informationen finden Sie im Link Picker-Supportartikel.

Mehrere Blog-Layouts

Innerhalb desselben Blogs können Sie für verschiedene Inhaltsarten unterschiedliche Layouts verwenden. Ob Nachrichten-Updates, Fallstudien, SEO-Artikel oder Portfolio-Beiträge – jeder Beitrag kann sein eigenes, perfektes Design haben.

Mehr dazu erfahren Sie im Blog-Supportartikel.