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: Den Abschnittshintergrund anpassen

Entdecke, wie du den Hintergrund deiner Abschnitte im neuen Wix Harmony Editor anpassen kannst, um das Design deiner Website zu optimieren. Wähle aus verschiedenen Optionen wie Farben, Bildern oder Videos und füge sogar Animationen hinzu, um einen dynamischen Effekt zu erzielen. Mit diesen Anpassungen kannst du die Benutzererfahrung verbessern und deine Marke wirkungsvoll 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="target">findest du hier weitere Informationen</a>.</div></div></div></div><div data-component-type="text"><div>Der Hintergrund eines Abschnitts gibt den Ton für deine Seite an, lenkt den Fokus und beeinflusst, wie sich Besucher beim Scrollen fühlen. Gestalte Abschnitte so, dass sie zur Marke deiner Website passen, und verfeinere jedes Detail — wähle eine einfarbige Fläche, ein Bild oder ein Video aus der Bibliothek und wende subtile Effekte für mehr Tiefe 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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/63dd879c-2654-4e23-a54e-7a3659e6e061/760351bb-e3ba-4750-888b-7877f79a8369.png" alt="Ein Screenshot der Optionen für „Hintergrund ersetzen“ im Wix Harmony Editor" /></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>Spare Zeit beim Design, indem du aus einer großen Auswahl an fertigen, vollständig responsiven Abschnitten wählst. Wenn du <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-abschnitte-hinzufügen-und-anpassen" target="target">einen neuen Abschnitt hinzufügst</a>, klicke auf <strong>Designte Abschnitte</strong>, um mit dem Erkunden zu beginnen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-section-background" level="3">Den Abschnittshintergrund ändern</h2></div><div data-component-type="text"><div>Wechsle deinen Abschnittshintergrund, um das Design deiner Seite sofort zu ändern. Wähle eine Farbe, ein Bild oder ein Video, das zu deinem Stil passt und Aufmerksamkeit erregt.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Abschnittshintergrund zu ändern:</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>Wähle den entsprechenden Abschnitt aus.</li>  <li>Klicke auf <strong>Hintergrund ersetzen</strong>. </li>  <li>Wähle die Hintergrundart aus und passe sie an deine Bedürfnisse an:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Farbe</h4><div class="collapsible-content"><ol> <li>Klicke auf das Symbol für <strong>Farbe</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klicke auf den Farbkreis.</li>  <li>(In der Farbauswahl) Wähle eine deiner Markenfarben oder eine individuelle Farbe aus. <br />
<strong>Tipp: </strong>Klicke auf das Symbol für <strong>Pipette</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" />, um eine bestimmte Farbe von deiner Seite zu übernehmen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bild</h4><div class="collapsible-content"><ol>
  <li>Klicke auf das Symbol für <strong>Bild</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/afa86daf-f95c-49e5-a9ac-ccc1b9c83894/7556c41f-258e-4107-997a-d1735d20e692.png" />.</li>  <li>Klicke auf das Symbol für <strong>Bild hinzufügen </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/22/725d73eb-08eb-4dd6-9281-5c8a8872bb69/cb834738-d8f8-47ea-8f4b-a538ea1df515.png" />.</li>  <li>(In der Medienverwaltung) Wähle ein Bild aus oder lade es direkt hoch.</li>  <li>Klicke zum Bestätigen auf <strong>Aktualisieren</strong>.</li>  <li>Passe eine der folgenden Einstellungen an:
    <ul>
      <li><strong>Fokuspunkt:</strong> Ziehe den blauen Punkt auf dem Bild, um zu bestimmen, welcher Teil des Bildes sichtbar ist.</li>      <li><strong>Deckkraft des Bildes: </strong>Ziehe den Schieberegler, um das Bild mehr oder weniger sichtbar zu machen.</li>      <li><strong>Farbe hinter dem Bild: </strong>Wähle die Farbe aus, die hinter dem Hintergrundbild erscheint, wenn deine Bild-Deckkraft unter 100 % liegt.</li>      <li><strong>Barrierefreiheit und Anpassungstyp: </strong>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/7020c895-42ea-40e9-a352-659bd61cbc9c/919c3b4a-1141-4286-b8e5-4f98b5f00f02.png" />, um den Anpassungsmodus deines Bildes (Anpassen oder Kacheln) zu wählen und ihm einen barrierefreien Namen (<a data-composite="true" href="https://support.wix.com/de/article/wix-editor-barrierefreiheit-deine-bilder-und-galerien-vorbereiten" target="">Alt-Text</a>) zu geben.<br />
