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...

Den Wix Harmony Editor vorstellen

Entdecke den Wix Harmony Editor, einen hybriden Editor, der Drag-and-Drop-Funktionalität mit KI-Unterstützung kombiniert. Egal, ob du eine neue Website erstellst oder ein bestehendes Projekt bearbeitest, du kannst deine Ideen einfach umsetzen und die KI um Hilfe bitten. Mit professionellen Vorlagen und der Möglichkeit zur Echtzeit-Zusammenarbeit erreichst du deine Ziele schneller und behältst die Kontrolle über dein Design. Lerne, wie du deine Website individuell gestalten und ein nahtloses, responsives Erlebnis bieten kannst.

<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: Wenn du eine <a data-composite="true" href="https://de.wix.com" target="_blank">Website erstellst</a> mit Wix Harmony, kannst du 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, deine KI-Partnerin im Editor, 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 bei jeder Änderung die Kontrolle 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 mühelos zwischen der Eingabe von Prompts für deinen KI-Agenten und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich anfühlt wie Denken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reach-your-goals-faster" level="3">Erreiche deine Ziele schneller</h2></div><div data-component-type="text"><div>Wix Harmony bietet dir integrierte Tools für jedes Ziel, egal ob du einen Shop eröffnen, ein Portfolio teilen, einen Blog starten oder etwas anderes tun möchtest. Beginne mit professionell gestalteten Website-Templates und vorgefertigten Abschnitten oder nutze 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 Mauszeiger ü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önnt <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-website-gemeinsam-bearbeiten" target="target">live auf einer Website zusammenarbeiten</a> und gemeinsam an deinem Design arbeiten – 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="stay-in-control-of-your-design" level="3">Behalte die Kontrolle über dein Design</h2></div><div data-component-type="text"><div>Mit Wix Harmony bist du nie auf eine Arbeitsweise beschränkt – baue deine Website visuell mit präzisem Drag-and-Drop oder lass die KI Designs generieren, die du verfeinern kannst. </div></div><div data-component-type="text"><div>Du kannst es dir einfach machen, 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 verschieben, um die Hilfslinien und Elementgrößen in Pixeln anzuzeigen" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="build-with-ease" level="3">Einfach erstellen</h2></div><div data-component-type="text"><div>Alles im Harmony Editor ist einfach gestaltet, selbst wenn du noch nie zuvor eine Website erstellt hast. Die dynamische Aktionsleiste oben zeigt die relevantesten Tools für das Element, an dem du gerade arbeitest. Die Benutzeroberfläche ist übersichtlich und leicht zu erfassen, sodass du weniger Zeit mit Suchen verbringst und mehr Zeit damit, deine 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>Brauchst du Hilfe bei der Arbeit an einem Element? Klicke in der Aktionsleiste auf <strong>Ask AI </strong>, um den Chat mit Aria zu starten. Wähle einen unserer schnellen Vorschläge (z. B. „Neues Design generieren“, „Layout korrigieren“) oder gib deine eigene Frage ein und lass Aria die Arbeit für dich erledigen.</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="express-your-unique-style" level="3">Drücke deinen einzigartigen Stil aus</h2></div><div data-component-type="text"><div>Gestalte deine Website ganz nach deinem Geschmack. Verwende das <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Brand-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 ihr eine persönliche Note, indem du aus Tausenden von kostenlosen Grafiken, Bildern, Videos, Symbolen und mehr auswählst – alles ist in Kategorien organisiert und im <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-elemente-hinzufügen" target="target">Element-Panel</a> leicht zu finden. Du kannst auch ausdrucksstarke <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-animation-hinzufügen-und-anpassen" target="target">Animationen</a> auf deine Elemente anwenden, um Besucher zu binden.</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 „Hinzufügen“ im Wix Harmony Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hast du Interesse 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-ein-element-mit-ki-generieren" target="target">Dein eigenes, einzigartiges Element generieren</a> mit KI. Das bietet dir unendlich viele weitere Optionen, ohne dass du Design- oder Programmierkenntnisse benötigst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deliver-a-seamless-responsive-experience" level="3">Ein nahtloses, responsives Erlebnis liefern</h2></div><div data-component-type="text"><div>Mit Wix Harmony ist deine Website automatisch responsiv – sie passt sich sofort an, damit sie auf jedem Gerät gut aussieht, vom Desktop bis zum Smartphone. Du musst nie eine separate mobile Version erstellen oder dir Gedanken darüber 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-deine-website-für-mobilgeräte-anpassen" target="target">Wechsle jederzeit zur mobilen Ansicht</a> im Editor. Du kannst die Größe von Elementen anpassen, sie verschieben, Elemente für Mobilgeräte ausblenden oder sogar Elemente hinzufügen, die nur auf Mobilgeräten angezeigt werden, 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 die mobile Ansicht 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">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">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 für Wix Harmony verfügbar. Du findest die verfügbaren Apps, indem du den App-Markt im Wix Harmony Editor und in der 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 derzeit arbeiten:</div><div><br /></div><div>Apps von Wix:</div><ul><li>CMS</li><li>Wix Hotels</li><li>Wix Music</li><li>Wix Multilingual</li><li>Wix Restaurants Orders (Neu)</li><li>Wix Referral Programs</li></ul><div><br /></div><div>Elemente und Effekte:</div><ul><li>Akkordeon</li><li>Audio-Player</li><li>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">Kann ich meine Website von Wix Harmony in den Wix Editor oder Studio Editor verschieben?</h4><div class="collapsible-content"><div>Sobald du eine Website mit dem Wix Harmony Editor erstellt hast, ist es nicht möglich, die Website entweder in den Wix Editor oder den Studio Editor zu übertragen. </div><div>Wenn du einen dieser Editoren verwenden möchtest, musst du eine neue Website auf der entsprechenden Plattform erstellen:</div><ul><li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-website-mit-einem-template-erstellen" target="target">Erfahre hier mehr über das Erstellen einer Website im Wix Editor</a>.</li><li><a data-composite="true" href="https://support.wix.com/de/article/studio-editor-eine-website-mit-einem-template-erstellen" target="target">Erfahre hier mehr über das Erstellen einer Website im Studio Editor</a>.</li></ul><div><br /></div><div>Wenn deine Website von Wix Harmony ein Premiumpaket und/oder eine Domain hat, kannst du diese der neuen Website zuweisen:</div><ul><li><a data-composite="true" href="https://support.wix.com/de/article/ein-premiumpaket-einer-anderen-website-in-deinem-konto-bei-wix-zuordnen" target="target">Erfahre hier mehr darüber, wie du ein Premiumpaket einer anderen Website in deinem Konto von Wix zuweist</a>.</li><li><a data-composite="true" href="https://support.wix.com/de/article/eine-domain-deiner-website-von-wix-zuordnen" target="target">Erfahre hier mehr darüber, wie du eine Domain einer anderen Website in deinem Konto von Wix zuweist</a>.</li></ul><div><strong>Hinweis:</strong> Das Zuweisen deines Premiumpakets von Wix zu einer Website von Wix Studio erfordert ein <a data-composite="true" href="https://support.wix.com/de/article/wix-studio-ein-premiumpaket-für-deine-website-erwerben" target="target">Upgrade auf ein Wix Studio-Paket</a>. Upgrades können nur auf Pakete vorgenommen werden, die mehr Features bieten. </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 mit unserem <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-geführte-tour" target="target">Artikel zur geführten Tour</a> kennen.</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, findest ...

