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: Hamburger-Menüs verwenden

Entdecke, wie du ein Hamburger-Menü im Wix Harmony Editor hinzufügen und anpassen kannst, um eine platzsparende und benutzerfreundliche Navigation zu schaffen. Lerne, wie du das Design des Menüs und der Schaltflächen an dein Branding anpassen kannst, um ein ansprechendes Nutzererlebnis zu bieten. Mit diesen Anpassungen kannst du sicherstellen, dass dein Menü auf allen Geräten gut aussieht und leicht zugänglich ist.

Wix Harmony Editor: Mit der DOM Order arbeiten

Erfahre, wie die DOM-Reihenfolge (Document Object Model) deiner Website die Benutzererfahrung, Leistung und Suchmaschinenplatzierung beeinflusst. Lerne, warum eine klare DOM-Struktur wichtig ist und wie du sie im Wix Harmony Editor anpassen kannst, um die Barrierefreiheit zu verbessern und die Ladezeiten zu optimieren. Teste die DOM-Reihenfolge deiner Website und passe sie manuell an, um sicherzustellen, dass alle Elemente in der richtigen Reihenfolge geladen werden.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">erfährst du hier mehr Informationen dazu</a>.</div></div></div></div><div data-component-type="text"><div>Die DOM-Reihenfolge (Document Object Model) bezieht sich darauf, wie deine Website-Seiten strukturiert sind. Sie bestimmt die Lade- und Auswahlreihenfolge der Elemente deiner Seite – was zuerst kommt, was als Zweites und so weiter.</div></div><div data-component-type="text"><div>Eine klare, logische DOM Order kann deine Website in vielerlei Hinsicht optimieren. Erfahre hier mehr über die Informationen in diesem Artikel, warum die DOM wichtig ist und wie du damit arbeiten kannst. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Warum die DOM Order wichtig ist</h2></div><div data-component-type="text"><div>Die Website-DOM ist die Lade- und Lesereihenfolge von Elementen auf Website-Seiten und kann Folgendes beeinflussen:</div></div><div data-component-type="text"><ul> <li><strong>Barrierefreiheit: </strong>Einige Besucher der Website verwenden möglicherweise die Tab-Taste, einen Screenreader oder andere unterstützende Technologien, um auf deiner Website zu navigieren. Diese Technologien verlassen sich auf die DOM Order, um die Reihenfolge zu kennen, in der Elemente ausgewählt oder gelesen werden.</li>  <li><strong>Performance:</strong> Die DOM bestimmt die Reihenfolge, in der Elemente auf einer Website geladen werden. Wenn sie nicht mit der visuellen Reihenfolge der Elemente übereinstimmt, kann dies das Laden der Website beeinträchtigen (z. B. kann es dazu führen, dass sich das Layout der Seite beim Laden des Contents verschiebt).</li>  <li><strong>Platzierung in Suchergebnissen:</strong> Suchmaschinen verwenden die DOM, um die Reihenfolge zu bestimmen, in der eine Website gecrawlt wird (von links nach rechts und von oben nach unten). Eine ungeordnete oder falsche DOM kann dazu führen, dass die Suchmaschine den Content in der falschen Reihenfolge „liest“ und den Content falsch versteht.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du die DOM Order deiner Website testen?</div><div class="info-content"><div>Du kannst die automatische DOM Order einer Website von Wix testen, indem du die Tab-Taste deiner Tastatur oder einen Screenreader in der Live-Version der Website verwendest.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-adjusting-the-dom-order" level="3">Die DOM Order manuell anpassen</h2></div><div data-component-type="text"><div>Wix organisiert die DOM Order deiner Website standardmäßig automatisch – so bleibt der Content der Seite für die Performance und die Platzierung optimiert. Du kannst die DOM Order bestimmter Abschnitte und Container jedoch manuell anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die automatische DOM zu deaktivieren:</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 auf das Symbol für <strong>Ebenen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/8b9c0589-c455-431a-8224-b36d2ff50988/8391824e-7092-493c-8278-53c4a215ed8b.png" /> unten links im Editor.</li>  <li>(Im Ebenen-Panel) 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/2025/11/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" /> neben dem entsprechenden Abschnitt oder Container.</li>  <li>Klicke auf <strong>An</strong> neben <strong>DOM-Reihenfolge optimieren</strong>, um diese zu deaktivieren.</li>  <li>Ziehe die entsprechenden Elemente per Drag-and-Drop in die gewünschte Reihenfolge.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-dom-order-in-the-accessibility-wizard" level="3">Die DOM Order im Wizard für Barrierefreiheit anpassen</h2></div><div data-component-type="text"><div>Du wirst eventuell im <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-wizard-für-barrierefreiheit-verwenden" target="target">Wizard für Barrierefreiheit</a> dazu aufgefordert, die DOM Order automatisch zu organisieren. Dies kann unter bestimmten Seiten oder für die gesamte Website erscheinen:</div></div><div data-component-type="text"><ul> <li><strong>Probleme auf Website-Ebene: </strong>Verschiedene Sprachen haben unterschiedliche Leserichtungen (z. B. wird Französisch von links nach rechts und Arabisch von rechts nach links gelesen). Diese Aufgabe wird angezeigt, wenn die Leserichtung der Sprache der Website nicht mit der visuellen Reihenfolge deiner Elemente übereinstimmt.</li>  <li><strong>Seitenprobleme:</strong> Diese Aufgabe wird angezeigt, wenn die DOM in mindestens einem der Abschnitte oder Container der Seite deaktiviert ist.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Um die DOM Order mit dem Wizard zu organisieren:</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 links im Editor auf den Namen deiner Website.</li>  <li>Scrolle nach unten zu <strong>Barrierefreiheit</strong> und klicke auf <strong>Probleme beheben</strong>.</li>  <li>Klicke auf <strong>Website scannen</strong>.</li>  <li>Organisiere die DOM Order mit dem Aufgabentyp:
    <ul>
      <li><strong>Website-Ebene: </strong>Wähle das Dropdown-Menü <strong>Website-Ebene</strong> aus.</li>      <li><strong>Seitenebene: </strong>
        <ol>
          <li>Klicke auf die entsprechende Seitensammlung (z. B. Hauptseiten, Shop-Seiten).</li>          <li>Klicke auf die spezifische Seite.</li>        </ol>      </li>    </ul>  </li>  <li>Klicke auf das Dropdown-Menü <strong>DOM-Reihenfolge organisieren</strong>.</li>  <li>Wähle <strong>Automatisch (empfohlen)</strong>.</li>  <li>Klicke auf <strong>Anwenden</strong>.</li>  <li>(Optional) Überprüfe die visuelle Anzeige der Website-Elemente, um sicherzustellen, dass sie ausgerichtet sind.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Woher bezieht Wix seine Informationen zur Barrierefreiheit?</div><div class="info-content"><ul> <li>Wir geben Empfehlungen gemäß dem <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Dokument der Web Content Accessibility Guidelines (WCAG)</a> ab, das vom <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a> entwickelt wurde. </li>  <li>Wir haben unseren Leitfaden auf den folgenden Erfolgskriterien basiert:
    <ul>
      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html" target="_blank">Aussagekräftige Reihenfolge (1.3.2)</a></li>      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html" target="_blank">Fokus-Reihenfolge (2.4.3)</a></li>    </ul>  </li></ul></div></div></div>

