Der Wix Harmony Editor ist ein hybrider Editor, der vertraute Drag-and-Drop-Steuerelemente mit integrierter KI-Unterstützung kombiniert. Egal, ob dies deine allererste Website oder dein nächstes große...

Wix Harmony Editor: Eine Einführung

Entdecke den Wix Harmony Editor, einen hybriden Editor, der Drag-and-Drop-Funktionen mit KI-Unterstützung kombiniert. Du kannst deine Website selbst gestalten oder Aria, deinen KI-Partner, um Hilfe bitten, um deine Vision zum Leben zu erwecken. Mit professionellen Vorlagen, anpassbaren Designs und der Möglichkeit zur Zusammenarbeit in Echtzeit erreichst du deine Ziele schnell und einfach. Lerne, wie du deine Website responsiv gestaltest und deinen einzigartigen Stil umsetzt, um ein beeindruckendes Online-Erlebnis zu schaffen.

<div data-component-type="text"><div>Der Wix Harmony Editor ist ein hybrider Editor, der vertraute Drag-and-Drop-Steuerelemente mit integrierter KI-Unterstützung kombiniert. Egal, ob dies deine allererste Website oder dein nächstes großes Projekt ist, du kannst alles selbst verschieben und bearbeiten, die KI um Hilfe bitten oder beides kombinieren, damit du dich immer sicher fühlst.</div></div><div data-component-type="text"><div>Aria, dein KI-Partner innerhalb des Editors, läuft auf der vollständig verwalteten, zuverlässigen Plattform von Wix Harmony. Du kannst Fragen in deinen eigenen Worten stellen, sofortige Anleitung erhalten und Aria Aktionen für dich ausführen lassen, während du die Kontrolle über jede Änderung behältst und dich darauf konzentrierst, deine Vision zum Leben zu erwecken.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="Der Wix Harmony Editor beim ersten Öffnen mit einer gestalteten Website" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mit Wix Harmony erstellen:</div><div class="info-content"><div>Erlebe die nächste Generation der Website-Erstellung mit <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Wechsle fließend zwischen Prompts für deinen KI-Mitarbeiter des Support-Teams und präzisem Drag-and-Drop, sodass sich das Erstellen so natürlich wie das Denken anfühlt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deine-ziele-schneller-erreichen" level="3">Deine Ziele schneller erreichen</h2></div><div data-component-type="text"><div>Wix Harmony bietet dir integrierte Tools für jede Art von Ziel, egal ob du einen Shop herausbringen, ein Portfolio teilen, einen Blog starten oder etwas anderes möchtest. Beginne mit professionell gestalteten Website-Templates und fertigen Abschnitten oder verwende die KI, um schnell Seiten und Abschnitte zu generieren. Passe die Layouts, Bilder und Texte so viel oder so wenig an, wie du möchtest.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/5ed4a239-d745-481e-9c45-539dbcc9375c/a1a7a047-4b8d-4437-8375-c990c21f75e0.png" alt="Das Panel „Abschnitt hinzufügen“ in Wix Harmony mit gestalteten Abschnitten und dem Hover-Effekt über der Option, mit KI zu generieren" /></div></div><div data-component-type="text"><div>Arbeitest du mit anderen zusammen? Du und alle, die du einlädst, können <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-editing-a-site-together" target="target">live an einer Website zusammenarbeiten</a> und gemeinsam an deinem Design arbeiten – und das alles in Echtzeit.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/c1817908-f36c-463f-83aa-edefce19f4c6/d00f1485-3fcf-4623-b730-fe15110c971d.png" alt="Mit der Maus über das Bild eines Mitbearbeiters im Wix Harmony Editor fahren, um dessen Namen, E-Mail-Adresse und die aktuelle Seite anzuzeigen" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="die-kontrolle-ber-dein-design-behalten" level="3">Die Kontrolle über dein Design behalten</h2></div><div data-component-type="text"><div>Mit Wix Harmony bist du nie auf eine Arbeitsweise beschränkt – erstelle deine Website visuell mit präzisem Drag-and-Drop oder lasse die KI Designs generieren, die du anschließend verfeinern kannst. </div></div><div data-component-type="text"><div>Du kannst es einfach halten, indem du fertige Templates verwendest, oder tiefer eintauchen und jedes Detail anpassen – das liegt ganz bei dir. Füge Elemente hinzu, verschiebe Content und passe das Layout an, um genau das Design zu erhalten, das du dir vorstellst. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/82b7ba81-e419-407c-b2f9-701c7f814f6b/2d5321e8-7e5c-4ace-be3f-42117653212b.png" alt="Einen Button im Wix Harmony Editor ziehen, um die Design Guides und Elementgrößen in Pix anzuzeigen" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="mit-leichtigkeit-erstellen" level="3">Mit Leichtigkeit erstellen</h2></div><div data-component-type="text"><div>Alles im Harmony Editor ist darauf ausgelegt, einfach zu sein, selbst wenn du noch nie eine Website erstellt hast. Die dynamische Aktionsleiste am oberen Rand zeigt die relevantesten Tools für das Element an, an dem du gerade arbeitest. Die Benutzeroberfläche ist übersichtlich und leicht zu erfassen, sodass du weniger Zeit mit Suchen und mehr Zeit damit verbringst, das Design deiner Website so zu gestalten, wie du es möchtest.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="Ein Textelement ist im Wix Harmony Editor ausgewählt und die Aktionsleiste erscheint über der Seite" /></div></div><div data-component-type="text"><div>Benötigst du Hilfe bei der Arbeit an einem Element? Klicke in der Aktionsleiste auf <strong>KI fragen</strong>, um den Chat mit Aria zu starten. Wähle einen unserer Schnellvorschläge (z. B. „Neues Design generieren“, „Layout korrigieren“) oder gib deine eigene Frage ein und lasse Aria diese für dich handhaben.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3f8c613e-3624-43e9-a9ed-cedfd244dd1a/614a9d55-150c-4a16-a86b-3eb49b6b1bab.png" alt="Ein von der KI generierter Abschnitt neben dem Chat mit Aria, der zur Erstellung des Abschnitts geführt hat" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gut zu wissen:</div><div class="info-content"><div>Klicke unten rechts im Editor auf das Symbol für Aria, um jederzeit einen neuen Chat zu starten.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deinen-einzigartigen-stil-umsetzen" level="3">Deinen einzigartigen Stil umsetzen</h2></div><div data-component-type="text"><div>Gestalte das Design deiner Website so, dass es zu dir passt. Verwende das <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Marken-Panel</a>, um deine Farbpalette, Schriftarten und Stile für Elemente festzulegen, die du auf der gesamten Website verwendest, damit dein gesamtes Design konsistent und professionell bleibt.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/876cdf2a-cb95-40f5-9045-278d08ed8559/eb8f1b4a-2835-4e85-814e-0a8887050dc9.png" alt="Das aktuelle Branding-Kit einer Website im Branding-Panel im Wix Harmony Editor" /></div></div><div data-component-type="text"><div>Verleihe deiner Website eine persönliche Note, indem du aus Tausenden von kostenlosen Grafiken, Bildern, Videos, Symbolen für Verschiedenes und mehr wählst – alles in Kategorien organisiert und im <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-elements" target="target">Element-Panel hinzufügen</a> leicht zu finden. Du kannst auch ausdrucksstarke <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-customizing-an-animation" target="target">Animationen</a> auf deine Elemente anwenden, um das Interesse deiner Besucher zu wecken.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/f77a8eb8-4c17-454b-b6c8-2d6f53162533/e9669b50-5044-4de1-a2be-e12b9407d441.gif" alt="Der Haupt-Tab des Element-Panels im Wix Harmony Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Interessiert an etwas völlig individuellem?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-generating-an-element-with-ai" target="target">Generiere dein eigenes einzigartiges Element</a> mit KI. Dies bietet dir unendlich viele weitere Optionen, ohne dass du Design- oder Programmiererfahrung benötigst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ein-nahtloses-responsives-erlebnis-kreieren" level="3">Ein nahtloses responsives Erlebnis kreieren</h2></div><div data-component-type="text"><div>Mit Wix Harmony ist deine Website von Wix automatisch responsiv. Sie passt sich sofort an und sieht auf jedem Gerät gut aus, vom Desktop bis zum Smartphone. Du musst keine separate Version für Mobilgeräte erstellen und brauchst dir keine Gedanken darüber zu machen, wie deine Website auf verschiedenen Geräten aussieht.</div></div><div data-component-type="text"><div>Möchtest du dein mobiles Erlebnis optimieren? <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adjusting-your-site-for-mobile" target="target">Wechsle jederzeit zur mobilen Ansicht</a> im Editor. Du kannst die Größe von Elementen anpassen und diese verschieben, Elemente für Mobilgeräte ausblenden oder sogar reine Mobilgeräte-Elemente hinzufügen, damit deine Website für jeden Besucher reibungslos funktioniert. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/f893d1af-8547-4550-997a-9b60d3a31a7c/355bc9b3-a92a-4206-8670-ba6ac64a91a1.gif" alt="Auf das Symbol für Mobilgerät im Wix Harmony Editor klicken und die automatisch angepasste mobile Ansicht sehen" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es Elemente oder Wix Apps, die im Wix Harmony Editor nicht verfügbar sind?</h4><div class="collapsible-content"><div>Die meisten Apps sind in Wix Harmony verfügbar. Du findest die verfügbaren Apps, indem du den App-Markt innerhalb des Wix Harmony Editors und in der Website-Verwaltung überprüfst, so wie du es aktuell tust.</div><div><br /></div><div>Es gibt jedoch einige Elemente, Effekte und Apps von Wix, an deren Integration in Wix Harmony wir gerade arbeiten:</div><div><br /></div><div>Apps von Wix:</div><ul> <li>CMS</li>  <li>Wix Chat und KI-Website-Chat von Wix</li>  <li>Wix Donations</li>  <li>Wix Hotels</li>  <li>Wix Music</li>  <li>Wix Multilingual</li>  <li>Wix Restaurants Orders (Neu)</li>  <li>Treue- und Empfehlungsprogramme von Wix</li></ul><div><br /></div><div>Elemente und Effekte:</div><ul> <li>Akkordeon</li>  <li>Audio-Player</li>  <li>Anpassung des Hover-Zustands (beim Entwerfen von Elementen)</li>  <li>Glas-Effekt</li>  <li>Tabs</li>  <li>Textmaske</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ist der Wix Harmony Editor in anderen Sprachen verfügbar?</h4><div class="collapsible-content"><div>Aktuell ist Wix Harmony (und Aria) nur auf Englisch verfügbar. Es ist geplant, dies im Zeitverlauf auf weitere Sprachen auszudehnen. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bereit loszulegen?</div><div class="info-content"><div>Lerne den Editor in unserem Artikel über die <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-a-guided-tour" target="target">geführte Tour</a> kennen.</div></div></div></div>

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, finde...

