Funktionen, die nur in Editor 2.0 verfügbar sind

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:

KI-Website-Generator via API

Mit der KI-Website-Generierungs-API von Duda können Sie mithilfe unserer KI-Funktionen automatisch eine komplette Website erstellen. Diese Funktion ermöglicht es Duda-Partnern, Websites zu erstellen, ohne die KI-Builder-Oberfläche verwenden zu müssen. Die API erstellt eine Website basierend auf den von Ihnen angegebenen Geschäftsinformationen, Themendetails und Inhaltsanforderungen.

Weitere Informationen finden Sie in unserer Entwicklerdokumentation.

Benutzerdefinierte Farbpalette im KI-Website-Generator

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

Benutzerdefinierte Vorlagenkategorien

Sie können Ihren benutzerdefinierten Vorlagen eine oder mehrere Kategorien zuweisen. Dies bedeutet eine wesentlich organisiertere Möglichkeit, Ihre benutzerdefinierten Vorlagen projekt- und clientübergreifend zu suchen, zu filtern und zu verwenden.

Weitere Informationen finden Sie im Produktupdate zu benutzerdefinierten Vorlagenkategorien.

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

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

Sehen Sie sich einige unserer neueren Vorlagen an, die mit Editor 2.0 erstellt wurden:

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 zu Mega Menu und im Produkt-Update zu Mega Menu.

Abschnittslayouts auf desktop

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

Weitere Informationen finden Sie im Abschnittslayout des desktop Produktupdates.

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.

Mehr dazu erfahren Sie in unserem Produkt-Update zum Lernpanel.

Lerntafel mit weißer Beschriftung

Ein weißes Beschriftungs-Lernfeld bietet markenneutrale Editor 2.0-Tutorials, die Ihren Kunden helfen, ihre fortgeschrittenen Designfähigkeiten zu verbessern.

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-Kommentare und im Produkt-Update zu Website-Kommentare.

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 Elementhintergründen und im Produktupdate zur Farbänderung beim Scrollen.

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 Hintergrundbildkonfiguration, im Produktupdate zum Parallax-Effekt und in den Parallax-Blogbeiträgen.

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

Weitere Informationen zum Hinzufügen eines Hover-Effekts zu einem Container finden Sie im Abschnitt „Animation und Hintergrund“ des Support-Artikels „Design mit Flex“ sowie im Produktupdatehover Animation.

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.

Weitere Informationen finden Sie im Bild-Editor-Supportartikel und in unserem Bild-Editor-Produktupdate.

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 zu Hamburger Menu und im Produkt-Update zu Hamburger Menu.

widget„Erweiterte 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 Gestaltungsflexibilität, da Sie jedes Akkordeon-Element individuell anpassen können. Jeder Akkordeonabschnitt lässt sich durch Anklicken erweitern, sodass Website-Besucher schnell auf Informationen zugreifen und an dem vorbeiscrollen können, was sie nicht benötigen. Das erweiterte Akkordeon kann verwendet werden, um Inhalte wie häufig gestellte Fragen, Produkt-Highlights oder bevorstehende Veranstaltungen kompakt anzuzeigen.

Weitere Informationen finden Sie im Support-Artikel zu Advanced Accordion.

widgetErweitertes Formular“

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 Form und in unserem Produktupdate zu Advanced Form.

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 und in unserem Produktupdate „Scrollen bis zum Ende“.

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.

Weitere Informationen finden Sie im Blog-Supportartikel und in unserem Produktupdate zum Blog-Layout.