<strong>Hinweis: </strong>Wenn dein Bild keine wichtigen Informationen für Screenreader und Suchmaschinen enthält, aktiviere den Schieberegler für <strong>Deko-Element</strong>, anstatt einen barrierefreien Namen einzugeben.<br />
</li>    </ul>  </li></ol><div><strong>Tipps:</strong></div><ul>
  <li>Du kannst jederzeit auf <strong>Bild ersetzen </strong>klicken, um<strong> </strong>ein anderes Hintergrundbild auszuwählen. Um das Bild vollständig zu entfernen, klicke auf das Symbol für <strong>Entfernen </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/a6151264-c750-44f3-b2d9-06561366ac16/953775eb-4e40-4bfe-96e1-9ae38cd76996.png" />.</li>  <li>Möchtest du dein Bild bearbeiten? Klicke auf das Symbol für <strong>Bearbeiten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/e83a9563-0290-430a-8cd4-bb1a485cdbce/9a42016e-8bed-47ad-b811-51b3bc3b371c.png" />, um das <a data-composite="true" href="https://support.wix.com/de/article/wix-media-über-das-fotostudio-von-wix" target="">Wix Photo Studio</a> zu öffnen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Video</h4><div class="collapsible-content"><ol> <li>Klicke auf das Symbol für <strong>Video</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/1a4edc84-36e8-4c62-afec-0e00bb92e588/d232b93a-c4c2-42e9-89fa-93c5b265e81f.png" />.</li>  <li>Klicke auf das Symbol für <strong>Video hinzufügen </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/22/725d73eb-08eb-4dd6-9281-5c8a8872bb69/cb834738-d8f8-47ea-8f4b-a538ea1df515.png" />.</li>  <li>(In der Medienverwaltung) Wähle ein Video aus oder lade es direkt hoch.</li>  <li>Klicke zum Bestätigen auf <strong>Update </strong>.</li>  <li>Passe eine der folgenden Einstellungen an:
    <ul>
      <li><strong>Fokuspunkt:</strong> Ziehe den blauen Punkt auf dem Video, um zu bestimmen, welcher Teil des Videos sichtbar ist. </li>      <li><strong>Video-Deckkraft: </strong>Ziehe den Schieberegler, um das Bild mehr oder weniger sichtbar zu machen.</li>      <li><strong>Farbe hinter dem Video: </strong>Wähle die Farbe aus, die hinter dem Hintergrundvideo erscheint, wenn deine Video-Deckkraft unter 100 % liegt.</li>      <li><strong>Wiedergabe und Barrierefreiheit: </strong>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/7020c895-42ea-40e9-a352-659bd61cbc9c/919c3b4a-1141-4286-b8e5-4f98b5f00f02.png" />, um die Art der Videowiedergabe anzupassen (z. B. automatische Wiedergabe, Loop, Qualität usw.). Du kannst dem Video auch einen barrierefreien Namen (<a data-composite="true" href="https://support.wix.com/de/article/wix-editor-barrierefreiheit-deine-bilder-und-galerien-vorbereiten" target="target">Alt-Text</a>) geben.<br />