Wix Harmony Editor: Mit Aria arbeiten

Entdecke, wie du den neuen Wix Harmony Editor nutzen kannst, um deine Website mit der Unterstützung von Aria, deiner integrierten KI-Partnerin, zu gestalten. Aria hilft dir, Inhalte zu erstellen, Designvorschläge zu machen und deine Ideen schneller umzusetzen. Lerne, wie du Aria aktivierst und welche Aufgaben sie für dich übernehmen kann, um deine Website intuitiv und effizient zu gestalten.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Bei der Erstellung deiner Website im Wix Harmony Editor geht es darum, deine Ideen mit der Kraft von KI zu kombinieren. Aria, deine integrierte KI-Partnerin, hilft dir beim Build und Design deiner Website, indem er Content erstellt und hilfreiche Vorschläge sowie Inspirationen liefert. Mit Aria wird die Umsetzung deiner Vision schneller, einfacher und viel intuitiver.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/b5dfe2f8-1913-4573-a1bd-bf7669c56dac/e26f0421-9883-49e2-a43b-bb2487969963.png" alt="Ein Marketing-Screenshot der Verwendung von Aria in Wix Harmony." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Aria wird durch KI unterstützt und kann daher unerwartete oder ungenaue Ergebnisse liefern. Überprüfe die Vorschläge oder Änderungen von Aria immer, bevor du deine Website fertigstellst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessing-aria" level="3">Auf Aria zugreifen</h2></div><div data-component-type="text"><div>Du kannst auf Aria zugreifen, indem du unten rechts im Editor auf <strong>Ask Aria</strong> klickst. Beginne einfach mit dem Chatten, wann immer du eine Aufgabe, eine Idee oder eine Frage zu deiner Website hast.</div></div><div data-component-type="heading"><h2 id="" level="4">Wenn du Aria verwendest, kannst du:</h2></div><div data-component-type="text"><ul> <li><strong>Eine Nachricht senden: </strong>Gib deine Nachricht in das Textfeld ein oder klicke auf das Symbol für <strong>Sprachsteuerung</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/11/20/0c279fdd-e61f-4db3-b2a0-1f24288e9534/68c85b13-d810-4de3-8319-6fa1d9b0e2e2.png" />, um zu sprechen.</li> <li><strong>Dateien und Bilder teilen: </strong>Klicke auf das Symbol für <strong>Hinzufügen</strong> <strong>+</strong>, um Bilder oder Dateien von deinem Computer hochzuladen, oder füge Medien aus deiner <a data-composite="true" href="https://support.wix.com/de/article/wix-media-über-die-medienverwaltung" target="target">Medienverwaltung</a> hinzu.</li> <li><strong>Einen neuen Chat starten: </strong>Klicke auf das Symbol für <strong>Neuer Chat</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/11/20/70db3b37-d82b-4070-ba40-0acc0902a78f/d35f52c5-69c3-4e80-b197-4b197bd42fa6.png" />, um eine Unterhaltung zu einem anderen Thema zu beginnen.</li> <li><strong>Ein Element taggen: </strong>Wähle ein Element in deinem Editor aus und tagge es automatisch im Chat, damit du nicht erklären musst, an welchem Element du gerade arbeitest. Sende einfach deine Anfrage und Aria weiß genau, was zu aktualisieren ist.</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/75b80507-4757-4926-b089-8b2bb8d94d96/b4be46c2-6abc-4964-9597-af7565f00954.png" alt="Ein Screenshot des Aria-Panels im Wix Harmony Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-can-aria-help-me-with" level="3">Wobei kann Aria mir helfen?</h2></div><div data-component-type="text"><div>Aria deckt ein weites Spektrum an Aufgaben für den Website-Build und die Verwaltung ab, sodass du deine Ideen schneller und mit klarer Anleitung umsetzen kannst. Sie kennt deine Website und dein Unternehmen, sodass sie Antworten und Vorschläge für dich personalisieren kann.</div></div><div data-component-type="heading"><h2 id="" level="4">Aria kann dir bei Folgendem helfen:</h2></div><div data-component-type="text"><ul> <li><strong>Deine Website designen und strukturieren:</strong> Erstelle, bearbeite und organisiere Seiten, Abschnitte und Layouts nach deinen Bedürfnissen. Aria kann auch Elemente auf deiner Website hinzufügen und bearbeiten und dir dabei helfen, jede Seite so zu gestalten, wie du es möchtest.</li> <li><strong>Das Design deiner Website personalisieren: </strong><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Aktualisiere deine Marke</a> mit einheitlichen Farben, Schriftarten und Elementen auf deiner gesamten Website.</li> <li><strong>Content generieren und aktualisieren:</strong> Schreibe oder verfeinere Texte, generiere und verbessere Bilder und verwalte die Medien deiner Website.</li> <li><strong>Unternehmensfunktionen verbessern und verwalten:</strong> Füge Apps hinzu oder aktualisiere sie und verwalte Website-Einstellungen direkt im Chat.</li> <li><strong>Schnelle Hilfe und Antworten erhalten:</strong> Stelle Fragen zu Website-Funktionen, Einstellungen, SEO oder dazu, wie du bestimmte Aktionen ausführst.</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/88a49eae-825b-4c7c-8859-5d343ed59545/c58fd712-3172-43f7-97b2-78032fe313bf.png" alt="Ein Screenshot eines geöffneten Chats mit Aria im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Du hast immer die unbeschränkte Kontrolle über deine Designentscheidungen. Alles, was Aria tun kann, kannst du auch manuell anpassen oder bearbeiten.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-ask-aria" level="3">„Ask Aria“ verwenden</h2></div><div data-component-type="text"><div>Neben dem Haupt-Chat hast du auch die Option <strong>Aria fragen</strong> in der Aktionsleiste. Wann immer du Elemente wie Texte, Bilder oder Abschnitte bearbeitest, bietet „KI fragen“ sofortige Vorschläge speziell für dieses Element.</div></div><div data-component-type="text"><div>Wenn du zum Beispiel ein Textfeld bearbeitest, erhältst du Optionen, um den Text kürzer oder länger zu machen, ihn umzuschreiben oder den Tonfall zu ändern. Wenn du einen Abschnitt bearbeitest, kannst du mit nur einem Klick neue Abschnitts-Layouts generieren oder den Zeichenabstand korrigieren.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/eb3723b5-5824-4929-9d43-5b5b43c58c93/0c8b7eb3-3a1b-4c13-be25-91f57f70f465.png" alt="Ein Screenshot, der den Button „Aria fragen“ im Wix Harmony Editor hervorhebt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr über die Arbeit mit Aria zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann Aria die Einstellungen meiner Website-Verwaltung verwalten?</h4><div class="collapsible-content"><div>Nein, Aria konzentriert sich darauf, dir beim Build und Design deiner Website im Wix Harmony Editor zu helfen. Wenn deine Anfrage Änderungen in deiner Verwaltung betrifft, wird Aria dich dorthin weiterleiten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was sollte ich über die Verwendung von KI-generiertem Content wissen?</h4><div class="collapsible-content"><div>Bevor du KI-generierten Content verwendest, empfehlen wir dir, doppelt zu überprüfen, ob du das Recht hast, diesen zu verwenden. <a data-composite="true" href="https://support.wix.com/de/article/die-potenziellen-risiken-der-verwendung-generativer-ki-tools-verstehen" target="target">Überprüfe die potenziellen Risiken bei der Verwendung von Tools für generative KI</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist der Unterschied zwischen Aria und „Ask Aria“?</h4><div class="collapsible-content"><div><strong>Aria</strong> ist der allgemeine KI-Chat im Wix Harmony Editor. Du kannst jede Anfrage oder Frage an den Chat senden, daher ist er nützlich, um Antworten, Ideen und Erklärungen zu vielen verschiedenen Themen zu erhalten.</div><div>Der Button <strong>Aria fragen</strong> in der Aktionsleiste ist kontextspezifisch und gibt dir Vorschläge für die Bearbeitung der Website und Design-Änderungen, basierend auf dem, woran du gerade arbeitest. Wenn du auf eine Aktion klickst, wird die Anfrage an Aria gesendet und Aria arbeitet dann sofort an der Änderung für dich.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mit Wix Harmony erstellen:</div><div class="info-content"><div>Erlebe die nächste Generation der Website-Erstellung mit <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Wechsle fließend zwischen Prompts für deinen KI-Mitarbeiter des Support-Teams und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich wie das Denken anfühlt.</div></div></div></div>

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfäh...

Wix Harmony Editor: Eine Website mithilfe von KI erstellen