Wix Harmony Editor: Eine Website mit KI erstellen

Entdecke, wie du mit dem neuen Wix Harmony Editor in nur wenigen Schritten eine individuelle Website erstellen kannst, ganz ohne Design-Erfahrung. Lass dich von Aria, deiner KI-Assistentin, unterstützen, um eine professionelle Website zu gestalten, die zu deinem Unternehmen passt. Der Artikel führt dich durch den Prozess der Website-Erstellung, von der Auswahl eines Designs bis zur Anpassung deiner Inhalte, und bietet hilfreiche Tipps für den optimalen Einsatz der KI-Funktionen.

<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-die-differenz-zwischen-wix-editor-und-wix-harmony" target="target">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Das <a data-composite="true" href="https://de.wix.com" target="_blank">Erstellen einer Website</a> mit KI liefert dir eine individuelle Website, die zu den Anforderungen deines Unternehmens, deiner Marke und deinem Stil passt – ganz ohne Design-Erfahrung. Aria, deine KI-Assistentin, vereinfacht den Prozess und führt dich in nur wenigen Schritten von deiner ersten Idee zu einer ausgefeilten, 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 zu deinem Unternehmen, um eine personalisierte Verwaltung zu erhalten. Das kannst du 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>Beginne damit, den besten Ansatz für dich auszuwählen: 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 vollständig 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 von KI betrieben und kann daher unerwartete oder ungenaue Ergebnisse liefern. Überprüfe immer die Vorschläge oder Änderungen von Aria, 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>Anhand deiner Website-Infos wird Aria eine vorgeschlagene Beschreibung generieren, um zu erklären, wie das Website-Design aussehen und sich anfühlen 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 bei Bedarf. Füge weitere Informationen über dein Unternehmen, bevorzugte Farben, Stil oder alles, was dir wichtig ist, hinzu.</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 weißt noch nicht genau, was du möchtest? Stöbere durch unsere Templates und finde eines, das dich anspricht. Alle Templates sind sehr individuell anpassbar. Sobald du eines auf deine Website angewendet hast, 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 zu erhalten, bevor du dich entscheidest. 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 Template findest, klicke auf <strong>Alle anzeigen</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>Mit 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, deine Website zu erstellen. Sie wird die Seiten, Layouts und Farben deiner Website generieren und deine Website mit Starter-Content und Bildern füllen. Du siehst den Fortschritt live im Editor, während sie arbeitet.</div></div><div data-component-type="text"><div>Wenn deine Website bereit ist, öffnet sich eine Live-Vorschau im Editor zusammen mit Tools, um deine Website für die Veröffentlichung fertigzustellen. Verwende Aria, um <a data-composite="true" href="https://support.wix.com/de/article/eine-domain-bei-wix-erwerben" target="target">eine Domain zu verknüpfen</a>, dein Design weiter zu bearbeiten und deine Website-Infos zu aktualisieren.</div></div><div data-component-type="text"><div>Du kannst Aria bitten, Änderungen am Design und der Struktur deiner Website vorzunehmen, wie zum Beispiel neue Abschnitte zu generieren, Website-Farben anzupassen, die Tonalität zu aktualisieren und 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-Features</a>, die Wix für das Erstellen, Verwalten und Vergrößern deines Online-Unternehmens anbietet.</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">Wie schreibe ich einen guten Prompt, um meine Website zu starten?</h4><div class="collapsible-content"><div>Um einen guten Prompt für das Erstellen einer Website zu schreiben, sei klar und spezifisch bezüglich des Zwecks, des Stils und der wichtigsten Features deiner Website. Füge Details wie Zielgruppe, gewünschte Abschnitte oder Seiten sowie bevorzugte Farben oder Design-Elemente hinzu.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meinen eigenen Content zur Website hinzufügen, sobald sie generiert wurde?</h4><div class="collapsible-content"><div>Ja, sobald deine Website erstellt ist, kannst du deinen eigenen Content (zum Beispiel Text und Bilder) überall hinzufügen, wo du möchtest. Du kannst beliebige Änderungen am Design vornehmen, entweder manuell oder mit der Hilfe von Aria.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meine KI-generierte Website zu einem Standard-Template wechseln?</h4><div class="collapsible-content"><div>Wenn du eine Website mit KI erstellt hast, kannst du sie nicht zu einem anderen 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><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es eine andere Möglichkeit, eine Wix Harmony Website zu erstellen?</h4><div class="collapsible-content"><div>Ja, du kannst eine Wix Harmony Website mit ChatGPT erstellen, anstatt im regulären Flow von Wix zu starten. Sobald die Website erstellt ist, kannst du sie im Wix Harmony Editor weiter anpassen. <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-website-über-chatgpt-erstellen" target="target">Erfahre hier mehr darüber, wie du eine Website mit ChatGPT erstellst</a>.</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 mit dem neuen Wix Harmony Editor und der KI-Partnerin Aria deine Website effizienter erstellen und gestalten kannst. Aria bietet dir kreative Vorschläge, hilft bei der Content-Erstellung und unterstützt dich bei der Anpassung deiner Website. Lerne, wie du Aria nutzen kannst, um deine Ideen schneller umzusetzen und deine Designentscheidungen zu optimieren, während du die volle Kontrolle über den Prozess behältst.