<strong>Hinweis: </strong>Wenn dein Video keine wichtigen Informationen für Screenreader und Suchmaschinen enthält, aktiviere den Schieberegler für <strong> Deko-Element</strong>, anstatt einen barrierefreien Namen einzugeben. </li>    </ul>  </li>  <li>(Optional) Sieh dir die Vorschau des Videohintergrunds an, indem du auf das Symbol für <strong>Abspielen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/3688aba8-49a6-4ea5-abf5-0062e0b75130/25747db8-f845-4925-b0b1-4e39b4aba37f.png" /> klickst. </li></ol><div><br /></div><div><strong>Tipp: </strong>Du kannst oben jederzeit auf <strong>Video ersetzen</strong> klicken, um ein anderes Hintergrundvideo auszuwählen. Um das Video vollständig zu entfernen, klicke auf das Symbol für <strong>Entfernen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/a6151264-c750-44f3-b2d9-06561366ac16/953775eb-4e40-4bfe-96e1-9ae38cd76996.png" alt="undefined" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="animating-your-section-background" level="3">Den Abschnittshintergrund animieren</h2></div><div data-component-type="text"><div>Erwecke deinen Abschnitt zum Leben, indem du eine Scroll-Animation für den Hintergrund hinzufügst. Wenn sich Besucher auf deiner Seite nach oben und unten bewegen, erzeugt die Animation einen dynamischen, ansprechenden Effekt. Suche nach Optionen wie Parallax, 3D oder Zoom und passe die Einstellungen an deinen Stil an.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Abschnittshintergrund zu animieren:</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>Wähle den entsprechenden Abschnitt aus.</li>  <li>Klicke auf das Symbol für <strong>Animation </strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/e035c237-1b3b-43d8-b620-fc6982bb848e/9a7d86a9-286e-4fc6-962e-fe24f0dcbd03.png" />.</li>  <li>Wähle eine Animation aus.</li>  <li>(Optional) Klicke auf <strong>Anpassen </strong>, um deine Animationseinstellungen zu verfeinern:
    <ul>
      <li><strong>Vorschau beim Scrollen:</strong> Klicke auf das Symbol für <strong>Vorschau</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/551080f3-24ea-427c-b281-c0ccc02eee8c/5ced09ef-6dee-4d46-9898-290101848fc0.png" />, um eine Vorschau davon zu erhalten, wie deine Animation abgespielt wird, wenn Besucher scrollen.</li>      <li><strong>Zoom:</strong> Ziehe den Schieberegler, um einzustellen, wie stark du vergrößern oder verkleinern möchtest.</li>      <li><strong>Ausrichtung:</strong> Passe die Ausrichtung der Animation mithilfe der verfügbaren Optionen an (z. B. im oder gegen den Uhrzeigersinn, hinein oder hinaus usw.).</li>      <li><strong>Geschwindigkeit: </strong>Ziehe den Schieberegler, damit sich die Animation schneller oder langsamer bewegt.</li>      <li><strong>Skalierung</strong><strong>:</strong> Ziehe den Schieberegler, um zu entscheiden, wie weit der Hintergrund verblasst.</li>      <li><strong>Winkel:</strong> Lege den Rotationswinkel der Animation fest.</li>      <li><strong>Stretch:</strong> Lege die Tiefe und das 3D-Gefühl der Animation fest.</li>      <li><strong>Animationstyp:</strong> Wähle aus, ob deine Animation ein- oder ausblendet.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweise:</div><div class="info-content"><ul> <li>Die verfügbaren Animationen hängen von der Hintergrundart ab, die du für deinen Abschnitt wählst (z. B. Farbe, Bild oder Video).</li>  <li>Die Anpassungseinstellungen variieren je nach gewählter Animation.</li></ul></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: Elemente designen

Entdecke, wie du im neuen Wix Harmony Editor deine kreative Vision umsetzen kannst. Lerne, Farben auszuwählen, Elemente individuell zu gestalten und detaillierte Designoptionen zu nutzen, um deine Website einzigartig zu machen. Mit flexiblen Anpassungsmöglichkeiten kannst du jeden Aspekt deines Designs verfeinern und so eine ansprechende Benutzererfahrung schaffen. Tauche ein in die Welt von Wix Harmony und erlebe eine intuitive Website-Erstellung.