Entdecke, wie du mit dem neuen Wix Harmony Editor in nur wenigen Schritten eine individuelle Website erstellen kannst, ganz ohne Designerfahrung. Lass Aria, deinen KI-unterstützten Assistenten, deine Website basierend auf deinen Ideen und Stilentscheidungen gestalten. Du erhältst eine professionelle Website, die zu deinem Unternehmen passt, und kannst sie nach Belieben anpassen. Lerne, wie du deine Seiten generierst und deinen Content hinzufügst, um online erfolgreich zu sein.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="target">erfährst du hier mehr darüber</a>.</div></div></div></div><div data-component-type="text"><div>Das Erstellen einer Website mit KI bietet dir eine individuelle Website, die zu deinen geschäftlichen Anforderungen, deiner Marke und deinem Stil passt – ganz ohne Designerfahrung. Aria, dein KI-Mitarbeiter des Support-Teams, optimiert den Prozess und führt dich in nur wenigen Schritten von deiner ersten Idee zu einer professionellen Website.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Bevor du loslegst:</div><div class="info-content"><div>Öffne eine neue Website und teile Details über dein Unternehmen mit, um eine personalisierte Verwaltung zu erhalten. Du kannst dies tun, indem du dich in dein Konto von Wix einloggst oder ein neues Konto erstellst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-create-a-new-site" level="3">Schritt 1 | Eine neue Website erstellen</h2></div><div data-component-type="text"><div>Wähle zu Beginn den besten Ansatz für dich: Lass Aria eine einzigartige Website basierend auf deiner Beschreibung und deinen Stilentscheidungen erstellen oder wähle ein empfohlenes Template, um dein Design zu starten. Beide Optionen machen es einfach, eine Website zu erstellen, die du unbeschränkt anpassen kannst.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Aria wird durch KI unterstützt und kann daher unerwartete oder ungenaue Ergebnisse liefern. Überprüfe die Vorschläge oder Änderungen von Aria immer, bevor du deine Website fertigstellst.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine neue Website zu erstellen:</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Go%20to%20Dashboard&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Öffne deine Website-Verwaltung</a>.</li>  <li>Klicke auf <strong>Website designen</strong>.</li>  <li>Wähle aus, wie du beginnen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mit einer Beschreibung beginnen</h4><div class="collapsible-content"><div>Basierend auf deinen Website-Infos generiert Aria eine vorgeschlagene Beschreibung, um zu erklären, wie das Website-Design aussehen und wirken soll. Du kannst diesen Prompt bearbeiten und auch weitere visuelle Elemente und Details hinzufügen, um deine Vision zu verfeinern.</div><ol> <li>Überprüfe die vorgeschlagene Beschreibung und bearbeite sie nach Bedarf. Füge weitere Informationen über dein Unternehmen, bevorzugte Farben, den Stil oder alles andere hinzu, was dir wichtig ist.</li>  <li>Klicke auf <strong>Website generieren</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mit einem Template beginnen</h4><div class="collapsible-content"><div>Du bist dir noch nicht sicher, was du willst? Durchsuche unsere Templates und finde eines, das dich anspricht. Alle Templates sind in hohem Maße anpassbar. Sobald es auf deine Website angewendet wurde, kannst du alle gewünschten Änderungen am Design vornehmen.</div><ol> <li>Scrolle nach unten zu den empfohlenen Templates.</li>  <li>Fahre mit der Maus über ein Template und wähle aus, was du tun möchtest:
    <ul>
      <li>Klicke auf <strong>Bearbeiten</strong>, um das Template sofort zu verwenden.</li>      <li>Klicke auf <strong>Ansehen</strong>, um eine Vorschau eines Templates anzuzeigen, bevor du eine Wahl triffst. Sobald du ein Template gefunden hast, das dir gefällt, klicke auf <strong>Diese Website bearbeiten</strong>, um fortzufahren.</li>    </ul>  </li></ol><div><br /></div><div><strong>Tipp:</strong> Wenn du kein passendes findest, klicke auf <strong>Alle ansehen</strong>, um auf unsere vollständige Template-Bibliothek zuzugreifen.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Du kannst jederzeit zu deiner Website-Verwaltung zurückkehren, indem du oben auf <strong>Zurück</strong> oder <strong>Vorerst mit der Einrichtung fortfahren</strong> klickst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-generate-your-site-pages" level="3">Schritt 2 | Deine Website-Seiten generieren</h2></div><div data-component-type="text"><div>Wenn du eine Beschreibung verwendet hast, macht sich Aria an die Arbeit, um deine Website zu erstellen. Sie generiert die Seiten, Layouts und Farben deiner Website und füllt deine Website mit Starter-Content und Bildern. Du siehst den Live-Fortschritt im Editor, während sie arbeitet.</div></div><div data-component-type="text"><div>Wenn deine Website bereit ist, wird eine Live-Vorschau im Editor geöffnet, zusammen mit Tools, um deine Website für die Veröffentlichung fertigzustellen. Nutze Aria, um eine <a data-composite="true" href="https://support.wix.com/de/article/eine-domain-bei-wix-erwerben" target="target">Domain zu verknüpfen</a>, dein Design weiter zu bearbeiten und deine Website-Details zu aktualisieren.</div></div><div data-component-type="text"><div>Du kannst Aria bitten, Änderungen am Design und an der Struktur deiner Website vorzunehmen, wie zum Beispiel neue Abschnitte zu generieren, die Website-Farben anzupassen, den Tonfall zu aktualisieren und vieles mehr.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Erfahre hier mehr über die <a data-composite="true" href="https://www.wix.com/features/ai" target="_blank">KI-Funktionen</a>, die Wix bietet, um dein Unternehmen online zu erstellen, zu verwalten und zu vergrößern.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich einen guten Prompt schreiben, um mit meiner Website zu starten?</h4><div class="collapsible-content"><div>Um einen guten Prompt für die Erstellung einer Website zu schreiben, solltest du den Zweck, den Stil und die wichtigsten Funktionen deiner Website klar und präzise beschreiben. Gib Details wie das Zielpublikum, gewünschte Abschnitte oder Seiten sowie bevorzugte Farben oder Design-Elemente an.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich der Website meinen eigenen Content hinzufügen, sobald sie generiert wurde?</h4><div class="collapsible-content"><div>Ja, sobald deine Website erstellt wurde, kannst du überall deinen eigenen Content (z. B. Texte und Bilder) hinzufügen. Du kannst alle gewünschten Änderungen am Design entweder manuell oder mit der Hilfe von Aria vornehmen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meine KI-generierte Website zu einem Standard-Template ändern?</h4><div class="collapsible-content"><div>Wenn du eine Website mit KI erstellt hast, kannst du diese nicht in ein anderes Template ändern. Du kannst jedoch <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-neues-template-für-deine-website-erhalten" target="target">eine neue Website erstellen und dein Premiumpaket auf diese neue Website übertragen</a>.</div></div></div></div>

Im Januar 2026 haben wir einen neuen Website-Baukasten veröffentlicht – den Wix Harmony Editor. Da sowohl der Wix Harmony Editor als auch der Wix Editor verfügbar sind, bist du dir vielleicht unsicher...

Wix Harmony Editor: Den Unterschied zwischen dem Wix Editor und Wix Harmony verstehen

Entdecke die Unterschiede zwischen dem Wix Harmony Editor und dem Wix Editor, um herauszufinden, welcher für dich am besten geeignet ist. Der Wix Harmony Editor bietet eine minimalistische Arbeitsumgebung mit sofortigem Zugriff auf wichtige Funktionen und integriert die KI-Partnerin Aria für Unterstützung. Lerne, wie du mit beiden Editoren professionelle Websites erstellen kannst, und erfahre mehr über die neuen Designs und Funktionen, die der Wix Harmony Editor bietet.

<div data-component-type="text"><div>Im Januar 2026 haben wir einen neuen Website-Baukasten veröffentlicht – den Wix Harmony Editor. Da sowohl der Wix Harmony Editor als auch der Wix Editor verfügbar sind, bist du dir vielleicht unsicher, mit welchem du arbeitest, besonders wenn du gerade erst loslegst oder etwas Unbekanntes siehst. </div></div><div data-component-type="text"><div>In diesem Artikel werden die wichtigsten Unterschiede zwischen den Editoren erläutert, damit du feststellen kannst, welchen du verwendest.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-harmony-editor" level="3">Der Wix Harmony Editor</h2></div><div data-component-type="text"><div>Der Wix Harmony Editor bietet eine übersichtliche, minimalistische Arbeitsumgebung, in der du dich mühelos konzentrieren kannst. Die wichtigsten Aktionen sind immer oben verfügbar (z. B. Hinzufügen, Marke, Seiten), um dir beim Loslegen zu helfen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="Der Wix Harmony Editor beim ersten Öffnen mit einer gestalteten Website" /></div></div><div data-component-type="text"><div>Das Auswählen eines Elements ruft die Aktionsleiste auf. Sie befindet sich direkt über der Seite und bietet dir sofortigen Zugriff auf Einstellungen und Tools, die auf deine aktuelle Arbeit zugeschnitten sind. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="Ein Textelement ist im Wix Harmony Editor ausgewählt und die Aktionsleiste erscheint über der Seite" /></div></div><div data-component-type="text"><div>Wix Harmony führt außerdem Aria ein, deine kompetente KI-Partnerin, die dir jederzeit zur Seite steht. Klicke unten im Editor auf <strong>Aria fragen</strong>, um den Chat zu starten. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3f8c613e-3624-43e9-a9ed-cedfd244dd1a/614a9d55-150c-4a16-a86b-3eb49b6b1bab.png" alt="Ein von der KI generierter Abschnitt neben dem Chat mit Aria, der zur Erstellung des Abschnitts geführt hat" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mit Wix Harmony erstellen:</div><div class="info-content"><div>Erlebe die nächste Generation der Website-Erstellung mit <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Wechsle fließend zwischen Prompts für deinen KI-Mitarbeiter des Support-Teams und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich wie das Denken anfühlt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-editor" level="3">Der Wix Editor</h2></div><div data-component-type="text"><div>Wenn du im Wix Editor arbeitest, siehst du auf der linken Seite des Tabs ein Panel mit großen Symbolen. Diese Symbole öffnen die Haupt-Panels wie „Elemente hinzufügen“, „Website-Design“ und mehr. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/a379624b-8122-4a6a-b1c7-5486e4890433/d4eee888-b62d-4a1e-b5f3-9f4a2f01d6c3.png" alt="Der Wix Editor mit hervorgehobenen Panels auf der linken Seite" /></div></div><div data-component-type="text"><div>Das Auswählen eines Elements ruft eine Symbolleiste mit den wichtigsten Aktionen auf, die du benötigst und die direkt über oder unter dem Element erscheint. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/08/06/5593c458-f673-471a-a1d9-fad81f55d074/0934cd9e-4d80-4c5b-92ff-f90788413169.jpeg" alt="Die Anpassungsoptionen im Wix Editor." /></div></div><div data-component-type="text"><div>Der Wix Editor enthält mehrere KI-Tools, die über das <strong>Symbol für KI-Tools</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/04667505-2c8a-4794-8ca3-1e5a9131f3fb/8b13e1d9-cc77-4ded-9761-04d4f0beeea6.png" /> unten links verfügbar sind. Im Gegensatz zum Wix Harmony Editor bietet er nicht die Möglichkeit, während des gesamten Erstellungsprozesses frei mit der KI zu chatten. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/99301477-ac33-45c2-b13b-71b1696fb256/72fda2bb-67c2-4414-8945-d9107ff52c61.png" alt="Das Panel für KI-Tools im Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Klicke auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es eine Möglichkeit, eine Website vom Wix Editor in den Wix Harmony Editor zu verschieben?</h4><div class="collapsible-content"><div>Aktuell ist es nicht möglich, eine bestehende Website vom Wix Editor in den Wix Harmony Editor zu übertragen. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Unterstützt der Wix Harmony Editor die gleichen Apps und Funktionen wie der Wix Editor?</h4><div class="collapsible-content"><div>Der Wix Harmony Editor enthält die meisten Elemente und Apps, die du bereits aus dem Wix Editor kennst. Du findest dort außerdem eine große Auswahl an neuen Designs, die speziell für Wix Harmony zusammengestellt wurden, sowie die Option, mithilfe von KI <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-generating-an-element-with-ai" target="target">deine eigenen Elemente zu generieren</a>.</div><div><br /></div><div>Wir arbeiten derzeit daran, Folgendes hinzuzufügen:</div><div><br /></div><div>Apps von Wix:</div><ul> <li>CMS</li>  <li>Wix Chat und Wix AI Site Chat</li>  <li>Wix Donations</li>  <li>Wix Hotels</li>  <li>Wix Music</li>  <li>Wix Multilingual</li>  <li>Wix Restaurants Orders (Neu)</li>  <li>Wix Treue- und Empfehlungsprogramme</li></ul><div><br /></div><div>Elemente und Effekte:</div><ul> <li>Akkordeon</li>  <li>Audio-Player</li>  <li>Individuelle Anpassung des Hover-Zustands (beim Designen von Elementen)</li>  <li>Glas-Effekt</li>  <li>Tabs</li>  <li>Textmaske</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Werden meine Website-Besucher einen Unterschied bemerken, je nachdem, welchen Editor ich verwende?</h4><div class="collapsible-content"><div>Nein, deine Website-Besucher werden nicht wissen, welchen Editor du verwendet hast – was sie sehen, hängt ganz von deinen Design-Entscheidungen ab. Mit beiden Editoren kannst du einzigartige, professionelle Websites erstellen. </div><div><br /></div><div>Abgesehen davon bietet dir Wix Harmony Zugriff auf neue Designs für Websites, Abschnitte und Elemente. Wenn du diese verwendest, könnte deine Website durch ein frischeres Design hervorstechen. </div></div></div></div>

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 freigegeben wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfährst...