Wix Harmony Editor: Den Footer deiner Website anpassen

Entdecke, wie du die Fußzeile deiner Website im neuen Wix Harmony Editor anpassen kannst, um sie an deine Marke anzupassen. Füge Kontaktinformationen, Social-Media-Links oder ein individuelles Menü hinzu und gestalte das Design nach deinen Wünschen. Lerne, wie du die Größe, den Hintergrund und die Farben der Fußzeile anpassen kannst, um eine ansprechende Benutzererfahrung zu schaffen.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="target">erfährst du hier mehr darüber</a>.</div></div></div></div><div data-component-type="text"><div>Betrachte deine Fußzeile als die Signatur deiner Website am Ende jeder Seite – sie ist der perfekte Ort für Kontaktangaben, das Urheberrecht, ein <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-customizing-menus" target="target">individuelles Menü</a> oder Social-Media-Links. Füge Elemente hinzu, passe die Größe an, um mehr Raum zu schaffen, und gestalte die Fußzeile nach Bedarf. </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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/18e77e9e-71f2-4f91-b836-e098b4a11da6/a970c8dd-4657-4ba7-865d-e023d829b09e.png" alt="Ein Screenshot von der Bearbeitung eines Footers einer Website im Wix Harmony Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="die-fuzeile-deiner-website-anpassen" level="3">Die Fußzeile deiner Website anpassen</h2></div><div data-component-type="text"><div>Personalisiere den Hintergrund, die Ränder, Trennlinien und die Animation deiner Fußzeile, bis sie deine Marke widerspiegelt. Verwende den Griff zur Größenanpassung, um die Fußzeile so geräumig oder minimalistisch zu gestalten, wie du möchtest. Musst du mehr Informationen teilen? Vergrößere deine Fußzeile. Bevorzugst du ein klares, einfaches Design? Halte sie klein. Du hast die Wahl.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Footer deiner Website anzupassen:</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 auf den Footer.</li>  <li>Wähle aus, was du als Nächstes tun möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Das Design der Fußzeile anpassen</h4><div class="collapsible-content"><div>Wähle in der Aktionsleiste aus, was du anpassen möchtest:</div><ul> <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-customizing-your-section-background" target="target"><strong>Hintergrund ersetzen</strong></a><strong>:</strong> Klicke auf <strong>Hintergrund ersetzen</strong>, um den Hintergrund deiner Fußzeile zu ändern, indem du eine Farbe, ein Bild oder ein Video auswählst.</li> <li><strong>Farben:</strong> Klicke auf das Symbol für <strong>Farben</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/231dd69f-c942-425e-bb07-e3e7b21c25a1/c5c435dc-c2bc-423d-b98b-4f95540237b4.png" />, um die Farben deiner Fußzeile in eine deiner Markenfarben der Website zu ändern.</li> <li><strong>Deckkraft:</strong> Klicke auf das Symbol für <strong>Deckkraft</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/68a44d1f-72cc-45e4-8128-6bf3c02d139e/5b7ade33-6022-4163-ae2c-513c60ea046d.png" />, um die Deckkraft des Hintergrunds, des Bildes und der Farben des Abschnitts anzupassen, je nachdem, was dein Abschnitt enthält.</li> <li><strong>Ränder:</strong> Klicke auf das Symbol für <strong>Ränder</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/d2c09aa9-a76a-4f66-8a1c-edc0567a06fe/2ff6a260-07b8-433f-9b6b-7c9fc29e74d2.png" />, um Ränder um deine Fußzeile hinzuzufügen oder anzupassen. Ändere die Farbe, Breite und den Stil des Randes.</li> <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-customizing-shape-dividers" target="target"><strong>Abschnittstrennlinie</strong></a><strong>:</strong> Klicke auf das Symbol für <strong>Abschnittstrennlinie</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/4f682f1f-044c-40b3-b6f4-eac38cc953c1/034ee741-d587-4f86-8981-b89c81a4baea.png" />, um eine Linie hinzuzufügen oder zu bearbeiten, die deine Fußzeile optisch vom Rest der Seite trennt.</li> <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-eine-animation-hinzufügen-und-anpassen" target="target"><strong>Animationen</strong></a><strong>:</strong> Klicke auf das Symbol für <strong>Animation</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/3eddbec0-ca54-4b38-8b2c-a4a1509f3ff9/7714e774-161c-44bc-aa0d-4ef93eb6de50.png" />, damit deine Fußzeile beim Laden der Seite ein- oder ausfadet.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Größe der Fußzeile anpassen</h4><div class="collapsible-content"><div>Halte den Stretch-Griff am unteren Rand deiner Fußzeile und ziehe ihn auf die Größe, die für dich passt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Fußzeile ausblenden</h4><div class="collapsible-content"><div>Klicke mit der rechten Maustaste auf die Fußzeile und wähle <strong>Fußzeile ausblenden</strong>, um die Fußzeile von dieser spezifischen Seite zu entfernen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elemente zur Fußzeile hinzufügen</h4><div class="collapsible-content"><div>Füge der Fußzeile beliebige Elemente hinzu. Die Fußzeile ist zum Beispiel ein großartiger Ort, um Social-Media-Links oder ein individuelles Menü zu teilen, um die Navigation zu erleichtern. </div><ol> <li>Klicke oben links im Editor auf <strong>+ Hinzufügen</strong>.</li> <li>Wähle das Element aus, das du hinzufügen möchtest, zum Beispiel ein <strong>Menü</strong>.</li> <li>Ziehe das gewählte Element in den Bereich der Fußzeile.</li> <li><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-elementen-arbeiten" target="target">Positioniere und passe die Elemente</a> nach deinen Wünschen an.</li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hufig-gestellte-fragen-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">Kann ich einen Abschnitt unter meiner Fußzeile hinzufügen oder eine Kopie davon erstellen?</h4><div class="collapsible-content"><div>Du kannst keinen weiteren Abschnitt unter deiner Fußzeile hinzufügen oder diese duplizieren – deine Website hat eine einzelne Fußzeile, was alles einfach und konsistent hält.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich verschiedene Arten von Fußzeilen auf meiner Website erstellen?</h4><div class="collapsible-content"><div>Nein, jede Seite teilt den gleichen Stil und Content der Fußzeile. Auf diese Weise wissen deine Besucher immer, wo sie deine wichtigen Informationen finden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sollte ich ein Menü zu meiner Fußzeile hinzufügen?</h4><div class="collapsible-content"><div>Es ist zwar nicht zwingend erforderlich, aber wir empfehlen dir, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-adding-and-customizing-menus" target="">eine individuelles Menü</a> zu deiner Fußzeile hinzuzufügen, da dies Besuchern helfen kann, wichtige Seiten schnell zu finden, die du möglicherweise lieber aus dem Menü der Website ausblendest (z. B. deine Datenschutzerklärung, Sitemap usw.).</div><div><br /></div><div>Es hilft auch Suchmaschinen, deine Struktur der Website besser zu verstehen, was deine Platzierung in den Suchergebnissen verbessern könnte.</div></div></div></div>