<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>Im Design-Panel kannst du deine kreative Vision Detail für Detail zum Leben erwecken. Egal, ob du Farben aktualisieren, Teile eines Elements individuell anpassen oder einzigartige Stile für verschiedene Zustände festlegen möchtest – du hast die Flexibilität, jeden Teil des Designs deiner Website zu gestalten. </div></div><div data-component-type="text"><div>Da jedes Element seine eigenen Stiloptionen hat, siehst du je nach Bearbeitung unterschiedliche Einstellungen.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie kann ich loslegen?</div><div class="info-content"><div>Klicke auf ein Element und klicke dann in der Aktionsleiste auf das Symbol für <strong>Alle Designoptionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/b9b20e55-7901-4ec5-b1ce-d7f4cbb45b2f/17a1f795-89f2-4caf-b3b3-b3ec22ab25b9.png" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="selecting-colors" level="3">Farben auswählen</h2></div><div data-component-type="text"><div>Wann immer du auf einen Farb-Circle klickst, um eine Farbe auszuwählen, gelangst du zur Farbauswahl. Hier siehst du die <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-working-with-brand-colors" target="target">Markenfarben</a> deiner Website sowie alle individuellen Farben, die du verwendest. Es gibt 3 Möglichkeiten, eine neue Farbe auszuwählen: </div></div><div data-component-type="text"><ul>
  <li>Verschiebe die Punkte auf dem Farbschema, um deine Farbe zu finden</li>  <li>Gib den Code der Farbe ein (z. B. #000000 für Schwarz)</li>  <li>Klicke auf das Symbol für <strong>Pipette</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/b3c152f6-654e-4521-985f-0408355dbeb6/e7b5fe1f-03d7-4b02-9f14-43b42300ea60.png" />, um eine Farbe von einem Element auf der Seite zu übernehmen</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/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/08/e9ebee5c-566b-40be-bbcb-f510e680f730/15f032e5-1bad-4a26-b42f-1116cff1c1c6.png" alt="Der Tab „Individuell“ in der Farbauswahl im Wix Harmony Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="teile-von-elementen-gestalten" level="3">Teile von Elementen gestalten</h2></div><div data-component-type="text"><div>Einige Elemente im Editor bieten detaillierte Designoptionen, mit denen du einzelne Teile separat gestalten kannst. Wenn du zum Beispiel mit Buttons arbeitest, kannst du den Button selbst, sein Symbol oder den Text individuell anpassen – so kannst du jedes Detail verfeinern und an deinen einzigartigen Stil anpassen. Verwende das Dropdown, um auszuwählen, welchen Teil du personalisieren 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/08/9c653147-0615-4dea-9780-03f8e3b9c4bb/092aed00-65b0-4aec-9bee-c7865f752bf4.png" alt="Ein Button im Wix Harmony Editor und das Design-Panel, wobei das Klicken das Dropdown öffnet, in dem du den zu gestaltenden Teil auswählst" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-glossary" level="3">Design-Glossar</h2></div><div data-component-type="text"><div>Sieh dir die Tabelle unten an, um mehr über jede Designeinstellung zu erfahren – was sie bedeutet und wie sie dein Design aufwertet. </div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="246"><div>Einrichten</div></th><th data-column-width="454"><div>Was ist das?</div></th></tr></thead><tbody><tr><td><div>Hintergrund- / Füllfarben <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/48fc7a9b-f035-4716-afa5-2c6aa85795f5/725b11a7-b4c9-46bb-9637-3d7f3374e5e7.png" /></div></td><td><div>Füge eine Füllfarbe hinzu, um den Content deines Elements zu ergänzen. Klicke auf den Circle bei <strong>Farbe</strong>, um eine deiner <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-die-marke-deiner-website" target="">Markenfarben</a> oder individuellen Farben zu wählen.</div><div><br /></div><div><strong>Container und Abschnitte:</strong> Klicke in der Aktionsleiste auf <strong>Hintergrund ersetzen</strong>, um die Hintergrundfarbe zu ändern.</div></td></tr><tr><td><div>Rand <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/283c65bd-44e0-457e-8317-12e095da63e8/1cf1fd0d-545e-4618-902a-176c71af929c.png" /></div></td><td><div>Lege die Ränder deines Elements fest, damit es hervorsticht.</div><div><br /></div><div>Du kannst die Farbe, Breite und den Stil des gesamten Randes wählen oder auf das Symbol für<strong> Einzelne Ränder bearbeiten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> klicken, um jede Seite separat zu gestalten.</div></td></tr><tr><td><div>Ecken <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/18a27fb2-7300-40a9-b8fa-01abfa7fcec3/668fa510-f756-468e-b0e5-27721128665e.png" /></div></td><td><div>Gestalte die Ecken deines Elements quadratischer oder runder, indem du den Slider unter <strong>Radius</strong> verschiebst.</div><div><br /></div><div>Klicke auf das Symbol für<strong> Einzelne Ecken bearbeiten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" />, um jede Ecke separat zu gestalten.</div></td></tr><tr><td><div>Schatten <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c58ddc92-ed60-4a11-b564-a010a97a891b/d4c7c831-59df-400c-a8f6-e2880427a247.png" /></div></td><td><div>Wende Schatten an, um dem Element einen interessanten 3D-Effekt zu verleihen. Du kannst einen Schatten innerhalb des Elements (Innen) hinzufügen und das Element auch einen Schatten werfen lassen (Außen).</div><div><br /></div><div>Entscheide über Position, Blur, Größe, Farbe und Deckkraft des Schattens.</div></td></tr><tr><td><div>Zeichenabstand <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/88aafdc3-34ab-4a89-950c-93728d9254cb/25ead64b-38c8-4e68-b922-c7b8446316af.png" /></div></td><td><div>Schaffe mehr Raum für deinen Content, indem du den Innenabstand um das Element oder seinen ausgewählten Bereich anpasst.</div><div><br /></div><div>Je nachdem, was du bearbeitest, siehst du möglicherweise Optionen zum Anpassen einzelner Seiten, zum Hinzufügen von vertikalen und horizontalen Abständen und mehr.</div></td></tr><tr><td><div>Layout <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/7b1799d3-88e3-4290-9ccf-71837d7132b6/dcbe8aef-b86f-43c7-944a-26a13bae5ea0.png" /></div></td><td><div>Ordne das Element genau so an, wie du es möchtest, indem du seine Layout-Einstellungen anpasst.</div><div><br /></div><div>Je nachdem, was du bearbeitest, siehst du möglicherweise Optionen zum Spiegeln, Ausrichten, Festlegen der Ausrichtung oder zum Feinabstimmen von Größe und Position.</div></td></tr><tr><td><div><a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-text-hinzufügen-und-anpassen" target="_blank">Text</a> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/09/7cf585bd-5281-4be5-8a10-451a7e934d28/1a341f9a-83cb-44d6-a6ee-7c832994b003.png" alt="undefined" /></div></td><td><div>Steuere das Design jedes Textes, indem du Schriftart, Stärke, Größe, Farbe und Formatierung individuell anpasst.</div><div><br /></div><div>Je nachdem, was du bearbeitest, kannst du auf <strong>Weitere Textoptionen</strong> klicken. Dies zeigt zusätzliche Einstellungen wie Zeilenabstand, Großschreibung und mehr an.</div></td></tr></tbody></table></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>. Genieße einen reibungslosen Flow zwischen den 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>

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

Wix Editor - Grundlagen

Die Editor-Tools verwenden

Das Website-Layout

Streifen & Spalten

Deine Website strukturieren

Deine Website gestalten

Seiten

Menüs

Seiten und Menüs verwalten

Text

Buttons

Container und Boxen

Diashows

Formen und Linien

Elemente hinzufügen und anpassen

Bilder

Galerien

Videos

Dokumente und Dateien

Dateien und Medien hinzufügen

Mit Elementen arbeiten

Effekte und Animationen verwenden

Deine Website teilen und bewerben

Erweiterte Elemente hinzufügen

Grundlagen der Mobile-Website

Werkzeuge für Mobile

Seiten der Mobile-Website

Hintergrund der Mobile-Website

Layout der Mobile-Website

Website-Menü der Mobile-Website

Text auf der Mobile-Website

Medien auf der Mobile-Website

Andere Elemente auf der Mobile-Website

Fehlersuche für die Mobile-Website

Mobile

Fehlerbehebung auf deiner Editor-Website

Editor

Website-Verwaltung verwenden

Website-Einstellungen

Rollen und Berechtigungen verwalten

Website-Verwaltung

KI-Grundlagen

Mit KI deine Website erstellen und verwalten

Mit KI dein Unternehmen aufbauen

KI-Tools

Grundlagen - Wix Harmony

Animationen und Effekte hinzufügen

Deine Website branden

Fehlerbehebung auf deiner Website

Wix Harmony Editor

Medienverwaltung - Grundlagen

Medien hochladen

Medien kaufen

Medien verwalten

Probleme mit der Medienverwaltung

Medien hinzufügen und verwalten

Wix Pro Gallery verwenden

Bilder bearbeiten (Wix Photo Studio)

Medienverwaltung

Wix Multilingual - Grundlagen

Website übersetzen

Sprachen verwalten

SEO in Wix Multilingual

Mehrsprachige Website erstellen

Privatsphäre, Datenschutz & DSGVO

Über Barrierefreiheit

Deine Website barrierefrei gestalten

Erweiterte Funktionen für Barrierefreiheit

Barrierefreiheit

Über das CMS (Content Management System)

CMS-Sammlungen verwalten

CMS-Content mit deiner Website verknüpfen

Mit dynamischen Seiten und dem CMS arbeiten

Eingabeelemente mit dem CMS verknüpfen

Das CMS mit anderen Produkten von Wix verwenden

Fortgeschrittenes Wissen

CMS (ehem. Content-Verwaltung)

Wix für Entwickler

Erweitert: Test-Websites (Release Candidates)

Erweitert: SSO-Logins

Wix Blocks

Funktionen für Fortgeschrittene

Gestalte und verwalte deine Website mit Wix.

Deine Website erstellen

Kontoeinstellungen ändern

Probleme beim Anmelden

Kontoverwaltung

Upgrade auf ein Premiumpaket

Premiumpakete

Domains von Wix

Geschäftliche E-Mail-Adresse von Google Workspace

Abonnements verwalten

Gebühren, Zahlungen und Steuern

Rechnungen für Dienste von Wix

Gutscheine und Werbeaktionen

Abrechnung und Premiumabonnements

Verwalte Premiumpakete, Abos und Rechnungen

Konto und Abrechnung

Deine Website mit der Wix App verwalten

Wix Mobile Apps – Grundlagen

Deine eigene App anpassen

Deine eigene App verwalten

Deine eigene App zur Genehmigung einreichen

Deine eigene App erstellen

Deine Website in den Wix Mitglieder-Apps anpassen

Deine Website in den Wix Mitglieder-Apps verwalten

„Spaces by Wix“-App

Die Wix Mitglieder-App verwenden

Mobile-Apps für deine Kunden

Führe dein Unternehmen und vernetze dich mit Mitgliedern.

Wix Mobile Apps

Domains - Grundlagen

Domains mit Wix verbinden

Domains zu Wix transferieren

Domains verwalten

Domains - Fehlerbehebung

Domains

Kaufe, verknüpfe oder übertrage eine Domain.

Online-Shop einrichten

Produkte und Kategorien verwalten

Versand & Ausführung einrichten

Zahlungen und Checkout einrichten

Online-Shop gestalten

Bestellungen verwalten

Bestand verwalten

Den Mitgliederbereich verwalten

E-Mail-Benachrichtigungen verwalten

Shop-Verkäufe steigern

Dropshipping bei Wix Stores

Verkaufskanäle einrichten

Die Wix App für Wix Stores verwenden

Wix Stores

Wix Bookings einrichten

Services erstellen

Mitarbeiter verwalten

Kalender und Buchungen verwalten

Mitglieder, Mitgliedspakete & Zahlungen

Buchungsseiten gestalten

E-Mails, SMS und Werbung

Deine Buchungen in der Wix App verwalten

Video-Konferenzen mit Wix Bookings

Fit by Wix

Anfrage-Services

Wix Bookings

Wix Events einrichten

Deine Veranstaltung erstellen

Wix Events gestalten

Veranstaltungen verwalten

Gäste verwalten

Veranstaltungstickets verkaufen

Veranstaltung bewerben

Die Wix App für Wix Events verwenden

Check-in by Wix für Veranstaltungen

Wix Events

Preispläne einrichten

Preispläne erstellen

Preisplanseiten gestalten

Preispläne verkaufen

Verkaufte Preispläne verwalten

Die Wix App für Preispläne verwenden

Preispläne

Wix Restaurants einrichten

Speisekarten für Wix Restaurants erstellen (NEU)

Online-Bestellungen entgegennehmen (NEU)

Tischreservierungen

Wix Restaurants

Fotoalben einrichten

Im Fotoalben-Shop verkaufen

Art Store einrichten

Im Art Store verkaufen

Wix Photography

Online-Programme einrichten

Programmteilnehmer verwalten

Die Wix App für Online-Programme verwenden

Online-Programme

Wix Portfolio

Wix Video - Grundlagen

Videos & Kanäle hinzufügen

Einstellungen für Wix Video ändern

Videos verkaufen & vermieten

Videos im Livestream

Wix Video - Premiumpakete

Andere Video-Player

Wix Video

Musik, Sound & Audio

Wix Music - Grundlagen

Wix-Music-Player gestalten

Deine Musik verkaufen & bewerben

Wix Audio

Business-Lösungen & -Apps

Stärke dein Unternehmen und deine Webpräsenz.

Dein Unternehmen verwalten