Wix Harmony Editor: Deine Website für Mobilgeräte anpassen

Entdecke, wie du mit dem Wix Harmony Editor deine Website für mobile Geräte optimierst. Der Editor passt dein Desktop-Design automatisch an, sodass du nur einmal gestalten musst. Du kannst die mobile Ansicht anpassen, mobile-only Elemente hinzufügen und Elemente ausblenden, um das beste Nutzererlebnis zu schaffen. Lerne, wie du deine Anpassungen in der Vorschau anzeigen kannst, bevor du live gehst, und stelle sicher, dass deine Website auf allen Geräten gut aussieht.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 freigegeben wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="target">erfährst du hier mehr darüber</a>.</div></div></div></div><div data-component-type="text"><div>Da so viele Besucher mit ihrem Smartphone surfen, ist das Design deiner Website für Mobilgeräte wichtiger denn je. Im Wix Harmony Editor wird der schwierige Teil für dich erledigt — dein Design für den Desktop wird automatisch angepasst, um auf alle Tabs zu passen.</div></div><div data-component-type="text"><div>Öffne die mobile Ansicht, um zu sehen, wie deine Website auf den Mobilgeräten deiner Besucher aussieht. Du hast die Freiheit, das Design anzupassen, um das bestmögliche Erlebnis zu schaffen, egal auf welchem Gerät.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/6f20c21c-09a7-4d80-bf03-1f1c3f86f80e/845ac135-c257-44dd-9bed-782ba9e1205f.gif" alt="Klicken auf das Symbol für Mobilgerät im Wix Harmony Editor und Anzeigen der automatisch angepassten mobilen Ansicht" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bereit loszulegen?</div><div class="info-content"><div>Klicke auf das <strong>Symbol für Mobilgeräte</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/5a2b3320-ecee-419a-846c-9dd4f722ef70/a0f2961e-940d-4f6c-ac3b-1f89ab82fe88.png" /> oben rechts auf der Seite.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-connection-between-desktop-and-mobile" level="3">Die Verknüpfung zwischen Desktop und Mobilgerät</h2></div><div data-component-type="text"><div>Wenn du deine Website erstellst, gestaltest du dein Layout und deinen Stil zuerst auf dem Desktop. Änderungen auf Desktop-Ebene werden automatisch auf die mobile Ansicht und andere Tabs übertragen, sodass alles synchron bleibt. Das bedeutet, dass du nur einmal designen musst und deine Website sofort für Mobilgeräte, Tablets und Computer bereit ist.</div></div><div data-component-type="text"><div>Möchtest du, dass deine Website auf Mobilgeräten genau richtig aussieht? Du kannst sie optimieren, indem du die Größe, Farbe oder Platzierung von Elementen änderst, ohne die Desktop-Version zu beeinflussen. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/a31712a2-119e-4dfe-a86d-de3c71076de1/99b89e50-46f5-4f5a-9148-64bc7569e3a4.png" alt="Auswählen eines Textelements in der mobilen Ansicht des Wix Harmony Editors, um zu zeigen, dass es individuell anpassbar ist" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Achte darauf:</div><div class="info-content"><div>Einige Aktionen, wie das Verschieben von Elementen zwischen Abschnitten oder Containern, sind in der mobilen Ansicht deaktiviert. Dies hilft dabei, deine Website übersichtlich und auf allen Geräten einfach zu verwalten. Wenn du größere Änderungen vornehmen möchtest, wechsle zurück zum Desktop und erstelle dein Design dort weiter.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-mobile-only-elements" level="3">Nur für Mobilgeräte verfügbare Elemente hinzufügen</h2></div><div data-component-type="text"><div>Gestalte das mobile Erlebnis deiner Website einzigartig, indem du Elemente hinzufügst, die nur für Mobilgeräte bestimmt sind. Sobald du in die mobile Ansicht wechselst, ist alles, was du über das Element-Panel hinzufügst, ein Element nur für Mobilgeräte. </div></div><div data-component-type="text"><div>Da diese Elemente nicht auf deiner Desktop-Website erscheinen, kannst du sie nach Belieben gestalten und ihr Layout anpassen. Dies ist besonders praktisch, wenn du Desktop-Elemente ersetzen möchtest, die für kleinere Tabs weniger geeignet sind.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/ce9fd9b9-6e84-4fc7-b067-a8db4860b4c2/358a4196-15f1-423e-9c99-840efa8a36df.png" alt="Fahre mit der Maus über einen Button nur für Mobilgeräte in der mobilen Ansicht des Wix Harmony Editors" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Schon gewusst?</div><div class="info-content"><div>Im Ebenen-Panel siehst du ein Symbol <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/aa7047d4-0be5-4242-8e6f-5de615e4bbc0/48a6cce6-ed49-47f0-9349-81edd9dad64c.png" /> neben Elementen, die nur für Mobilgeräte bestimmt sind.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/a5243227-3ee6-4748-b17a-8d12e17b12bd/afe2c9d2-469e-4893-afee-b76e68bdee9d.png" alt="The Manage Layers panel in Wix Harmony, showing the mobile icon that appears next to mobile-only elements" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-elements-from-mobile" level="3">Elemente in der mobilen Ansicht ausblenden</h2></div><div data-component-type="text"><div>Du kannst jederzeit Elemente vom Desktop ausblenden, die du lieber nicht auf dem Smartphone anzeigen möchtest. Wechsle in die mobile Ansicht und öffne das Ebenen-Panel. Klicke dann auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/e305f227-730e-4f1b-857f-87f2d3edf7b0/99ad6fb6-3e03-494d-92ef-4db266fdd0a3.png" /> neben einem Element oder Abschnitt und wähle <strong>Ausblenden</strong>, damit es nur auf dem Desktop erscheint.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/d6435a5c-36bb-44cb-b809-486159eccae9/a10b2098-4684-41a9-823d-2ba34a092300.png" alt="Das Ebenen-Panel in der mobilen Ansicht in Wix Harmony, wobei geklickt wird, um einen Abschnitt auf dem Mobilgerät auszublenden." /></div></div><div data-component-type="text"><div>Klicke, immer noch im Ebenen-Panel, oben auf <strong>Auf Mobilgerät ausgeblendet</strong>, um die vollständige Liste der ausgeblendeten Elemente zu sehen. Wenn du deine Meinung über ein Element jemals änderst, klicke auf das Symbol für <strong>Auf Mobil</strong><strong>gerät anzeigen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/f20115f3-0501-4750-aecb-d3a642df92d8/505c9a06-1954-4619-8a10-b8582e103e5f.png" />, um es wieder sichtbar zu machen. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/ae4432f7-9cc8-488c-8c16-c0021e0f9efb/24bc7ee2-699f-4d11-8379-cfb42fbf0e1f.png" alt="Der Tab „Auf Mobilgerät ausgeblendet“ im Ebenen-Panel in der mobilen Ansicht in Wix Harmony, wobei geklickt wird, um einen Button auf dem Mobilgerät anzuzeigen." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-your-mobile-site" level="3">Deine mobile Ansicht der Website in der Vorschau anzeigen</h2></div><div data-component-type="text"><div>Während du Anpassungen vornimmst, ist es wichtig, darauf zu achten, dass das Design gut aussieht, bevor du live gehst. Klicke oben rechts im Editor auf <strong>Vorschau</strong>. Ziehe dann den Slider oben, um den Tab kleiner zu machen und zu sehen, wie sich dein Design live anpasst – nicht nur für Mobilgeräte, sondern auch für Tablets. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/04/f30add00-57d4-4c80-bc6a-fe00dbc41bf6/c30f44b7-2d97-40b5-966d-a9b35e1f3e1e.gif" alt="Vorschaumodus in Wix Harmony, wobei der Slider für die Tab-Größe oben gezogen wird, um die Website in allen Größen anzuzeigen" /></div></div><div data-component-type="text"><div>Sobald du deine Website veröffentlichst, scanne den QR-Code, der im Editor erscheint, um deine Website direkt auf deinem Gerät aufzurufen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/bd22a2a8-4790-4404-82ed-15ce0f1a505a/48dcb4d8-be23-4d7e-b7d0-81811c7acc73.png" alt="das Pop-up, das beim Veröffentlichen deiner Website erscheint und den QR-Code hervorhebt, den du mit deinem Mobilgerät scannen kannst" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich Elemente auf Mobilgeräten nicht zwischen Containern verschieben?</h4><div class="collapsible-content"><div>Für beste Ergebnisse ist das Verschieben von Elementen in einen neuen Abschnitt, eine Box oder eine Rasterzelle nur in der Desktop-Ansicht möglich. Dies hält dein mobiles Design auf jedem Gerät sauber, organisiert und responsiv.</div><div><br /></div><div>Auf Mobilgeräten kannst du Elemente innerhalb ihres aktuellen Containers neu anordnen, ohne dass dies ihre Reihenfolge auf dem Desktop beeinflusst. Um sie jedoch an eine andere Stelle zu verschieben, wechsle zum Desktop.</div><div><br /></div><div><strong>Tipp:</strong> Der Begriff „Container“ bezieht sich auf Abschnitte, Boxen oder Rasterzellen, in denen sich deine Elemente befinden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum wurden einige Elemente aus meiner Kopfzeile in das Hamburger-Menü auf Mobilgeräten verschoben?</h4><div class="collapsible-content"><div>Um deinen Besuchern das beste Erlebnis auf Mobilgeräten zu bieten, halten wir deine Kopfzeile übersichtlich, indem wir die meisten Elemente in das Hamburger-Menü verschieben. Nur das Symbol für den Warenkorb und dein Logo bleiben oben sichtbar, damit alles übersichtlich und leicht zu finden bleibt – selbst auf kleinen Tabs. Dies ist Teil davon, wie der Wix Harmony Editor deine Website automatisch responsiv macht.</div><div><br /></div><div>Wenn du stattdessen möchtest, dass ein Element in der Kopfzeile erscheint, kannst du es jederzeit aus dem Menü ausschneiden und wieder in die Kopfzeile einfügen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum wird mein Text auf Mobilgeräten anders umgebrochen, obwohl ich ihn nicht geändert habe?</h4><div class="collapsible-content"><div>Der Text wurde automatisch für Mobilgeräte optimiert, daher sieht er im Vergleich zur Desktop-Version möglicherweise anders aus. </div><div><br /></div><div>Du kannst den Text jedoch jederzeit bearbeiten, ohne dass dies die mobile Ansicht beeinflusst. Ziehe an den seitlichen Griffen, um die Breite vom Textfeld zu ändern, und verwende die Optionen in der Aktionsleiste (z. B. Schriftgröße, Farbe usw.).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einige Elemente sehen auf Mobilgeräten zu klein aus, was kann ich tun?</h4><div class="collapsible-content"><div>Diese Elemente wurden automatisch für Mobilgeräte optimiert, daher erscheinen sie möglicherweise etwas kleiner als erwartet. </div><div><br /></div><div>Du kannst die Größe dieser Elemente jederzeit anpassen, ohne die Desktop-Version zu beeinflussen – ziehe an den seitlichen Griffen, um sie zu vergrößern.</div></div></div></div>

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, kanns...