Wix Harmony Editor: Abschnitte hinzufügen und anpassen

Entdecke, wie du mit dem neuen Wix Harmony Editor Abschnitte zu deiner Website hinzufügen und anpassen kannst. Lerne, wie du Inhalte organisierst, das Layout deiner Abschnitte änderst und das Design individuell gestaltest, um deine Marke hervorzuheben. Mit Funktionen wie KI-generierten Abschnitten und anpassbaren Hintergründen kannst du eine ansprechende und benutzerfreundliche Website erstellen.

Wix Harmony Editor: Die Kopfzeile deiner Website anpassen

Entdecke, wie du die Kopfzeile deiner Website im neuen Wix Harmony Editor anpassen kannst, um deinen persönlichen Stil auszudrücken und die Navigation zu verbessern. Lerne, wie du Hintergründe, Ränder und Scroll-Effekte anpasst, um ein ansprechendes Design zu erstellen. Außerdem erfährst du, wie du das Verhalten der Kopfzeile steuern und sie auf bestimmten Seiten ausblenden kannst, um ein optimales Nutzererlebnis zu gewährleisten.

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: Menüs hinzufügen und verwalten

Entdecke, wie du Menüs im neuen Wix Harmony Editor hinzufügen und anpassen kannst, um die Navigation auf deiner Website zu optimieren. Lerne, verschiedene Menütypen wie horizontale, vertikale und Hamburger-Menüs zu erstellen, und passe deren Layout und Design an, um ein benutzerfreundliches Erlebnis zu gewährleisten. Mit diesen Anpassungen kannst du sicherstellen, dass deine Besucher schnell und einfach auf die gewünschten Inhalte zugreifen können.