<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-die-differenz-zwischen-wix-editor-und-wix-harmony" target="">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Wenn du im Wix Harmony Editor eine <a data-composite="true" href="https://de.wix.com" target="_blank">Website erstellst</a>, kannst du deine Ideen mit der Kraft von KI 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>

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: Die Differenz zwischen Wix Editor und Wix Harmony

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 Werkzeuge und KI-Unterstützung durch Aria, während der Wix Editor über ein Panel mit großen Symbolen verfügt. Lerne, wie du die Vorteile beider Editoren nutzen kannst, um deine Website effektiv zu gestalten.

<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 Ungewohntes siehst. </div></div><div data-component-type="text"><div>Dieser Artikel erklärt die wichtigsten Unterschiede zwischen den Editoren, damit du herausfinden 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 saubere, minimalistische Arbeitsumgebung, die es dir ermöglicht, dich mit Ease zu konzentrieren. Die Hauptaktionen 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, der eine gestaltete Website zeigt" /></div></div><div data-component-type="text"><div>Das Auswählen eines Elements öffnet die Aktionsleiste. 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, die über der Seite erscheint" /></div></div><div data-component-type="text"><div>Wix Harmony führt außerdem Aria ein, deinen kompetenten KI-Partner, der jederzeit bereit ist, dir zu helfen. 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>. Bewege dich frei zwischen dem Prompten deines KI-Agenten und präzisem Drag-and-Drop, sodass sich das Erstellen so natürlich anfühlt wie Denken.</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, wirst du ein Panel mit großen Symbolen auf der linken Seite des Tabs bemerken. Diese Symbole öffnen die Hauptpanels, 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, der die linken Panels hervorhebt" /></div></div><div data-component-type="text"><div>Das Auswählen eines Elements öffnet eine Symbolleiste mit den wichtigsten Aktionen, die du benötigst. Sie erscheint direkt über oder unter dem Element. </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 individuellen Anpassungsoptionen im Wix Editor." /></div></div><div data-component-type="text"><div>Der Wix Editor enthält mehrere KI-Tools, die über das Symbol für <strong>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 enthält er nicht die Option, während des 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 KI-Tools-Panel 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">FAQ</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 zum Wix Harmony Editor zu verschieben?</h4><div class="collapsible-content"><div>Aktuell ist es nicht möglich, eine bestehende Website vom Wix Editor zum Wix Harmony Editor zu migrieren. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Unterstützt der Wix Harmony Editor dieselben Apps und Features wie der Wix Editor?</h4><div class="collapsible-content"><div>Der Wix Harmony Editor enthält die meisten Elemente und Apps, die du aus dem Wix Editor kennst. Du findest dort auch eine große Auswahl an neuen Designs, die speziell für Wix Harmony kuratiert wurden, sowie die Option, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-ein-element-mit-ki-generieren" target="target">deine eigenen Elemente zu generieren</a> mit KI.</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 Donations</li><li>Wix Hotels</li><li>Wix Music</li><li>Wix Multilingual</li><li>Wix Restaurants Orders (Neu)</li><li>Wix Referral Programs</li></ul><div><br /></div><div>Elemente und Effekte:</div><ul><li>Akkordeon</li><li>Audio-Player</li><li>Anpassung des Zustands beim Überfahren (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 vollständig von den Designentscheidungen ab, die du triffst. Beide Editoren lassen dich einzigartige, professionelle Websites erstellen. </div><div><br /></div><div>Davon abgesehen gibt dir Wix Harmony Zugriff auf neue Website-, Abschnitts- und Element-Designs. Wenn du diese verwendest, könnte deine Website mit einem frischeren Look 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>

Wix Harmony Editor: Eine geführte Tour

Entdecke den neuen Wix Harmony Editor, der dir eine intuitive und kreative Plattform bietet, um deine Website zu gestalten, ohne Design- oder Programmierkenntnisse. Lerne, wie du mit intelligenten KI-Tools, dynamischen Designoptionen und einer responsiven Arbeitsfläche schneller als je zuvor arbeiten kannst. Der Artikel führt dich durch die wichtigsten Funktionen des Editors, einschließlich der Aktionsleiste, der oberen Navigationsleiste und der Möglichkeit, deine Website für mobile Geräte anzupassen.

<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-die-differenz-zwischen-wix-editor-und-wix-harmony" target="target">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Willkommen bei Wix Harmony, dem brandneuen All-in-One-Builder, der kreative Magie direkt an deine Fingerspitzen bringt. Mit intelligenteren KI-Tools, dynamischen Designoptionen und völliger Freiheit beim Erstellen kannst du <a data-composite="true" href="https://de.wix.com" target="_blank">deine erste Website veröffentlichen</a> oder dein neuestes Projekt voller 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 Innovationen zu entwickeln – ganz ohne Design- oder Programmierkenntnisse.</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 zeigt" /></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 änderst, passt sich die Arbeitsfläche automatisch an, sodass du immer sehen kannst, wie deine Website bei 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 das zugeschnitten sind, woran du gerade arbeitest. Wähle ein Menü, einen Abschnitt oder ein Element aus, und du wirst feststellen, 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 schnell die Option, dessen Schriftart sowie 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, die über der Seite erscheint" /></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-seiten-hinzufügen-und-verwalten" 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 Website-Verwaltung und vieles mehr. Diese Leiste hält deine wichtigsten Steuerelemente nur einen Klick entfernt, damit 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 Editor" /></div></div><div data-component-type="text"><div>Klicke unten, um mehr über jeden Teil der oberen Leiste zu erfahren. </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 deine Website in der Vorschau anzeigen, Änderungen veröffentlichen, den Website-Verlauf aufrufen, auf die Medienverwaltung zugreifen, Marketing-Tools öffnen und mehr. </div><div><br /></div><div>Über dieses Menü gelangst du auch direkt zu deiner Website-Verwaltung, kannst 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 wichtigen 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-Mitgliedsprofil, um personalisierten Content zu gestalten, deine Suchpräsenz zu verbessern und die Identität deiner Website in den Mittelpunkt zu stellen.</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 <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="target">Marken</a>-Panel definierst du das Design deiner Website. Richte deine Farbpalette ein, wähle Textstile und passe Themes für Buttons, Linien und Boxen an, damit jede Seite konsistent und passend zum Branding ist. </div><div><br /></div><div>Die Aktualisierung dieser globalen Stile stellt sicher, dass deine gesamte Website ausgefeilt 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>Ein Klick auf den Namen der aktuellen Seite öffnet das<strong> </strong><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-seiten-hinzufügen-und-verwalten" target="target">Website-Seiten</a>-Panel auf der linken Seite. Hier kannst du deine Website-Seiten ansehen, hinzufügen und verwalten. </div><div><br /></div><div>Wechsle schnell zwischen Seiten, erstelle neue und passe die Seiteneinstellungen an, um deine Website-Struktur übersichtlich und leicht 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>Das <strong> anpassen </strong>-Dropdown oben im Editor ermöglicht es dir, die Ansicht deiner Website während der Bearbeitung anzupassen. Zoome sofort hinein oder hinaus, wähle ein Preset für die Zoomstufe oder passe die Seite an deinen Tab an. </div><div><br /></div><div>Das hilft dir, dich auf Details zu konzentrieren oder den Überblick zu behalten, wodurch Design-Anpassungen einfacher und präziser werden.</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 aussieht. Wenn du bereit bist, deine Website zu teilen, klicke auf <strong>Veröffentlichen</strong>. </div><div><br /></div><div>Sobald du <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-deine-website-in-der-vorschau-anzeigen-und-veröffentlichen" 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 dem Mobilgerät ansehen kannst. Besucher können sofort auf deine Website zugreifen und du kannst deine eigene 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 Element-Panel</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, Bildern, Diashows, Menüs und sogar Apps von Drittanbietern erkunden. </div></div><div data-component-type="text"><div>Filter nach Kategorie 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 Element-Panel 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 (Aria) fragen</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>Ask Aria</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 Ask Aria 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, 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 musst, sende einfach eine weitere Nachricht direkt im Chat an Aria.</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 zeigt" /></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 Klick schnell zwischen Desktop- und mobiler Ansicht wechseln. Die mobile Ansicht zeigt dir, wie deine Website auf kleineren Bildschirmen aussieht. </div></div><div data-component-type="text"><div>Während deine Website automatisch auf verschiedene Bildschirmgrößen reagiert, hast du immer die Freiheit, das <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-deine-website-für-mobilgeräte-anpassen" target="target">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, die dir helfen, jeden Teil deiner Seite zu steuern. 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 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 Ebenen-Panel 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 deinen aktuellen Bereich im Editor zugeschnitten sind. So erhältst du ganz einfach Support und entdeckst neue Features, ohne deinen Workspace 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">Erstellen mit Wix Harmony:</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 frei zwischen dem Prompten deines KI-Agenten und präzisem Drag-and-Drop, sodass sich das Erstellen so natürlich anfühlt wie Denken.</div></div></div></div>

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

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

Entdecke den neuen Wix Harmony Editor, der dir hilft, deine Website einfach zu verwalten und immer auf dem neuesten Stand zu halten. Lerne, wie das automatische Speichern deine Arbeit schützt, wie du deine Website im Vorschaumodus testen kannst, und wie du deine Änderungen mit einem Klick veröffentlichst. So kannst du sicherstellen, dass dein Content immer bereit ist, die Welt zu begeistern.

<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 unsicher 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>Verwalte deine Website direkt über den Editor, um sie mit deinen neuesten Änderungen auf dem aktuellen Stand zu halten. Speichere, zeige eine Vorschau an und veröffentliche, wann immer dich die Inspiration packt, damit dein Content immer bereit ist, zu glänzen.</div></div><div data-component-type="text"><div>Im Editor von Wix Harmony wird deine Website automatisch gespeichert, sodass du dir keine Sorgen machen musst, deine Arbeit zu verlieren. Du kannst deinen Fortschritt auch jederzeit manuell speichern, um ganz sicherzugehen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-autosave" level="3">Das automatische Speichern verwenden</h2></div><div data-component-type="text"><div>Das automatische Speichern hilft dir, deine Arbeit zu schützen, indem Änderungen automatisch gespeichert werden, während du deine Website erstellst. Diese Funktion stellt sicher, dass du nie Fortschritte verlierst, falls du einmal vergisst, 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 oben rechts im Editor ü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" />.</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 Symbols für automatisches Speichern, das im Wix Harmony Editor hervorgehoben ist." /></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>Teste deine Website und sieh sie dir genau so an, wie deine Besucher es tun – auf jedem Gerät. Der Vorschaumodus bietet dir eine realistische Ansicht deines Designs, der Navigation und der responsiven Features, 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 aus, was du als Nächstes tun möchtest: <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 Vorschau-Buttons, der im Wix Harmony Editor hervorgehoben ist." /></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 <strong>Symbol für 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" />, um die Vorschau genau an deine Bildschirmgröße anzupassen.</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 gehen deine Updates live, sodass die Welt deine neueste Arbeit sofort sehen kann. Deine Website ist immer nur einen Klick davon entfernt, öffentlich zu sein 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ätigungsmeldung, dass deine Website live ist.</li><li>(Optional) Scanne mit deinem Mobilgerät das Symbol für <strong>QR-Code</strong>, um schnell zu testen, wie deine Website auf Mobilgeräten 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 Veröffentlichen-Buttons, der im Wix Harmony Editor hervorgehoben ist." /></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. Jeder, 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-eigene-domain-mit-deiner-website-von-wix-verbinden" target="target">Domainnamen</a> eingibt, kann sie sehen.</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 Speichern und Veröffentlichen?</h4><div class="collapsible-content"><div>Das Speichern sichert deine Änderungen privat; nur du und dein Team sehen sie im Editor. 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">frühere Versionen deiner Website anzeigen und wiederherstellen kannst</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie blende ich eine Seite auf meiner Website aus, 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 <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-menüs-hinzufügen-und-verwalten#managing-menu-items" target="target">sie aus deinem Website-Menü entfernen</a>, bis du bereit bist, dass Besucher sie sehen. </div><div><br /></div><div>Du kannst auch in Betracht 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="target">ein Passwort hinzuzufügen</a>, um auf die Seite zuzugreifen (falls jemand den Link 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>Stelle sicher, dass du nach dem Vornehmen deiner Änderungen im Editor auf den Button <strong>Veröffentlichen</strong> geklickt 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, 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 oben links im Editor auf das <strong>Wix</strong> Dropdown-Menü.</li><li>Fahre mit der Maus über <strong>Website-Aktionen</strong> und klicke auf <strong>Veröffentlichung zurückziehen</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 finde ich sie nicht bei Google?</h4><div class="collapsible-content"><div>Neue Websites, Seiten und Updates benötigen möglicherweise etwas Zeit, bis sie in den Suchergebnissen erscheinen, da sie 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>mystunningwebsite.com/“. </div><div><br /></div><div><strong>Tipp:</strong> Optimiere die <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 Optimierung der SEO kann auch das Ranking deiner Website auf den Suchergebnisseiten verbessern. </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: 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.

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 mit der Wix App und ChatGPT deine Ideen in eine Live-Website umsetzen kannst, ohne den Chat zu verlassen. Verbinde die beiden, beschreibe deine Website-Vision und lass die KI eine Wix Harmony-Website für dich erstellen. Du kannst direkt im Chat mit @wix taggen und die KI generiert die Website, die du dann im Wix Editor weiter anpassen kannst. So wird der Website-Erstellungsprozess einfach und effizient!

<div data-component-type="text"><div>Verwandle jede Idee in eine <a data-composite="true" href="https://de.wix.com" target="_blank">Live-Website</a>, 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>

Wixel hilft dir dabei, deine Ideen durch Bilder, Logos, Videos, Dokumente und andere kreative Assets zum Leben zu erwecken. Wenn du bereit bist, eine Website zu erstellen, kann Aria dein Wixel-Projekt...

Wix Harmony Editor: Eine Website von Wixel erstellen

Entdecke, wie du mit Wixel eine individuelle Website erstellen kannst, die deine Ideen durch Bilder, Logos und Videos zum Leben erweckt. Lerne, wie du entweder ein Projekt oder eine Marke nutzen kannst, um den Website-Prompt zu gestalten und deine Inhalte in eine ansprechende Wix Harmony-Website zu verwandeln. So kannst du deine Online-Präsenz effektiv aufbauen und anpassen.

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/de/article/wixel-einen-überblick-erhalten" target="target">Wixel</a> hilft dir dabei, deine Ideen durch Bilder, Logos, Videos, Dokumente und andere kreative Assets zum Leben zu erwecken. Wenn du bereit bist, eine Website zu erstellen, kann Aria dein Wixel-Projekt oder deine Marke in eine individuell gestaltete <a data-composite="true" href="https://support.wix.com/de/using-the-wix-harmony-editor" target="target">Website von Wix Harmony</a> verwandeln, die durch deinen Content, deine Medien und deine Markendetails geformt wird.</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/05/14/ca21aa7c-8ac0-42e2-8df8-4fa3d55ddb22/e188bf29-5189-4983-b47c-73a4b5b42955.png" alt="Ein Screenshot einer Wix Harmony-Website, die von Wixel generiert wurde." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-site-from-wixel" level="3">Eine Website von Wixel erstellen</h2></div><div data-component-type="text"><div>Erstelle eine Website von Wixel aus mithilfe eines <a data-composite="true" href="https://support.wix.com/de/article/wixel-ein-projekt-von-anfang-bis-ende-erstellen" target="target">Projekts</a> oder einer <a data-composite="true" href="https://support.wix.com/de/article/wixel-marken-verstehen" target="target">Marke</a>. Beginne mit einem Projekt, um den Content zu verwenden und den Website-Prompt zu formen, oder beginne mit einer Marke, wenn der Prompt deine Markendetails und Design-Leitfäden widerspiegeln soll.</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><a data-composite="true" href="https://support.wix.com/de/article/wixel-deine-erste-marke-erstellen-und-verknüpfen" target="target">Verknüpfe eine Marke</a> mit dem Projekt, um eine Website für deine Marke zu erhalten.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Website von Wixel zu erstellen:</h2></div><div data-component-type="text"><ol><li><a data-composite="true" href="https://www.wix.com/intro/wixel" target="_blank">Öffne den Bereich Wixel</a>.</li><li>Wähle aus, von wo aus du eine Website erstellen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Von einem Projekt</h4><div class="collapsible-content"><div>Erstelle eine Website direkt aus deinem Wixel-Projekt. Aria verwendet den Content in deinem Projekt, um einen Website-Prompt zu erstellen, den du überprüfen kannst, bevor du die Website im Wix Harmony Editor generierst.</div><ol><li>Klicke oben auf <strong>Meine Projekte</strong>.</li><li>Öffne das entsprechende Projekt.</li></ol><div><br /></div><div><strong>Hinweise:</strong></div><ul><li>Füge deinem Projekt Assets hinzu, damit Aria einen maßgeschneiderten Website-Prompt generieren kann. Du kannst zwar weiterhin eine Website aus einem leeren Projekt erstellen, aber dadurch wird stattdessen der <a data-composite="true" href="https://manage.wix.com/ai-assistant" target="target">Erstellungs-Flow für die Website von Wix Harmony</a> geöffnet.</li><li>Die Assets deines Projekts erscheinen nicht automatisch auf der generierten Website. Die Bilder und Logos, die du bei der Überprüfung des Website-Prompts auswählst, sind jedoch in der <a data-composite="true" href="https://support.wix.com/de/article/wix-media-deine-dateien-in-der-medienverwaltung-ansehen" target="target">Medienverwaltung</a> der Website verfügbar.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Von einer Marke</h4><div class="collapsible-content"><div>Erstelle eine Website aus deinem <a data-composite="true" href="https://support.wix.com/de/article/wixel-mit-marken-arbeiten" target="target">Marken-Workspace</a>, wenn Aria deine Markendetails und Design-Leitfäden verwenden soll, um den Website-Prompt der Website zu gestalten. Im Gegensatz zum Starten aus einem Wixel-Projekt dient der Marken-Workspace nur als Referenz für das Briefing zur Website-Erstellung.</div><ol><li>Klicke in der oberen Leiste auf das Drop-down-Menü <strong>Meine Marken</strong>.</li><li>Wähle die entsprechende Marke aus der Liste aus.</li></ol></div></div></div><div data-component-type="text"><div>3. Bitte Aria, eine Website zu erstellen (z. B. „Erstelle eine Website für meine Bäckerei“).</div><div>4. Klicke im Chat auf <strong>Website-Prompt überprüfen</strong>.<br />
<strong>Tipp: </strong>Achte darauf, dass der Chat genügend Details enthält, damit Aria einen Prompt generieren kann. Wenn der Chat nicht genügend Informationen enthält, erhältst du eine allgemeine Antwort anstatt eines Website-Prompts.<br />
5. Überprüfe den Prompt im Seiten-Panel:</div><ul><li><strong>Website-Prompt bearbeiten: </strong>Bearbeite den Text, den Aria verwendet, um das Design und die Content-Ausrichtung deiner Website zu erstellen.</li><li><strong>Wixel-Medien transferieren: </strong>Wähle die Bilder und Logos aus, die du in die Medienverwaltung deiner Website kopieren möchtest.</li></ul><div>6. Klicke auf <strong>Website generieren</strong>.<br />
<strong>Tipp: </strong>Der Wix Harmony Editor öffnet sich in einem neuen Tab und deine Website wird dort generiert. Du kannst im Editor <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-aria-arbeiten" target="target">weiterhin mit Aria arbeiten</a>, um Anpassungen vorzunehmen und dich zum Design beraten zu lassen.</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/05/12/41850b4e-a2ec-412b-8bcc-1d56ff7c32b5/3ab922f4-5b5b-4b67-9259-c3b15f2e5f46.png" alt="Ein Screenshot der Website-Generierung in Wixel." /></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 Wix Harmony Editor an und bereite dich darauf vor, live zu gehen. Wenn du neu im Editor bist, können dir die folgenden Artikel beim Loslegen 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">Arbeiten mit Aria</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-die-marke-deiner-website" target="target">Über die Marke deiner Website</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">FAQ</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr über das Erstellen von Websites von Wixel aus zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es andere Möglichkeiten, eine Website von Wixel aus zu erstellen?</h4><div class="collapsible-content"><div>Ja, hier sind weitere Möglichkeiten, wie du eine Website von Wix Harmony aus Wixel erstellen kannst:</div><ul><li><a data-composite="true" href="https://support.wix.com/de/article/wixel-dein-design-remixen" target="target"><strong>Design remixen</strong></a><strong>: </strong>Nimm ein bestehendes Design aus deinem Wixel-Projekt und verwandle es in eine Website mit demselben Design.</li><li><strong>Eine Website aus einem Template erstellen: </strong>Durchstöbere unser Angebot an Templates für Websites von Wix, die über das <strong>„Design hinzufügen“</strong>-Panel in Wixel verfügbar sind. <ol><li><a data-composite="true" href="https://manage.wix.com/wwwixel/dashboard/projects" target="_blank">Öffne dein Projekt in Wixel.</a></li><li>Klicke auf <strong>Design hinzufügen</strong>.</li><li>Scrolle nach unten und klicke links auf <strong>Website-Templates von Wix</strong>.</li><li>Fahre mit der Maus über ein Template und wähle aus, was du tun möchtest: <ul><li>Klicke auf <strong>Ansicht</strong>, um eine Vorschau des Templates zu sehen.</li><li>Klicke auf <strong>Mit Wix bearbeiten</strong>, um eine Website mit diesem Template im Wix Harmony Editor zu erstellen.</li></ul></li></ol></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich mehr als eine Website pro Projekt oder Marke erstellen?</h4><div class="collapsible-content"><div>Ja, du kannst mehrere Websites aus demselben Wixel-Projekt oder Marken-Workspace erstellen. <a data-composite="true" href="https://support.wix.com/de/article/mehrere-websites-unter-einem-konto-verwalten" target="target">Erfahre hier mehr darüber, wie du zwischen Websites wechselst</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was passiert, wenn ich meine Website an einen anderen Nutzer transferiere?</h4><div class="collapsible-content"><div>Wenn du <a data-composite="true" href="https://support.wix.com/de/article/website-mit-premiumpaket-in-ein-anderes-konto-bei-wix-transferieren" target="target">die Website transferierst</a> an einen anderen Nutzer, wird die Verknüpfung zum Wixel-Projekt getrennt und die Website ohne diese Verknüpfung übertragen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was passiert, wenn ich ein Wixel-Projekt oder eine verknüpfte Website lösche?</h4><div class="collapsible-content"><div>Das Löschen eines Wixel-Projekts, das mit einer Website verknüpft ist, hat keine Auswirkungen auf die Website, und das Löschen der Website hat keine Auswirkungen auf das Projekt. Es wird lediglich die Verknüpfung zwischen den beiden entfernt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Verwendet das Erstellen einer Website KI-Credits?</h4><div class="collapsible-content"><div>Nein, das Generieren einer Website aus einem Wixel-Projekt zieht keine KI-Credits von deinem Wixel KI-Credits-Saldo ab.</div><div><br /></div><div><strong>Tipp: </strong>Du kannst deine Wixel KI-Credits für verschiedene KI-Tools in deinem Konto von Wix verwenden. <a data-composite="true" href="https://support.wix.com/de/article/über-ki-credits" target="target">Erfahre hier mehr über KI-Credits bei Wix.</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich eine bestehende Website mit einem Wixel-Projekt verknüpfen?</h4><div class="collapsible-content"><div>Nein, eine bestehende Website kann nicht mit einem bestehenden Projekt verknüpft werden. Du kannst die beiden nur verknüpfen, wenn eine Website aus einem Projekt heraus erstellt wird.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich eine Website über die Wixel-App erstellen?</h4><div class="collapsible-content"><div>Ja, du kannst den Prozess über die Wixel-App starten, aber der Wix Harmony Editor ist auf Mobilgeräten noch nicht verfügbar. Wenn du Aria bittest, eine Website zu erstellen, erhältst du eine E-Mail mit einem Link. Öffne diesen Link auf einem Desktop-Computer, um die Website-Erstellung abzuschließen.</div></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