Wix Harmony Editor: Eine geführte Tour

Entdecke den neuen Wix Harmony Editor, der dir kreative Freiheit und intelligente KI-Tools bietet, um deine Website schnell und einfach zu gestalten. Lerne die verschiedenen Funktionen wie die Aktionsleiste, die obere Navigationsleiste und das Panel „Elemente hinzufügen“ kennen, um deine Designideen umzusetzen. Mit responsivem Design und der Möglichkeit, die mobile Ansicht anzupassen, kannst du sicherstellen, dass deine Website auf allen Geräten großartig aussieht.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="target">hier mehr Informationen aufrufen</a>.</div></div></div></div><div data-component-type="text"><div>Willkommen bei Wix Harmony, dem brandneuen All-in-One-Builder, der dir kreative Magie direkt in die Hände legt. Mit intelligenteren KI-Tools, dynamischen Designoptionen und der vollen Freiheit, nach deinen Vorstellungen zu bauen, kannst du deine erste Website launchen oder dein neuestes Projekt mit Zuversicht neu gestalten.</div></div><div data-component-type="text"><div>In diesem Artikel lernen wir den Editor kennen. Mach dich bereit, schneller als je zuvor zu designen, zu erstellen und innovativ zu sein – ganz ohne Design- oder Programmiererfahrung.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="Der Wix Harmony Editor beim ersten Öffnen, der eine gestaltete Website anzeigt" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gut zu wissen: </div><div class="info-content"><div>Der Editor ist vollständig responsiv. Wenn du die Größe deines Browserfensters anpasst, passt sich die Arbeitsfläche automatisch an, sodass du immer sehen kannst, wie deine Website in verschiedenen Größen aussieht.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-action-bar" level="3">Die Aktionsleiste</h2></div><div data-component-type="text"><div>Die Aktionsleiste befindet sich direkt über der Seite und bietet dir sofortigen Zugriff auf Einstellungen und Tools, die auf deine aktuelle Arbeit zugeschnitten sind. Wähle ein Menü, einen Abschnitt oder ein Element aus und du wirst sehen, dass sich die Optionen automatisch aktualisieren.</div></div><div data-component-type="text"><div>Wenn du zum Beispiel ein Textelement auswählst, bietet dir die Aktionsleiste die schnelle Option, die Schriftart sowie die Größe, Ausrichtung und Formatierung zu ändern. Wenn du dann die Kopfzeile auswählst, erscheinen neue Optionen wie das Ändern des Hintergrunds, das Hinzufügen eines Scroll-Effekts und mehr. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="Ein Textelement ist im Wix Harmony Editor ausgewählt und die Aktionsleiste erscheint über der Seite" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-top-navigation-bar" level="3">Die obere Navigationsleiste</h2></div><div data-component-type="text"><div>Oben links im Editor hast du Zugriff auf alles, was deinen Arbeitsablauf steuert. Wechsle ganz einfach zwischen <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-managing-pages" target="target">Seiten</a>, sieh dir die Farben und Schriftarten deiner <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Marke</a> an, veröffentliche Änderungen, erhalte Informationen aus der Verwaltung und vieles mehr. Mit dieser Leiste sind deine wichtigsten Steuerelemente nur einen Klick entfernt, sodass du schnell arbeiten und organisiert bleiben kannst. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/71ab98f6-ec4b-4fb5-88ae-da1bfcc46b34/3e694d65-dac8-4bd6-95b2-498af175b3a9.png" alt="Die obere Leiste des Wix Harmony Editors" /></div></div><div data-component-type="text"><div>Klicke unten und erfahre hier mehr über jeden Teil der oberen Leiste. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menü für schnelle Website-Aktionen</h4><div class="collapsible-content"><div>Klicke oben links auf das Logo von Wix, um das Menü für schnelle Website-Aktionen zu öffnen. Von hier aus kannst du eine Vorschau deiner Website anzeigen, Änderungen veröffentlichen, den Website-Verlauf einsehen, die Medienverwaltung öffnen, auf Marketing-Tools zugreifen und vieles mehr. </div><div><br /></div><div>Über dieses Menü kannst du auch direkt zu deiner Verwaltung springen, dein Paket upgraden oder Hilfe erhalten, wann immer du sie brauchst.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/8037cb1f-18bf-4d16-b6ac-c7f8b9394581/463051f3-c1e0-4f59-ba52-4b26b6236156.png" alt="The quick actions menu that appears when clicking the Wix logo in the Wix Harmony Editor" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Website-Überblick</h4><div class="collapsible-content"><div>Das Panel <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-dem-panel-für-die-website-übersicht-arbeiten" target="target">Website-Überblick</a> bündelt alle deine Core-Unternehmensinfos an einem Ort, von deiner Domain und deinem Favicon bis hin zum Namen und der Beschreibung deiner Organisation. </div><div><br /></div><div>Bearbeite dein Website-Profil, um personalisierten Content zu erstellen, deine Suchpräsenz zu verbessern und die Identität deiner Website im Zentrum zu behalten.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/c7f0a643-a292-4b18-8bd7-b5d5e4d0c94d/a097f3cb-c26b-4b7a-9b8d-ddda6c9ff405.png" alt="The Site Overview panel in the Wix Harmony Editor, with the business name and type already selected" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Marke</h4><div class="collapsible-content"><div>Im Panel <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Marke</a> legst du das Design deiner Website fest. Richte deine Farbpalette ein, wähle Textstile aus und passe Themes für Buttons, Linien und Boxen an, damit jede Seite einheitlich und passend zum Branding ist. </div><div><br /></div><div>Das Aktualisieren dieser globalen Stile stellt sicher, dass deine gesamte Website gepflegt und professionell aussieht.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/cb040aa4-d0e4-4cfb-8a1b-b0ff76561b41/d922f165-ce3c-4074-8f01-7ee6cd1b6b12.png" alt="The Site Brand panel in the Wix Harmony Editor" />¡</div><div><br /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Website-Seiten</h4><div class="collapsible-content"><div>Durch Klicken auf den Namen der aktuellen Seite wird links das Panel <strong></strong><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-managing-pages" target="target">Website-Seiten</a> geöffnet. Hier kannst du deine Website-Seiten ansehen, hinzufügen und organisieren. </div><div><br /></div><div>Wechsle schnell zwischen den Seiten, erstelle neue und passe die Seiteneinstellungen an, um deine Website-Struktur übersichtlich und einfach navigierbar zu halten.</div><div><br /></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/1660dfa0-10f3-4fc6-93ad-c989a5da4b2d/950aeb61-7666-42d4-95e1-403f4e4972b6.png" alt="Cursor is clicking the current page name, Site Pages panel is open on the left side of the Wix Harmony Editor" /></div><div><br /> </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Anpassen (Zoom)</h4><div class="collapsible-content"><div>Über das Dropdown-Menü <strong>Anpassen</strong> oben im Editor kannst du anpassen, wie du deine Website während der Bearbeitung siehst. Du kannst sofort vergrößern oder verkleinern, ein voreingestelltes Zoom-Level wählen oder die Seite an deinen Tab anpassen. </div><div><br /></div><div>Dies hilft dir dabei, dich auf Details zu konzentrieren oder das Gesamtbild zu sehen, was Designanpassungen einfacher und präziser macht.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/1955c9bc-c70c-4387-ac17-1552315404ba/88986e41-bb65-4a79-86b7-42922c9160c9.gif" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vorschau anzeigen und veröffentlichen</h4><div class="collapsible-content"><div>Du kannst jederzeit oben rechts im Editor auf <strong>Vorschau</strong> klicken, um zu sehen, wie deine Website live aussehen würde. Wenn du bereit bist, deine Website zu teilen, klicke auf <strong>Veröffentlichen</strong>. </div><div><br /></div><div>Sobald du deine Website <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-previewing-and-publishing-your-site" target="target">veröffentlichst</a>, siehst du eine Bestätigung mit der Live-URL deiner Website und einem QR-Code, mit dem du deine Website ganz einfach auf einem Mobilgerät ansehen kannst. Besucher können sofort auf deine Website zugreifen, und du kannst deine eigene individuelle Domain verknüpfen, um professioneller zu wirken.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/8cf99d62-53c7-4d81-b06e-93f997aba118/bb5ea1bb-75d3-4580-932a-b26d69c9d2d1.png" alt="The pop-up that appears after publishing your site in the Wix Harmony Editor, showing the URL and QR code for mobile preview" /><br /> </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-add-elements-panel" level="3">Das Panel „Elemente hinzufügen“</h2></div><div data-component-type="text"><div>Das Panel <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-elemente-hinzufügen" target="target">Elemente hinzufügen</a> ist deine kreative Startrampe im Wix Harmony Editor. Von hier aus kannst du eine riesige Bibliothek an Elementen wie Überschriften, Bilder, Diashows, Menüs und sogar Apps von Drittanbietern erkunden. </div></div><div data-component-type="text"><div>Filtere nach Kategorien oder verwende die Suchleiste, um schnell zu finden, was du brauchst. Ziehe dann Elemente auf deine Arbeitsfläche und beginne damit, deine Website zu gestalten. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/b178cb73-294a-4ad3-b5a4-bd18ab8c0160/05a74c62-e08e-4ba4-9e50-24c72a87e73a.gif" alt="Das Panel „Elemente hinzufügen“ im Wix Harmony Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ask-ai-aria" level="3">KI fragen (Aria)</h2></div><div data-component-type="text"><div>Aria, deine vielseitige KI-Partnerin, hilft dir dabei, deinen Arbeitsablauf zu optimieren. Klicke auf das Symbol für <strong>Aria fragen</strong> unten rechts im Editor, um den Chat zu starten. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/24570730-7699-4d24-8f46-c88fe610bc30/1ebf1063-b259-4065-9468-d338bb5a0646.png" alt="Das Symbol für Aria fragen im Wix Harmony Editor" /></div></div><div data-component-type="text"><div>Wenn du ein Element auswählst, kannst du in der Aktionsleiste auch auf <strong>KI fragen</strong> klicken, um maßgeschneiderte Prompt-Vorschläge zu erhalten. Bitte Aria darum, Abschnitte zu verschieben, ein neues Design zu generieren, Layout-Probleme zu beheben oder den Text eines Abschnitts zu verbessern – alles mit einem einfachen Befehl. Wenn du weitere Änderungen vornehmen möchtest, sende Aria einfach eine weitere Nachricht direkt im Chat.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3b6363ff-0a88-4428-90b7-fffd99276421/c3c8727f-9e66-42d1-acfe-392b07f83679.png" alt="Ein KI-generierter Abschnitt im Wix Harmony Editor, der das Design und den Chat mit Aria anzeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="mobile-view" level="3">Mobile Ansicht</h2></div><div data-component-type="text"><div>Oben rechts auf der Seite kannst du mit einem einzigen Klick schnell zwischen der Desktop-Ansicht und der mobilen Ansicht wechseln. In der mobilen Ansicht kannst du sehen, wie deine Website auf kleineren Bildschirmen aussieht. </div></div><div data-component-type="text"><div>Obwohl deine Website automatisch responsiv auf verschiedene Bildschirmgrößen reagiert, hast du jederzeit die Freiheit, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adjusting-your-site-for-mobile" target="target">das mobile Design anzupassen</a> und deinen Besuchern das bestmögliche Erlebnis zu bieten, egal auf welchem Gerät.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/f893d1af-8547-4550-997a-9b60d3a31a7c/355bc9b3-a92a-4206-8670-ba6ac64a91a1.gif" alt="Auf das Symbol für Mobilgerät im Wix Harmony Editor klicken und die automatisch angepasste mobile Ansicht sehen" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-panels" level="3">Zusätzliche Panels</h2></div><div data-component-type="text"><div>In der unteren linken Ecke des Editors findest du zusätzliche Panels, mit denen du jeden Teil deiner Seite steuern kannst. Verwende das <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-dem-ebenen-panel-arbeiten" target="target">Ebenen-Panel</a> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />, um die Struktur jedes Abschnitts und jedes Elements auf deiner Seite zu sehen – ideal für die Feinabstimmung von Layouts und die Verwaltung von sich überschneidenden Artikeln.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/12345678-1234-1234-1234-1234567890ab/2026/01/08/a00e34d2-3a2b-4fa4-bb93-2a5df4cc2c3e/9362dd47-341e-47ef-aec6-98af3f297a1e.png" alt="Das Panel „Ebenen verwalten“ im Wix Harmony Editor" /></div></div><div data-component-type="text"><div>Klicke auf das Symbol für <strong>Hilfe</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/18/f09ac81f-9569-41af-967c-342e02dd9290/80284a6c-e7c7-47c5-bdfe-04c6ff8e5256.png" />, um maßgeschneiderte Tipps, Hilfslinien und Antworten zu sehen, die genau auf deine aktuelle Position im Editor zugeschnitten sind. So erhältst du ganz einfach Unterstützung und entdeckst neue Features, ohne deinen Workspace jemals zu verlassen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/1a36c863-edb9-45d3-af14-e49018847fda/aea87580-9e4f-4750-928f-6d2ad1d6ae53.png" alt="Das Hilfe-Panel im Wix Harmony Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mit Wix Harmony erstellen:</div><div class="info-content"><div>Erlebe die nächste Generation der Website-Erstellung mit <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Wechsle fließend zwischen Prompts für deinen KI-Mitarbeiter des Support-Teams und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich wie das Denken anfühlt.</div></div></div></div>