Wix Harmony Editor: Seiten hinzufügen und verwalten

Entdecke, wie du im neuen Wix Harmony Editor deine Seiten effektiv organisierst und anpasst, um eine stilvolle und ansprechende Website zu erstellen. Lerne, wie du neue Seiten hinzufügst, bestehende Seiten verwaltest und wichtige Einstellungen wie SEO und Zugriffsrechte anpasst. Mit praktischen Tipps zur Navigation und zur Anpassung deiner Seitenansicht kannst du deine Website optimal gestalten und präsentieren.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-den-unterschied-zwischen-dem-wix-editor-und-wix-harmony-verstehen" target="">erfährst du hier mehr darüber</a>.</div></div></div></div><div data-component-type="text"><div>Organisiere deine Seiten, damit deine Website stilvoll, ansprechend und anspruchsvoll bleibt. Nach dem Hinzufügen einer Seite kannst du ihr einen neuen Namen geben, sie als Startseite festlegen, sie im Menü ausblenden und sie perfekt an deinen Stil anpassen. Du kannst auch wählen, wie du deine Seiten anzeigen möchtest, entweder in einer minimalistischen Listenansicht oder in einer visuellen Rasteransicht mit Seitenvorschauen.</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/27/9b3746bd-ee9c-4b9d-b516-c513fd5c0064/abc8fb83-48ba-41bf-962a-2c62dacaf2e0.png" alt="Screenshot der Seitenverwaltung im Wix Harmony Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Zwischen Seiten navigieren:</div><div class="info-content"><div>Klicke oben links auf der Seite auf das <strong>Seiten</strong>-Dropdown, um zu einem anderen Bereich deiner Website zu navigieren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-new-page" level="3">Eine neue Seite hinzufügen</h2></div><div data-component-type="text"><div>Wähle aus einer Reihe von professionell gestalteten Seiten von Wix oder beginne ganz neu mit einer leeren Seite, um deine eigene Vision zu verwirklichen. Jede neue Seite, die du hinzufügst, wird sofort in deinem Website-Menü angezeigt und ist einsatzbereit.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine neue Website-Seite hinzuzufügen:</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 links auf der Seite auf das <strong>Seiten</strong>-Dropdown.</li>  <li>(In der Seitenverwaltung) Klicke unten auf <strong>+ Seite hinzufügen</strong>.</li>  <li>Wähle aus, wie du deine neue Seite erstellen möchtest:
    <ul>
      <li><strong>Mit KI generieren:</strong> Erhalte Ideen für Seiten und lasse die KI deine Seite erstellen. Überprüfe die vorgeschlagenen Seitentypen im Chat und wähle den aus, den du hinzufügen möchtest. Alternativ kannst du eine eigene Beschreibung der Seite verfassen, die du dir vorstellst.</li>      <li><strong>Design wählen:</strong> Durchsuche unsere designten Seiten-Templates und wähle das aus, das dir am besten gefällt.</li>      <li><strong>Leere Seite:</strong> Beginne mit einer komplett leeren Seite. Die neue Seite wird deiner Website hinzugefügt und du kannst sie direkt anpassen.</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/27/24fc2dc2-e811-4677-8683-b2f0ba753c50/c02677c9-9fa4-4725-a1f8-82cf7af59848.png" alt="Screenshot aus dem Wix Harmony Editor, Optionen zum Hinzufügen und Verwalten von Seiten werden angezeigt. Optionen zum Hinzufügen von Seiten werden eingeblendet." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-site-pages" level="3">Deine Website-Seiten verwalten</h2></div><div data-component-type="text"><div>Verwalte alle deine Website-Seiten an einem Ort, um deinen Content organisiert und aktuell zu halten. Füge neue Seiten hinzu, benenne bestehende um oder lösche sie und passe wichtige Einstellungen wie SEO, Mitgliederzugang und das Teilen auf Social Media an.</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/27/5b596023-d3ff-4a24-a81e-20fe4c83c14b/81167dae-e7dc-442a-a308-700faf90cb5b.png" alt="Screenshot der Seitenverwaltung im Wix Harmony Editor, das Menü für weitere Aktionen wird angezeigt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Die Ansicht des Panels ändern:</div><div class="info-content"><div>Klicke oben im Panel auf das Symbol für <strong>Raster</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/ba3bb70f-7b8a-4e12-be88-e68c6ca16782/28a3230e-cfc3-4fdb-a11a-caf5556fc45d.png" /> oder <strong>Liste</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/86af03f0-710a-4b92-8061-b9311c31018e/e3b3fd8d-2f55-40ea-a399-b5e475a7119c.png" />, um die Ansicht zu wechseln. Die Liste ist kompakter, während das Raster eine Vorschau jeder Seite anzeigt. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Website-Seiten zu verwalten:</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 links auf der Seite auf das <strong>Seiten</strong>-Dropdown.</li>  <li>(In der Seitenverwaltung) 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/2025/10/16/207b5bd2-1894-4b71-a342-d5d859e4a03b/5aa7b874-694d-4e28-b7ce-c4af6370342f.png" /> neben der entsprechenden Seite.</li>  <li>Wähle aus, was du als Nächstes tun möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Umbenennen</h4><div class="collapsible-content"><div>Gib deinen Seiten klare, aussagekräftige Namen, damit sich Besucher sicher zurechtfinden. Gib den neuen Namen der Seite ein und klicke auf <strong>Fertig</strong>. </div><div><br /></div><div><strong>Hinweis:</strong> Dies ändert automatisch den Namen der Seite in deinem Website-Menü. Bei Bedarf kannst du diesen <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">spezifischen Speisekartenartikel jederzeit umbenennen</a>, ohne den Namen der Seite zu beeinflussen. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Duplizieren</h4><div class="collapsible-content"><div>Dupliziere Website-Seiten, um Zeit zu sparen und das Design deiner Website professionell und einheitlich zu halten. Nachdem du auf <strong>Duplizieren</strong> geklickt hast, gib deiner neuen Seite einen Namen und beginne mit dem Bearbeiten. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Als Startseite einrichten</h4><div class="collapsible-content"><div>Mache diese Seite zur Haupt-Landingpage deiner Website.<strong><br />