Wix Harmony Editor: Deine Website in der Vorschau anzeigen und veröffentlichen

Entdecke den neuen Wix Harmony Editor und lerne, wie du deine Website direkt im Editor verwalten kannst, um sie stets aktuell zu halten. Mit der automatischen Speicherfunktion verlierst du nie deinen Fortschritt, und der Vorschaumodus ermöglicht es dir, deine Website vor der Veröffentlichung auf verschiedenen Geräten zu testen. Bereite deine Inhalte vor und veröffentliche sie mit nur einem Klick, damit die Welt deine neuesten Arbeiten sehen kann.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="">erfährst du hier mehr darüber</a>.</div></div></div></div><div data-component-type="text"><div>Verwalte deine Website direkt im Editor, um sie mit deinen neuesten Änderungen auf dem Laufenden zu halten. Speichere, erstelle eine Vorschau und veröffentliche sie, wann immer dich die Inspiration packt, damit dein Content immer bereit ist, zu glänzen.</div></div><div data-component-type="text"><div>Im Harmony-Editor von Wix wird deine Website automatisch gespeichert, sodass du dir keine Sorgen machen musst, deine Arbeit zu verlieren. Du kannst deinen Fortschritt für zusätzliche Sicherheit auch jederzeit manuell speichern.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-autosave" level="3">Mit dem automatischen Speichern arbeiten</h2></div><div data-component-type="text"><div>Das automatische Speichern hilft dir dabei, deine Arbeit zu schützen, indem Änderungen während der Erstellung deiner Website automatisch gespeichert werden. Diese Funktion stellt sicher, dass du nie den Fortschritt verlierst, falls du einmal vergessen solltest, manuell zu speichern.</div></div><div data-component-type="text"><div>Um zu überprüfen, wann deine Website zuletzt gespeichert wurde, fahre mit der Maus über das Symbol für <strong>automatisches Speichern</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/07/f803a9bb-67fd-4497-8e4e-f51cd807cd68/8fb69b28-d156-44dc-8133-c61eb40ab9b3.png" /> oben rechts in deinem Editor.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/26/e80504a3-c071-48f7-b615-4526c363b307/56f24324-9e7a-4330-8117-ca813c052692.png" alt="Screenshot des hervorgehobenen Symbols für das automatische Speichern im Wix Harmony Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-a-site" level="3">Eine Website in der Vorschau anzeigen</h2></div><div data-component-type="text"><div>Mache eine Testfahrt mit deiner Website und sieh sie dir auf jedem Gerät genau so an, wie deine Besucher es tun werden. Der Vorschaumodus bietet dir einen realitätsgetreuen Einblick in dein Design, deine Navigation und deine responsiven Funktionen, bevor du auf „Veröffentlichen“ klickst. </div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Website in der Vorschau anzuzeigen:</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke oben rechts im Editor auf <strong>Vorschau</strong>.</li>  <li>Überprüfe deine Website im Vorschaumodus auf dem Desktop oder wechsle zur mobilen Ansicht. <br />
<strong>Tipp:</strong> Ziehe den Slider oben in der Vorschau, um deine Website in verschiedenen Bildschirmgrößen zu sehen.</li>  <li>Wähle den nächsten Schritt:
    <ul>
      <li>Veröffentliche deine Änderungen.</li>      <li>Klicke auf <strong>Website bearbeiten</strong>, um zum Editor zurückzukehren.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/26/2f04672e-fde9-4fc2-b8fb-99e52aebe5d8/bd449b61-63ec-48c1-8538-da966ada0714.png" alt="Screenshot des hervorgehobenen Buttons für die Vorschau im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp: </div><div class="info-content"><div>Klicke im Vorschaumodus auf das Symbol für <strong>an Bildschirm anpassen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/10/13/2162c96d-ec29-4aae-b453-575c62981bad/d2569eb8-3ab3-411b-85fe-38dcae450187.png" />, damit die Vorschau genau deiner Bildschirmgröße entspricht.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="publishing-a-site" level="3">Eine Website veröffentlichen</h2></div><div data-component-type="text"><div>Bereit für den Start? Durch das Veröffentlichen werden deine Updates live geschaltet, sodass die Welt deine neueste Arbeit sofort sehen kann. Deine Website ist immer nur einen Klick davon entfernt, öffentlich zu gehen oder ein frisches Redesign zu teilen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Website zu veröffentlichen:</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke oben rechts im Editor auf <strong>Veröffentlichen</strong>.</li>  <li>Warte auf die Bestätigungsnachricht, dass deine Website live ist.</li>  <li>(Optional) Scanne mit deinem Mobilgerät das Symbol für den <strong>QR-Code</strong>, um schnell zu testen, wie deine Website in der mobilen Ansicht aussieht.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/26/665fa1d6-46bf-47b5-b54e-c1fcb03f833a/b21c986a-9370-41fb-92ec-0d2a7d009075.png" alt="Screenshot des hervorgehobenen Buttons zum Veröffentlichen im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht es weiter?</div><div class="info-content"><div>Nachdem du deine Website veröffentlicht hast, erscheint sie automatisch online und kann von jedem gesehen werden, der deine <a data-composite="true" href="https://support.wix.com/de/article/deine-kostenlose-url-von-wix-aendern" target="target">kostenlose Website-URL</a> (siteprefix.wixsite.com/site-name) oder deinen <a data-composite="true" href="https://support.wix.com/de/article/eine-domain-mit-deiner-website-verbinden-1986975" target="target">Domainnamen</a> aufruft.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist der Unterschied zwischen dem Speichern und dem Veröffentlichen?</h4><div class="collapsible-content"><div>Durch das Speichern werden deine Bearbeitungen privat gesichert, sodass nur du und dein Team sie im Editor sehen können. Durch das Veröffentlichen wird die neueste Version für alle Besucher deiner Website live geschaltet.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich zu einer zuvor gespeicherten oder veröffentlichten Version meiner Website zurückkehren?</h4><div class="collapsible-content"><div>Du kannst jederzeit eine ältere Version deiner Website wiederherstellen und erneut veröffentlichen. Erfahre hier mehr darüber, wie du <a data-composite="true" href="https://support.wix.com/de/article/deinen-website-verlauf-ansehen-und-verwalten" target="target">vorherige Versionen deiner Website ansehen und wiederherstellen</a> kannst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich eine Seite auf meiner Website ausblenden, wenn sie noch nicht für meine Besucher bereit ist?</h4><div class="collapsible-content"><div>Wenn du noch an einer bestimmten Seite arbeitest, kannst du sie <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-menüs-hinzufügen-und-verwalten#managing-menu-items" target="">aus deinem Webiste-Menü entfernen</a>, bis sie für Besucher bereit ist.</div><div><br /></div><div>Du kannst auch in Erwägung ziehen, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-seiten-hinzufügen-und-verwalten#managing-your-site-pages" target="">ein Passwort hinzuzufügen</a>, um auf die Seite zuzugreifen (für den Fall, dass jemand den Link dazu findet).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum erscheinen meine Änderungen nach dem Veröffentlichen nicht auf der Live-Website?</h4><div class="collapsible-content"><div>Achte darauf, dass du im Editor auf den Button <strong>Veröffentlichen</strong> geklickt hast, nachdem du deine Änderungen vorgenommen hast. Gespeicherte Änderungen im Editor oder im Vorschaumodus erscheinen erst auf der Live-Website, wenn du sie veröffentlichst. </div><div><br /></div><div>Wenn das Problem weiterhin besteht, versuche, deinen Browser-Zwischenspeicher zu leeren, die Website in einem Inkognito-Fenster zu testen oder die Website erneut zu veröffentlichen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich habe meine Website versehentlich veröffentlicht, kann ich die Veröffentlichung zurückziehen?</h4><div class="collapsible-content"><div>Ja, du kannst die Veröffentlichung deiner Website jederzeit dauerhaft oder vorübergehend zurückziehen. Um die Veröffentlichung deiner Website zurückzuziehen:<br />
</div><ol>
  <li>Klicke auf das Dropdown-Menü von <strong>Wix</strong> oben links im Editor.</li>  <li>Fahre mit der Maus über <strong>Website-Aktionen</strong> und klicke auf <strong>Veröffentlichung widerrufen</strong>.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/26/4a0da994-0fac-4c15-90b6-b72491746aba/a19cc5e6-9d12-458c-b50a-5377847716fe.png" alt="Screenshot of Site Actions in Wix Harmony editor. Unpublish site is highlighted." /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich habe meine Website veröffentlicht, warum kann ich sie bei Google nicht finden?</h4><div class="collapsible-content"><div>Es kann einige Zeit dauern, bis neue Websites, Seiten und Updates in den Ergebnissen von Suchmaschinen erscheinen, da diese von Google gecrawlt und indexiert werden müssen. Um zu überprüfen, ob Suchmaschinen wie Google und Bing deine Website indexiert haben, gib „site:“ gefolgt von der URL deiner Domain ein. Zum Beispiel: „<strong>site:</strong>meine-tolle-website.de/“. </div><div><br /></div><div><strong>Tipp:</strong> Optimiere das <a data-composite="true" href="https://support.wix.com/de/article/deine-website-bei-google-finden-bewährte-seo-praktiken" target="target">SEO</a> deiner Website, damit sie in Suchmaschinen gefunden wird. Die SEO-Optimierung kann auch die Platzierung deiner Website auf den Suchergebnisseiten verbessern. </div></div></div></div>

Wix Harmony Editor: Das SEO deiner Website verbessern

Entdecke, wie du den neuen Wix Harmony Editor nutzen kannst, um die Sichtbarkeit deiner Website zu verbessern und mit deinen Nutzern in Kontakt zu treten. Mit einer schrittweisen SEO-Checkliste und KI-gestützten Vorschlägen kannst du einfach Keywords, Meta-Beschreibungen und Social Media Einstellungen optimieren. Lerne, wie du deine Unternehmensinformationen einrichtest und deine Seiten für Suchmaschinen anpasst, um mehr Besucher zu gewinnen.

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 freigegeben wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, findest ...

Wix Harmony Editor: Über die KI-Tools

Entdecke den neuen Wix Harmony Editor, eine KI-gestützte Plattform, die dir hilft, eine professionelle und personalisierte Website zu erstellen. Mit intelligenten Vorschlägen und kreativen Lösungen kannst du Design, Content und mehr mühelos verwalten. Lerne, wie du mit der KI-Assistentin Aria einzigartige Inhalte und Elemente generierst, um deine Marke optimal zu präsentieren. Erlebe eine intuitive Website-Erstellung, die sich so natürlich anfühlt wie das Denken.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 freigegeben wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="target">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Der Wix Harmony Editor ist eine KI-fokussierte Plattform, die dir alles bietet, was du brauchst, um eine professionelle, personalisierte Website zu erstellen. Jede Phase der Erstellung und des Designs deiner Website wird durch KI unterstützt, sodass du dich auf deine Vision konzentrieren kannst, während du genau dann maßgeschneiderte Vorschläge, kreative Inspiration und intelligente Lösungen erhältst, wenn du sie brauchst.</div></div><div data-component-type="text"><div>Von der Anpassung deines Designs bis hin zur Verwaltung von Content und darüber hinaus bietet der Wix Harmony Editor intuitive, KI-gestützte Lösungen direkt auf Knopfdruck, damit du deine Website mit Zuversicht erstellen, launchen und vergrößern kannst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/57dbd471-5bc4-43b5-a8a4-ffb6edb2857f/52fa8c76-3fc2-491f-8107-5ace92a32461.png" alt="Ein Marketing-Screenshot der Verwendung von Aria zum Erstellen eines neuen Abschnitts im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mit Wix Harmony erstellen:</div><div class="info-content"><div>Erlebe die nächste Generation der Website-Erstellung mit <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Wechsle fließend zwischen Prompts für deine KI-Assistenz und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich wie das Denken anfühlt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lerne-aria-kennen-deine-ki-mitarbeiterin-des-support-teams" level="3">Lerne Aria kennen, deine KI-Mitarbeiterin des Support-Teams</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Aria wird durch KI unterstützt und kann daher unerwartete oder ungenaue Ergebnisse liefern. Überprüfe die Vorschläge oder Änderungen von Aria immer, bevor du deine Website fertigstellst.</div></div></div></div><div data-component-type="text"><div>Aria ist deine KI-Expertin für die Erstellung deiner Website im Wix Harmony Editor. Aria kann dir bei allem helfen, was mit deinem Website-Design zu tun hat, wie zum Beispiel beim Erstellen von Seiten, Schreiben von Content und Anpassen von Designs.</div></div><div data-component-type="text"><div>Du kannst auch um Hilfe bei der Struktur, den Einstellungen, SEO oder Website-Apps bitten. Aria unterstützt dich mit sofortigen Ideen, detaillierten Anleitungen und smarten Lösungen, genau dann, wenn du sie brauchst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/28/7f7a661e-847e-4225-9a6b-41e90ec1cee1/bb317795-96b8-4864-98c4-bceeda3421c2.png" alt="Ein Screenshot von Aria im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-aria-arbeiten" target="target">Erfahre hier mehr über die Arbeit mit Aria.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-a-professional-site-with-ai" level="3">Eine Profi-Website mit KI designen</h2></div><div data-component-type="text"><div>Erstelle eine professionelle Website, die zu deiner Marke passt. Beschreibe dein Unternehmen oder wähle ein Template aus und lass Aria den Rest erledigen – sie erstellt deine Website mit maßgeschneiderten Seiten, schönen Layouts und Starter-Content. Du kannst das Design deiner Website verfeinern und den Content aktualisieren, bis alles genau richtig ist, bevor sie live geht.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/28/c3f8c653-a99a-4311-afb6-14817eb7fa80/696182ae-ecec-40b8-aab7-8f4302be5847.jpg" alt="Ein Screenshot der Erstellung einer Website mit KI im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-website-mithilfe-von-ki-erstellen" target="target">Erfahre hier mehr über das Designen deiner Website mit KI.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-unique-site-content" level="3">Einzigartigen Website-Content erstellen</h2></div><div data-component-type="text"><div>Mit den integrierten KI-Tools von Wix Harmony ist es mühelos, herausragenden Content für deine Website zu erstellen. Aria kann dir dabei helfen, hochwertige, ansprechende und SEO-freundliche Texte zu verfassen, die zu deiner Marke passen. Möchtest du deine visuellen Elemente verbessern? Beschreibe einfach das gewünschte Bild, wähle deinen Stil und lass Aria originelle Grafiken für deine Website generieren.</div></div><div data-component-type="text"><div>Klicke in der Aktionsleiste auf <strong> Aria fragen</strong>, um sofort Vorschläge zur Verfeinerung deines Contents zu erhalten. Du kannst deine Texte verbessern, die Sprache vereinfachen, die Länge anpassen oder den Ton ändern. Bearbeite oder generiere visuelle Elemente für Bilder neu und erhalte Vorschläge, wie du das Bild an deine Seite anpassen kannst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/28/e107fc41-d940-4479-bfc9-f0fe38a183e7/df986ef4-f24c-4211-8c95-9efc1ff4598e.png" alt="Ein Marketing-Screenshot der Optionen von „Frag Aria“ auf einer Website von Wix Harmony." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generate-custom-elements" level="3">Individuelle Elemente generieren</h2></div><div data-component-type="text"><div>Benötigst du ein einzigartiges Element auf deiner Website? Verwende den KI-Element-Generator, um einzigartige Website-Elemente wie interaktive Buttons, animierte Effekte oder smarte Widgets zu erstellen. Beschreibe alles, was du dir vorstellst: einen leuchtenden Aktionsbutton, ein dynamisches Produktkarussell oder sogar ein Wetter-Widget mit Echtzeit-Updates. Die KI verwandelt deine Ideen in einsatzbereite, vollständig bearbeitbare Elemente.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2026/01/27/2f1ca4ea-bcf9-44ce-995f-091ced991397/6b282455-f1e3-45db-86a5-90d4a7560cd4.png" alt="Ein Screenshot der Erstellung eines Elements im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-ein-element-mit-ki-generieren" target="target">Erfahre hier mehr darüber, wie du individuelle Elemente generierst.</a></div></div></div></div>