</strong></div><div><strong>Tipp: </strong>Wenn du deine aktuelle Startseite löschen möchtest, richte einfach zuerst eine andere Seite als Startseite ein. Dann kannst du die alte sicher löschen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Löschen</h4><div class="collapsible-content"><div>Lösche Seiten, die du nicht mehr benötigst, damit deine Website fokussiert und besucherfreundlich bleibt. Klicke nach Auswahl dieser Option im Pop-up auf <strong>Seite löschen</strong>, um zu bestätigen.</div><div><br />
<strong>Wichtig:</strong> Wenn eine Seite mit einer Wix App verknüpft ist (z. B. Blog, Shops usw.), wird durch das Löschen der Seite auch die App entfernt. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">SEO und Barrierefreiheit</h4><div class="collapsible-content"><div>Wähle den Bereich aus, den du anpassen möchtest:</div><ul> <li><strong>SEO: </strong>Richte ein, wie die Seite in Suchmaschinen wie Google erscheint. Gehe die SEO-Checkliste durch und füge fehlende Einstellungen hinzu (z. B. Fokus-Keyword, Title-Tag) oder klicke auf <strong>Mit KI optimieren</strong>, um es schneller zu erledigen.</li>  <li><strong>Teilen auf Social Media: </strong>Richte ein, wie die Seite aussieht, wenn Personen sie auf Social Media wie Facebook, Instagram und Twitter teilen. Klicke dich durch die Checkliste für soziale Netzwerke oder klicke auf <strong>Mit KI optimieren</strong>, um es schneller zu erledigen.</li>  <li><strong>Barrierefreiheit: </strong>Scanne diese Seite und behebe Barrieren, damit jeder deinen Content genießen kann.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einstellungen</h4><div class="collapsible-content"><div>Verschaffe dir einen Überblick und passe alle Einstellungen deiner Seite an einem Ort an:</div><ul> <li><strong>Seiten-URL: </strong>Aktualisiere das Ende der URL deiner Seite, damit sie zu deinem Stil passt. Du kannst auch den Ort der Seite in der Website-Hierarchie ändern, indem du auf das Symbol für <strong>Weitere Optionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/de196a05-2ee9-4eb9-baeb-be180561e6da/00acf16a-501d-4b48-8726-f0d95db0a4a4.png" /> klickst.</li>  <li><strong>Zugriff: </strong>Entscheide, wer auf diese Seite zugreifen kann – alle, Besucher mit einem Passwort oder Website-Mitglieder (oder bestimmte Rollen, Badges und Preispläne). Um diese Einstellung zu ändern, klicke auf <strong>Zugriff</strong> und dann auf <strong>Zugriff verwalten</strong>.</li>  <li><strong>SEO:</strong><strong> </strong>Erhalte eine Vorschau davon, wie diese Seite in den Suchergebnissen aussieht. Klicke auf <strong>Zu den Aufgaben</strong>, um eine SEO-Checkliste für jede Seite deiner Website aufzurufen, damit du deinen Fortschritt tracken und deine Seiten Schritt für Schritt optimieren kannst.</li>  <li><strong>Barrierefreiheit:</strong><strong> </strong>Erhalte eine Vorschau der bestehenden Barrieren auf deiner Website. Klicke auf <strong>Website scannen</strong>, um loszulegen, oder auf <strong>Probleme beheben</strong>, wenn du deine Website bereits zuvor gescannt hast.</li>  <li><strong>Teilen auf Social Media: </strong>Erhalte eine Vorschau davon, wie diese Seite aussieht, wenn sie in den sozialen Medien geteilt wird. Klicke auf <strong>Anpassen</strong>, um einen Titel, eine Beschreibung und ein Vorschaubild für jede soziale Plattform einzurichten.</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 zu erfahren. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Breite meiner Seite bearbeiten?</h4><div class="collapsible-content"><div>Im Wix Harmony Editor ist deine Seite für eine Desktop-Breite von 1280 Pixeln und eine Mobilgerät-Breite von 390 Pixeln gestaltet.</div><div><br /></div><div>Du musst dir keine Gedanken über das Einrichten einer individuellen Seitenbreite machen – Wix Harmony passt deine Website automatisch so an, dass sie auf jedem Tab gut aussieht. Elemente auf deiner Seite werden entweder proportional skaliert oder behalten ihre Breite im Verhältnis zur Bildschirmgröße bei, sodass dein Content für deine Besucher immer großartig aussieht.</div><div><br /></div><div><strong>Tipp: </strong>Ziehe im Modus <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-previewing-and-publishing-your-site" target="target">Vorschau</a> den Slider für die Bildschirmgröße oben, um zu sehen, wie sich das Design anpasst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich eine Seite von meiner Website herunterladen?</h4><div class="collapsible-content"><div>Es ist nicht möglich, eine Website von Wix oder einzelne ihrer Seiten herunterzuladen, da der Editor in ständiger Verknüpfung mit unseren Servern stehen muss. Daher ist es nicht möglich, offline zu arbeiten oder Website-Seiten auf deinem Computer zu speichern.<br />
<br />
Du kannst jedoch <strong>Strg + P</strong> auf deiner Tastatur drücken, um die Seite als PDF zu speichern, oder einen Screenshot der Seite machen.</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

Deine Website strukturieren