Verwandle jede Idee in eine Live-Website, ohne deine Unterhaltung in ChatGPT zu verlassen. Wenn du die Wix App mit ChatGPT verknüpfst, kannst du die gewünschte Website beschreiben, deine Ideen gemeins...

Wix Harmony Editor: Eine Website über ChatGPT erstellen

Entdecke, wie du deine Ideen in eine Live-Website verwandeln kannst, indem du die Wix App mit ChatGPT verknüpfst. Beschreibe deine Wunsch-Website im Chat, tagge @wix und lass die KI eine Wix Harmony-Website für dich erstellen. Du kannst direkt im Chat mit der Erstellung beginnen und die Website anschließend im Wix Editor anpassen, um sie nach deinen Vorstellungen zu gestalten.

<div data-component-type="text"><div>Verwandle jede Idee in eine Live-Website, ohne deine Unterhaltung in ChatGPT zu verlassen. Wenn du die Wix App mit ChatGPT verknüpfst, kannst du die gewünschte Website beschreiben, deine Ideen gemeinsam entwickeln und – sobald du bereit bist – die KI eine Website von Wix Harmony für dich erstellen lassen.</div></div><div data-component-type="text"><div>Verwende diese Option, wenn du Ideen für deine Website im Chat besprechen möchtest. Wenn du so weit bist, tagge @wix, um diese schnell in einen unbeschränkten Entwurf zu verwandeln, den du dann im Editor von Wix Harmony mit <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-aria-arbeiten" target="target">Aria</a> an deiner Seite verfeinern kannst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/3c81224d-60d3-4446-8f12-fe2d15484dbe/71304fa6-9a28-4d24-ad06-7df37a524653.png" alt="Ein Pop-up der Wix App innerhalb einer ChatGPT-Konversation, während die KI die Website plant" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="connecting-chatgpt-to-wix" level="3">ChatGPT mit Wix verknüpfen</h2></div><div data-component-type="text"><div>Bevor du Websites über ChatGPT erstellst, musst du die Wix App und dein Konto von Wix verknüpfen. Dadurch kann ChatGPT sicher mit deinem Konto kommunizieren und Websites für dich erstellen. Du musst dies nur einmal einrichten und kannst dann direkt aus deinen Unterhaltungen heraus Websites von Wix Harmony erstellen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Wix App zu verknüpfen:</h2></div><div data-component-type="text"><ol> <li>Öffne <a data-composite="true" href="https://chatgpt.com/" target="_blank">ChatGPT</a> und melde dich in deinem Konto an.</li>  <li>Klicke links auf <strong>Apps</strong>.</li>  <li>Suche nach der Wix App und klicke auf <strong>Verknüpfen</strong>.</li>  <li>(Im Pop-up) Klicke auf <strong>Wix verknüpfen</strong>.<br />
<strong>Tipp:</strong> Wenn du noch nicht angemeldet bist, wirst du zur Anmeldung in deinem Konto von Wix weitergeleitet.</li>  <li>Überprüfe die ChatGPT erteilten Berechtigungen und klicke auf <strong>Zulassen</strong>.</li>  <li>(Optional) Klicke auf <strong>Chat</strong> <strong>starten</strong>, um mit der Erstellung deiner Website zu beginnen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/63ac028e-f9fa-4180-b124-fbbe21ff03c9/e77f2bb9-d5e0-40bd-8d2d-d84908e1c881.png" alt="Die Seite der Wix App im Apps-Panel in ChatGPT, direkt nach dem Verknüpfen der App" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-wix-harmony-site-using-chatgpt" level="3">Wix Harmony: Eine Website mithilfe von ChatGPT erstellen</h2></div><div data-component-type="text"><div>Sobald die Wix App verknüpft ist, kannst du eine neue Website erstellen, indem du im Chat beschreibst, was du dir vorstellst. Tagge @wix und teile die Ziele für deine Website mit – die KI erledigt den Rest für dich. Du kannst @wix zum Beispiel bitten, „eine moderne Portfolio-Website mit einer Startseite, einer Projektgalerie und einer Kontaktseite“ zu erstellen, und die KI generiert die Website basierend auf deinem Prompt, sodass du direkt mit der Bearbeitung beginnen kannst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du loslegst:</div><div class="info-content"><div>Achte darauf, dass du in deinem Konto von Wix angemeldet bist. Dies ist wichtig, damit ChatGPT Zugriff erhält, um deine Website in deinem Konto zu erstellen. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Website von Wix Harmony mithilfe von ChatGPT zu erstellen:</h2></div><div data-component-type="text"><ol> <li>Öffne <a data-composite="true" href="https://chatgpt.com" target="_blank">ChatGPT</a>.</li>  <li>Schreibe einen Prompt, der „@wix“ und Details der Website enthält, die du erstellen möchtest.<br />
<strong>Wichtig: </strong>Achte darauf, @wix zu taggen, um die App zu aktivieren.</li>  <li>Überprüfe die Antwort des Chats zur geplanten Website und entscheide, wie du fortfahren möchtest:
    <ul>
      <li><strong>Website weiter erstellen: </strong>Klicke auf <strong>Website erstellen</strong>.</li>      <li><strong>Idee zuerst verfeinern:</strong> Schreibe eine weitere Nachricht, um die Beschreibung und die Anforderungen der Website zu verfeinern, bevor sie von der KI erstellt wird.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/b2db2798-634d-4761-a612-b07edd92a3dd/aca7659f-ee67-4062-970c-3c5f06d18a1e.png" alt="Auszug aus einem Chat mit ChatGPT – der erste Prompt zum Erstellen einer Website von Wix und die Autorisierung, um fortzufahren" /></div></div><div data-component-type="text"><ol> <li>Sobald deine Website bereit ist, entscheide, was du als Nächstes tun möchtest:
    <ul>
      <li><strong>Vorschau: </strong>Scrolle durch die Vorschau deiner Website innerhalb des Chats. Du kannst auf das Symbol für <strong>Vollbildansicht</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/5e20582d-0be4-4cc1-85d7-a2aec50571fd/cda2584e-efe2-4cc1-8290-9c9b3e8729f5.png" /> klicken, um eine Vollbildversion zu sehen.</li>      <li><strong>Website bearbeiten:</strong> Öffne den Editor von Wix Harmony und beginne mit der Anpassung deiner neuen Website. <br />
<strong>Tipp: </strong>Wix Harmony enthält <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-aria-arbeiten" target="target">Aria</a>, deinen smarten KI-Designpartner. Aria kann weiterhin Anpassungen vornehmen und dich bei allem beraten, was du brauchst. </li>      <li><strong>In neuem Tab öffnen:</strong> Sieh dir deine Live-Website in einem neuen Browser-Tab an.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/6889b723-6584-45a1-9fd6-b1e1f0e8536c/fec2ebaa-3562-4ff7-81b4-99d05ee4ea0a.png" alt="Eine Nachricht von ChatGPT nach der Erstellung einer Website von Wix, in der die Website-Vorschau angezeigt wird" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht es weiter?</div><div class="info-content"><div>Passe deine neue Website im Editor von Wix Harmony an und bereite dich darauf vor, live zu gehen. Wenn der Editor neu für dich ist, können dir die folgenden Artikel beim Einstieg helfen:</div><ul> <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-geführte-tour" target="target">Geführte Tour</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-aria-arbeiten" target="target">Mit Aria arbeiten</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-elemente-hinzufügen" target="target">Elemente hinzufügen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-elemente-designen" target="target">Elemente gestalten</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wo finde ich die Website, die ChatGPT erstellt hat, in meinem Konto von Wix?</h4><div class="collapsible-content"><div>Nachdem ChatGPT deine Website erstellt hat, erscheint sie wie jede andere Website in deinem Konto von Wix.</div><div>Du kannst den Bereich <a data-composite="true" href="https://manage.wix.com/account/sites" target="_blank">Websites</a> in deinem Konto von Wix öffnen und die neue Website auswählen, um auf ihre Verwaltung und den Editor von Wix Harmony zuzugreifen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich nach der Erstellung meiner Website KI-Unterstützung im Editor erhalten?</h4><div class="collapsible-content"><div>Absolut. Der Editor von Wix Harmony gibt dir die Freiheit zu wählen, ob du deine Website manuell per Drag-and-Drop bearbeiten oder KI verwenden möchtest. Aria, dein vielseitiger KI-Mitarbeiter des Support-Teams, kann bei allem helfen, was du brauchst, oder Fragen beantworten. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum erstellt ChatGPT meine Website nicht?</h4><div class="collapsible-content"><div>Wenn ChatGPT angibt, dass keine Website von Wix für dich erstellt werden kann, überprüfe Folgendes:</div><ul> <li><strong>@Wix taggen:</strong> Achte darauf, dass du @wix in deinem ursprünglichen Prompt getaggt hast. Dadurch werden die App und die Verknüpfung zwischen deinem Konto von Wix und ChatGPT aktiviert.</li> <li><strong>Bei Wix anmelden:</strong> Vergewissere dich, dass du in deinem Konto von Wix angemeldet bist. Melde dich in einem anderen Browser-Tab bei deinem Konto von Wix an. Versuche dann, einen weiteren Chat zu starten, oder bitte ChatGPT, es in deinem aktuellen Chat erneut zu versuchen.</li></ul><div><br /></div><div>Wenn weiterhin Probleme auftreten, musst du möglicherweise die Verknüpfung zwischen ChatGPT und Wix aktualisieren. Versuche es mit den folgenden Schritten:</div><ol> <li>Klicke unten links in ChatGPT auf deinen Namen.</li> <li>Wähle <strong>Einstellungen</strong>.</li> <li>Klicke auf <strong>Apps</strong> und wähle dann die <strong>Wix</strong> App aus.</li> <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/d89c17cf-fa20-4905-9598-ad5b2e1795a2/b96d8835-14ab-4fec-957f-0bb23ae79aea.png" /> und wähle <strong>Erneut verknüpfen</strong>.</li></ol><ul> <li><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/03/142f369a-f5e8-4767-ae79-e8fab92fa2ac/fca8c4e7-9f06-4113-ad85-a0c9533b860a.png" /></li></ul></div></div></div>

Erste Schritte

Template auswählen

Einen Profi von Wix engagieren

Grundlagen

Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst

Grundlagen - Wix Harmony