Wähle aus Hunderten kostenloser Formen und Linien, um deiner Website mehr Stil, Design oder Struktur zu verleihen. Passe die Farben deiner Formen und Linien an und kombiniere sie, um einzigartige Graf...

Wix Editor: Dekorative Formen und Linien hinzufügen

<div data-component-type="text"><div>Wähle aus Hunderten kostenloser Formen und Linien, um deiner Website mehr Stil, Design oder Struktur zu verleihen. Passe die Farben deiner Formen und Linien an und kombiniere sie, um einzigartige Grafiken für deine Seite zu erstellen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-shape-or-line" level="3">Eine Form oder Linie hinzufügen</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2022/11/16/92845eb5-1147-41b6-9ead-d7ccc0f6a873/ed093c3a-f2d9-43b6-bd03-527c703cd789.png" />.</li>  <li>Klicke auf <strong>Deko</strong>.</li>  <li>Ziehe eine Form, einen Pfeil oder eine Linie auf deine Seite.</li>  <li>(Optional) Verwende die verfügbaren Optionen, um die Form, den Pfeil oder die Linie anzupassen.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/11/15/3fd918f7-d251-4828-9747-2b43c496f08f/cf5ee9e5-1ee1-4408-9ddb-e3ffee78e258.jpg" alt="Screenshot des Abschnitts „Deko-Elemente“ des „Elemente hinzufügen“-Panels, in dem die Kategorien Form, Pfeil und Linie hervorgehoben sind." /></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</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr über dekorative Formen und Linien zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es diagonale Linien?</h4><div class="collapsible-content"><div>Um eine diagonale Linie hinzuzufügen, folge einfach der Anleitung oben, um eine Linie hinzuzufügen, und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-mit-elementen-arbeiten#rotating-elements" target="_blank">drehe die Linie</a> in die gewünschte Neigung.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Gruppen von Formen erstellen?</h4><div class="collapsible-content"><div>Du kannst Formen, Linien, Text oder Bilder innerhalb einer <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-box-hinzufügen-und-einrichten" target="">Container-Box</a> gruppieren. Auf diese Weise kannst du deine Formdesigns zusammen auf deiner Seite verschieben.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Größe oder die Farben meiner Form ändern?</h4><div class="collapsible-content"><div>Ja. Sobald du deine Form hinzugefügt hast, kannst du die Farbe und den Rand anpassen, die Größe ändern oder sie in einen Button verwandeln. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-dekorative-form-anpassen" target="">Erfahre mehr über das Anpassen deiner Form</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich das Design meiner Linie anpassen?</h4><div class="collapsible-content"><div>Ja, du kannst die Farbe, das Design und den Rand deiner dekorativen Linien so wählen, dass sie zum Design deiner Website passen. Verschiedene Liniendesigns bieten unterschiedliche Anpassungsoptionen. Klicke auf die Linie in deinem Editor, dann auf <strong>Design</strong> <strong>ändern </strong>und schließlich auf <strong>Design anpassen</strong>.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2024/09/25/056a7cc8-e1a7-4c7c-9b1e-07d0837b7572/85fd0c10-222d-4d2c-8209-61dfbf44343e.png" /></div></div></div></div>

Passe deine dekorativen Formen an das Aussehen deiner Website an, einschließlich Größe, Farben und Ränder. Wenn du möchtest, kannst du auch einen Link zu deiner Form hinzufügen, um sie in einen anklic...

Wix Editor: Eine dekorative Form anpassen

<div data-component-type="text"><div>Passe deine dekorativen Formen an das Aussehen deiner Website an, einschließlich Größe, Farben und Ränder. Wenn du möchtest, kannst du auch einen Link zu deiner Form hinzufügen, um sie in einen anklickbaren Button zu verwandeln.</div></div><div data-component-type="text"><div>Wenn du deine Meinung bezüglich der Form änderst, kannst du sie jederzeit ändern.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Pfeile werden auch im Editor als Grundformen betrachtet.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-your-shape-design" level="3">Das Design deiner Form anpassen</h2></div><div data-component-type="text"><div>Werde kreativ und passe Farbe, Rand und Schatten deiner dekorativen Form mit den Designoptionen an.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Form anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Form.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/5d46f7eb-37b2-4b1d-811d-d17e85f656d7.png" />.</li>  <li>Passe deine Form mit den folgenden Optionen an:
    <ul>
      <li><strong>Füllfarbe:</strong> Wähle die Farbe und Deckkraft der Form aus.</li>      <li><strong>Rand:</strong> Aktiviere den Schieberegler <strong>Rand anwenden</strong>, um die Farbe, Deckkraft und Breite eines Randes anzupassen.</li>      <li><strong>Schatten:</strong> Aktiviere den Schalter <strong>Schatten anwenden</strong>, um einen Schatten anzupassen.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/11/15/fd5133c6-5483-4497-b9f3-d22b21eb5023/3ade7b97-e512-40ec-82c8-f5140ddf3394.jpg" alt="Screenshot einer Grundform im Wix Editor neben dem Design-Panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-shape" level="3">Die Größe deiner Form ändern</h2></div><div data-component-type="text"><div>Mache deine Form je nach Bedarf größer oder kleiner. Wenn du die Größe deiner Form änderst, kannst du sie strecken oder die Proportionen der Originalform beibehalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deiner Form zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Form.</li>  <li>Ziehe die Ziehpunkte an den Rändern der Form, um sie zu vergrößern oder zu verkleinern.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/11/15/619673c7-e0de-451c-bf76-c906a5bcb148/e4045491-b3c3-4a71-824d-7ad8d9d26e18.jpg" alt="Screenshot einer Grundform im Wix Editor, einer der Ziehpunkte, die du ziehen kannst, um die Größe der Form zu ändern, ist hervorgehoben." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Du möchtest deine Form nicht dehnen?</div><div class="info-content"><div>Um deine Form in denselben Proportionen beizubehalten, klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/9f521775-046c-4e5d-8b9c-80bf6346ae35.png" /> und aktiviere dann den Schalter <strong>Proportionen beibehalten</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="switching-to-a-different-shape" level="3">Die Form wechseln</h2></div><div data-component-type="text"><div>Du kannst mit verschiedenen Formen herumspielen und sie so oft ändern, wie du möchtest.</div></div><div data-component-type="heading"><h2 id="" level="4">Um zu einer anderen Form zu wechseln:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Form.</li>  <li>Klicke auf <strong>Grundform ändern</strong>.</li>  <li>(In der Medienverwaltung) Durchsuche die Formbibliothek mithilfe der Kategorien auf der linken Seite und wähle eine neue Form aus.</li>  <li>Klicke auf <strong>Hinzufügen</strong>.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/11/15/82cdea01-c99e-4488-80ab-47ae02160cb8/ae5f6f52-630c-45c2-8fdc-e679976d6384.jpg" alt="Screenshot einer Grundform im Wix Editor neben dem Button, mit dem du die Grundform ändern kannst." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-your-shape-as-a-button" level="3">Deine Form als Button verwenden</h2></div><div data-component-type="text"><div>Füge einen Link zu deiner Form hinzu, damit deine Website-Besucher zum Ziel des Links weitergeleitet werden, wenn sie darauf klicken. Dies kann auf verschiedene Weise verwendet werden, z. B. um ein „Kontakt“-Form mit deiner Kontaktseite oder eine „Hamburger“-Form mit deiner Speisekartenseite zu verlinken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Form in einen Button zu verwandeln:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Form.</li>  <li>Klicke auf das Symbol für <strong>Link</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />.</li>  <li>Gib die Details für den Link ein.</li>  <li>Klicke auf <strong>Fertig</strong>.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/11/15/523268e9-99d0-45b1-a1d0-16888f076be8/72ebd231-8e11-4abc-aaf0-adcb8b03bca4.jpg" alt="Screenshot einer Grundform im Wix Editor neben dem Link-Panel." /></div></div>

Kopiere Text aus einem Word-Dokument oder einer anderen externen Quelle und füge ihn in ein Textfeld ein.  Übertrage Text aus externen Quellen, um Zeit zu sparen und für Einheitlichkeit bei deinen Dok...

Wix Editor: Text aus einer externen Quelle kopieren

<div data-component-type="text"><div>Kopiere Text aus einem Word-Dokument oder einer anderen externen Quelle und füge ihn in ein Textfeld ein. <br /> Übertrage Text aus externen Quellen, um Zeit zu sparen und für Einheitlichkeit bei deinen Dokumente zu sorgen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="copying-and-pasting-text" level="3">Text kopieren und einfügen </h2></div><div data-component-type="text"><div>Entferne die Textformatierung mit den folgenden Schritten, um deinen Text richtig einzufügen.</div></div><div data-component-type="text"><ol>
  <li>Markiere den entsprechenden Text, der aus der Originalquelle kopiert werden soll.</li>  <li>Drücke <strong>Strg</strong> + <strong>C</strong> ( <strong>Befehl</strong> + <strong>C</strong> auf Mac).</li>  <li>Doppelklicke im Editor auf das Textfeld, klicke auf die Stelle, an der der Text eingefügt werden soll, und drücke <strong>Strg</strong> + <strong>Shift</strong> + <strong>V</strong> ( <strong>Command</strong> + <strong>Shift</strong> + <strong>V</strong> auf dem Mac).</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/2024/05/07/25c384cb-5f00-4cf0-b6ac-9ff4c1ff4c7e/bd3a7f1f-317c-4831-8757-d491a6dc6d9d.gif" alt="Gif von Text, der in ein Textfeld eingefügt wird. Anschließend wird das Einstellungsfenster mit verschiedenen Anpassungsoptionen angezeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="troubleshooting-formatting-issues-while-copying-text" level="3">Formatierungsprobleme beim Kopieren von Text beheben</h2></div><div data-component-type="text"><div>Wenn du Probleme hast, formatierten Text (fett, unterstrichen, kursiv usw.) aus einer externen Quelle zu kopieren, sieh dir unsere Lösungen unten an.</div></div><div data-component-type="text"><ul>
  <li>Deaktiviere alle Browser-Erweiterungen und versuche es erneut.</li>  <li>Ändere das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-mit-textdesigns-arbeiten#choosing-a-text-theme" target="_blank">Textdesign</a> und kehre dann zu dem gewünschten Design zurück.</li>  <li>Klicke im Panel <strong>Texteinstellungen</strong> auf <strong> Auf Schriftvorlage zurücksetzen</strong>.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/05/07/64ccb4f7-54ba-48b9-85a0-4ebb49bd2a0b/00e4f39f-dda8-4652-933b-506abed2ba44.png" alt="Screenshot eines ausgewählten Textfelds mit ausgewählter Option „Text bearbeiten“ und dem Panel für Texteinstellungen. Der „Auf Schriftvorlage zurücksetzen“-Button ist hervorgehoben." /></div></div><div data-component-type="heading"><h2 id="" level="4">Benötigst du weitere Hilfe?</h2></div><div data-component-type="text"><ul><li>Wenn der Text von einer externen Quelle stammt, sende uns bitte die genaue Textzeichenfolge, die du einfügen möchtest (in Text) und deren Schriftart, Größe und Farbe.</li><li>Wenn der Text von deiner Website ist, sende uns bitte die genaue Textzeichenfolge, die du einfügen möchtest (in Textform) und die Position auf deiner Website.</li><li>Die Stelle auf deiner Website, an der du den Text einfügen möchtest</li><li>Ein <a href="https://support.wix.com/de/article/einen-screenshot-mit-windows-erstellen">Screenshot</a> oder <a href="https://support.wix.com/de/article/ein-video-an-das-support-team-von-wix-senden">Video</a> des Problems.</li></ul></div><div data-component-type="text"><span style="color: rgb(32, 69, 94); font-family: helvetica-neue, helvetica-neue-latin, helvetica-neue-cyrillic, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Sobald wir die angeforderten Informationen haben, können wir dir weiterhelfen.</span></div>

Beim Versuch, eine Schriftvorlage zu speichern:Stelle sicher, dass die Absätze mit Umschalt + Eingabetaste geteilt wurdenStelle sicher, dass sich der Cursor innerhalb des geänderten Texts befindet ode...

Wix Editor: Probleme beim Speichern einer Schriftvorlage

<div data-component-type="text"><div>Beim Versuch, eine Schriftvorlage zu speichern:</div></div><div data-component-type="text"><ul><li>Stelle sicher, dass die Absätze mit Umschalt + Eingabetaste geteilt wurden</li><li>Stelle sicher, dass sich der Cursor innerhalb des geänderten Texts befindet oder dass du nur den Text mit Änderungen ausgewählt hast</li></ul></div><div data-component-type="text"><div>Wenn du Probleme beim Speichern einer Schriftvorlage hast, sende uns bitte eine Anfrage mit folgenden Informationen:<br /><br /></div><ul><li>Name der Schriftvorlage</li><li>Schriftart der zu speichernden Schriftvorlage</li><li>Schriftgröße der zu speichernden Schriftvorlage</li><li>Schriftfarbe der zu speichernden Schriftvorlage</li><li>Füge einen <a href="https://support.wix.com/de/article/einen-screenshot-an-das-support-team-von-wix-senden">Screenshot</a> oder ein <a href="https://support.wix.com/de/article/ein-video-an-das-support-team-von-wix-senden">Video</a> zur Anfrage hinzu.</li><li>Überprüfe, welche Stiländerungen das Speichern der Schriftvorlage auslösen (Fettdruck, Schriftgröße usw.).</li></ul><div><br />Sobald wir die erforderlichen Informationen erhalten haben, können wir dir weiterhelfen.</div></div>

Websites von Wix sind für die korrekte Anzeige auf den gängigsten Browsern und Geräten optimiert.Wenn du feststellst, dass deine Textschriftarten in verschiedenen Browsern unterschiedlich aussehen, li...

Wix Editor: Schriftart sieht in verschiedenen Browsern unterschiedlich aus

<div data-component-type="text"><div>Websites von Wix sind für die korrekte Anzeige auf den gängigsten Browsern und Geräten optimiert.</div></div><div data-component-type="text"><div>Wenn du feststellst, dass deine Textschriftarten in verschiedenen Browsern unterschiedlich aussehen, liegt das daran, dass verschiedene Browser und Geräte unterschiedliche Rendering-Engines verwenden. Daher kann es zu geringfügigen Unterschieden kommen.</div></div><div data-component-type="text"><div>Manchmal können diese kleinen Unterschiede einen Dominoeffekt haben. So kann beispielsweise ein Unterschied bei der Darstellung einer Schriftgröße von 1 % dazu führen, dass eine Zeile mit nur 20 Zeichen 1/5 Zeichen größer erscheint. Wenn dein Textfeld keinen zusätzlichen Platz für den Text hat, kann dies dazu führen, dass das letzte Wort in die nächste Zeile umgebrochen wird. Das führt dazu, dass dein Textfeld verlängert und die restlichen Komponenten auf der Seite nach unten verschoben werden.</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>Wenn dieses Problem bei dir auftritt, empfehlen wir dir, das Textfeld größer als nötig zu gestalten. Dadurch kann sich der Text etwas erweitern, ohne ihn in eine weitere Zeile aufzuteilen. Siehe unten:</div></div></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/2016/04/12/c6dc7eae-d3b5-4e27-b44f-53c75fdc8383.gif" /></div></div><div data-component-type="text"><p>Wir tun unser Bestes, um die Auswirkungen dieser Faktoren zu minimieren, während wir dir weiterhin die Flexibilität bieten, eine funktionsreiche Website zu erstellen.</p></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Sieh dir Wix Studio an:</div><div class="info-content"><div>Wix Studio ist die ultimative Plattform für Freelancer und Agenturen. Diese flexible End-to-End-Lösung beinhaltet intelligente Designfunktionen und flexible Entwicklertools, mit denen du außergewöhnliche Ergebnisse für Kunden aus allen Branchen liefern kannst.</div><div><br /></div><div>Mehr über Wix Studio erfahren:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/studio-editor-eine-geführte-tour" target="">Unsere geführte Tour ansehen</a>, um den neuen Studio Editor kennenzulernen</li>  <li>Am Kurs „Wix Studio Essentials“ teilnehmen und jede Menge Videos und Webinare in der <a data-composite="true" href="https://www.wix.com/studio/academy/" target="_blank">Wix Studio Academy</a> anschauen</li>  <li><a data-composite="true" href="https://forum.wixstudio.com/" target="_blank">Unserem Community-Forum beitreten</a>, um alles über Studio zu erfahren</li>  <li>Im <a data-composite="true" href="https://support.wix.com/de/wix-studio" target="">Hilfe-Center von Wix Studio</a> stöbern und alle Anweisungen und Erklärungen finden, die du benötigst</li></ul></div></div></div>

Leite deine Besucher mithilfe von Text-Links zu relevanten Websites, Abschnitten und Seiten. Du kannst entweder anklickbare URLs erstellen oder einen vorhandenen Text verlinken.Tipp:Um deine Links in ...

Wix Editor: Einen Link zu einem Text hinzufügen

<div data-component-type="text"><div>Leite deine Besucher mithilfe von Text-Links zu relevanten Websites, Abschnitten und Seiten. Du kannst entweder anklickbare URLs erstellen oder einen vorhandenen Text verlinken.</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>Um deine Links in Aktion zu sehen, <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-website-veröffentlichen" target="">veröffentliche deine Website</a> und klicke auf deinem Mobilgerät oder Tablet auf die URL oder das Element. Links funktionieren nicht innerhalb des Editors.</div>     </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-clickable-urls" level="3">Anklickbare URLs erstellen</h2></div><div data-component-type="text"><div>Das Hinzufügen einer anklickbaren URL zu deiner Website bedeutet, dass die Besucher genau wissen, welche Seite sie gerade öffnen. Du kannst URLs zu anderen Seiten auf deiner Website oder zu externen Webadressen hinzufügen.</div></div><div data-component-type="text"><div>URLs, die du direkt in ein Textfeld eingibst, werden automatisch anklickbar, d. h. du musst keine Links manuell hinzufügen. </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>Anklickbare URLs können derzeit nur mit einer englischsprachigen URL erstellt werden.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine anklickbare URL zu erstellen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3Daddpanel.text" target="_blank">Füge Text zu deiner Website hinzu</a>.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>Gib die URL ein.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/28/50951937-68da-428a-9dc7-9aa11308e29a/caec4765-70c8-43c4-9e20-d7126141f4f4.gif" alt="GIF, das zeigt, wie die URL www.wix.com in ein Textfeld im Editor eingegeben wird" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Füge keinen anderen Text in das Textfeld hinzu, da die URL dadurch nicht anklickbar wird.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hyperlinking-text" level="3">Text verlinken</h2></div><div data-component-type="text"><div>Du kannst nicht nur eine anklickbare URL erstellen, sondern auch Links zu regulären Textinhalten hinzufügen. Du kannst genau entscheiden, welchen Textabschnitt du verlinken möchtest, und sogar die Farbe anpassen.</div></div><div data-component-type="text"><div>Einige beliebte Textlinks sind „Besuche unseren Shop“ oder „Weiterlesen“.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Text zu verlinken:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf das Textfeld.</li>  <li>Klicke auf das <strong>Link</strong>-Symbol <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />.</li>  <li>Wähle den Link-Typ aus und gib die Details ein.</li>  <li>Wähle, ob dein Link in einem neuen Fenster oder im aktuellen Fenster geöffnet wird.</li>  <li>Klicke <strong>OK</strong>.</li>  <li>(Optional) Ändere die Farbe des verlinkten Textes:
    <ol>
      <li>Klicke auf <strong>Text bearbeiten</strong>.</li>      <li>Markiere den verlinkten Text.</li>      <li>Klicke auf das Symbol für <strong>Farbe</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/04b8f277-0170-4a30-9029-a5497d9e7c83.png" />.</li>      <li>Wähle eine Farbe aus der Farbauswahl aus.</li>    </ol>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Um die Hyperlink-Unterstreichung zu entfernen, markiere den verlinkten Text und klicke auf das Symbol für Unterstrichen <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/81f52e5f-2235-4cee-9e6b-cd5e23a09c1d.png" />.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/28/9a7ff69e-4acf-4643-94b5-fbe6888cbaf5/aeec54ed-b700-4d94-b00d-f3498b1fdad3.png" alt="Das Link-Panel wurde für ein Textfeld im Editor geöffnet. Der ausgewählte Link-Typ ist Webadresse." /></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</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 auswählen, in welche Farbe sich mein Hyperlink ändert, sobald Besucher darauf klicken?</h4><div class="collapsible-content"><div>Nein. Zurzeit ist es nicht möglich, zu bestimmen, welche Farbe ein Hyperlink annimmt, nachdem Besucher darauf geklickt haben.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wenn ich versuche, einen Link hinzuzufügen, erhalte ich die Fehlermeldung „Um einen Link hinzuzufügen, entferne zunächst den Zeilenumbruch“.</h4><div class="collapsible-content"><div>Du kannst keinen Text verlinken, der sich über mehr als 2 Absätze erstreckt, sofern du diese Absätze mit der <strong>Eingabetaste</strong> getrennt hast. Wenn du dies versuchst, erhältst du eine Fehlermeldung, die dich auffordert, den Zeilenumbruch zu entfernen.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2025/01/16/015a2d9a-1c8e-4fa8-b7ef-da1248710c32/985826c9-d961-498b-be17-79f18e2145de.png" /></div><div><br /></div><div>Du kannst dieses Problem beheben, indem du <strong>Umschalt</strong> + <strong>Eingabetaste</strong> anstatt nur die Eingabetaste verwendest, um einen Zeilenumbruch hinzuzufügen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich den Hyperlink entfernen?</h4><div class="collapsible-content"><div>Um einen Link zu entfernen, klicke auf das Link-Symbol <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />, wähle im Panel <strong>Nichts</strong> und klicke dann auf <strong>OK</strong>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wenn ich die Unterstreichung des Hyperlinks entferne, wird dann auch der Hyperlink entfernt?</h4><div class="collapsible-content"><div>Wenn du die Unterstreichung entfernst, bleibt der Text weiterhin verlinkt.</div></div></div></div>

Text ist einer der wichtigsten Teile deiner Website. Erstelle interessante und ansprechende Texte, um die Aufmerksamkeit deiner Besucher zu erregen. Wenn du es dir anders überlegst, kannst du den Text...

Wix Editor: Text hinzufügen und bearbeiten

<div data-component-type="text"><div>Text ist einer der wichtigsten Teile deiner Website. Erstelle interessante und ansprechende Texte, um die Aufmerksamkeit deiner Besucher zu erregen. Wenn du es dir anders überlegst, kannst du den Text auch ganz einfach wieder löschen.</div></div><div data-component-type="text"><div><strong>In diesem Artikel erfährst du mehr über folgende Themen:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten#adding-text-to-your-site" target="">Text zu deiner Website hinzufügen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten#editing-your-text" target="">Deinen Text bearbeiten</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten#faqs" target="">Häufig gestellte Fragen (FAQs)</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-to-your-site" level="3">Text zu deiner Website hinzufügen</h2></div><div data-component-type="text"><div>Füge ein Textelement zu deiner Seite hinzu, um mit der Erstellung deines Website-Inhalts zu beginnen. Es stehen eine Vielzahl von Titel- und Absatzdesigns sowie Optionen zur Verfügung, die zum aktuellen Design deiner Website passen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Text hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Seite im Editor.</li>  <li>Klicke auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/wxyz6iTTXelz2xXwuasGwpKeKXJ48QqQbsqnvNHXPPFhUoFwEpbyvVnUAUuu5P8Lb49aWypUXNJKNXLtraRABJlDtAArfyAtS2Q098MAGk2dUow8dG6qo4arZexOqrvH0MydkF_f3lmFOB_hYV8O_KKJqhaDEm8mj3NJ6n9VIGrR5rUn20dQN0moP1cm" />.</li>  <li>Klicke auf <strong>Text</strong>.</li>  <li>Wähle eine Textart aus:
    <ul>
      <li><strong>Textvorlage:</strong> Diese Textelemente wurden für dich handverlesen, da sie zum Design deiner Vorlage passen.</li>      <li><strong>Titel:</strong> Diese sollten für Überschriften auf deiner Website verwendet werden, damit deine Website-Besucher wissen, worum es auf den Seiten oder in den Abschnitten geht.</li>      <li><strong>Textabschnitte:</strong> Diese sollten für den Großteil des Textes auf deiner Website verwendet werden und den Großteil des Inhalts deiner Website enthalten.</li>    </ul>  </li>  <li>Klicke und ziehe das ausgewählte Textelement, um es zu deiner Seite hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/19/412114e2-72e4-40bc-8162-47789c50824a/06a18c51-64cb-4ebb-9eb6-5977942d3d15.png" alt="Das „Elemente hinzufügen“-Panel im Wix Editor. Der Text-Tab ist geöffnet und eine Textvorschau wird angezeigt." /></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>Dein Editor verwendet die Rechtschreibprüfung deines Browsers, wenn du Text zu deiner Website hinzufügst. Wenn du die Rechtschreibprüfung in deinem Editor nicht sehen kannst, stelle sicher, dass sie in deinem Browser aktiviert ist.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-text" level="3">Deinen Text bearbeiten</h2></div><div data-component-type="text"><div>Nachdem du Text ausgewählt und zu deiner Seite hinzugefügt hast, bearbeite den Inhalt. Du solltest Informationen eingeben, die für die Seite oder den Abschnitt relevant sind, um deinen Besuchern ein ansprechendes Erlebnis zu bieten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Text zu bearbeiten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf das Textelement.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>Gib deinen Text in das Textfeld ein oder füge ihn ein.</li>  <li>Drücke die <strong>Enter</strong>-Taste auf deiner Tastatur.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/19/dfba2191-b540-4865-a440-cd862b374031/a042388a-f207-4286-b293-fa8d9bdcfcd9.png" alt="Das Panel „Text bearbeiten“. Der Textinhalt wurde aktualisiert und die Formatierungsoptionen werden angezeigt." /></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 <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">Formatierung</a> und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-schriftart-ändern" target="_blank">Design</a> deines Textes an, damit er zum Aussehen deiner Seite passt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es für Textfelder im Editor eine Zeichenbeschränkung?</h4><div class="collapsible-content"><div>Die Zeichenbeschränkung pro Textfeld beträgt 60.000 Zeichen (ca. 10.000 Wörter) einschließlich Leerzeichen. Wenn du das Limit überschreitest, kannst du Folgendes tun:</div><ul>
  <li>Ein weiteres Textfeld hinzufügen, indem du die Schritte in diesem Artikel befolgst</li></ul><div>oder</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einklappbaren-text-hinzufügen-und-einrichten" target="_blank">ein einklappbares Textfeld hinzufügen</a>, welches bis zu 120.000 Zeichen enthalten kann</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Text in ein Textfeld einfügen?</h4><div class="collapsible-content"><div>Natürlich. Es gibt nur ein paar Punkte, auf die du achten solltest:</div><ul>
  <li>Du solltest <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-von-einer-externen-quelle-kopieren-wie-von-einem-word-dokument" target="_blank">unsere Anweisungen befolgen</a>, damit der Text wie erwartet in das Feld eingefügt wird.</li>  <li>Wenn du einen Textblock in das Feld einfügst, der die Zeichenbeschränkung überschreitet, wird möglicherweise ein Teil des Textes entfernt. Um dieses Problem zu beheben, kannst du den verbleibenden Text in ein neues Textfeld einfügen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie bearbeite ich Text in Menüs auf meiner Website?</h4><div class="collapsible-content"><div>Du kannst den Menütext bearbeiten, indem du das Menü selbst auswählst und die Designoptionen öffnest. <a data-composite="true" href="https://support.wix.com/de/the-wix-editor/menu" target="_blank">Mehr über Menüs erfahren</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Text vor einem Bild platzieren?</h4><div class="collapsible-content"><div>Ja. Um Text vor einem Bild zu platzieren, ziehe das entsprechende Textfeld und platziere es über dem Bild.</div><div><br /></div><div>Wenn du das Textfeld vor dem Bild nicht sehen kannst, bedeutet das, dass es sich auf einer Ebene hinter dem Bild befindet.</div><ol>
  <li>Klicke mit der rechten Maustaste auf das Bild.</li>  <li>Fahre mit der Maus über <strong>Anordnen</strong>.</li>  <li>Klicke auf <strong>Nach hinten</strong>, bis du das Textfeld siehst.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es sonst noch etwas, was ich wissen sollte?</h4><div class="collapsible-content"><div>Der Editor verfügt über eine Vielzahl von Funktionen, Tools und Optionen, die du nutzen kannst, wenn du Text auf deiner Website verwendest. Du kannst unter anderem:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ki-generierte-text-erstellen" target="_blank">KI-generierte Texten zur Optimierung deiner Website erstellen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-deine-texte-und-grafiken-vorbereiten" target="_blank">Hohe Farbkontraste für Texte verwenden, um die Barrierefreiheit deiner Website zu verbessern</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-eigenen-schriftarten-hochladen-und-verwenden" target="_blank">Deine eigenen Schriftarten hochladen und verwenden, um eine personalisierte Website zu erstellen</a></li></ul></div></div></div>

Du kannst das Design deines Textes jederzeit in den Texteinstellungen anpassen. Passe Optionen wie Größe, Schriftart und Farben an, um Besuchern auf einzigartige und optimierte Weise die Informationen...

Wix Editor: Text anpassen

<div data-component-type="text"><div>Du kannst das Design deines Textes jederzeit in den Texteinstellungen anpassen. Passe Optionen wie Größe, Schriftart und Farben an, um Besuchern auf einzigartige und optimierte Weise die Informationen zu bieten, die sie wissen müssen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-size-of-your-text" level="3">Die Textgröße ändern</h2></div><div data-component-type="text"><div>Passe die Textgröße an deine Bedürfnisse an. Wir empfehlen, Titel und Überschriften größer und Textabsätze kleiner zu gestalten. Du kannst auch nur die Größe eines Teils des Textes in deinem Textfeld ändern (z. B. nur ein bestimmtes Wort größer gestalten als den Rest).</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Textgröße zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das entsprechende Textfeld in deinem Editor aus.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>(Optional) Markiere die Wörter, deren Größe du ändern möchtest.</li>  <li>Ziehe den Schieberegler <strong>Schriftgröße</strong>, um die Größe des Textes zu ändern, oder gib einen bestimmten Wert zwischen 6 und 999 Pixel ein.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/28/f6317f7f-06cf-4604-9991-f10eb0ef3356/6c1b5ae4-a526-4825-b148-a739c75bf48a.png" alt="Das Texteinstellungsfenster ist geöffnet. Der Cursor hat den Schieberegler Schriftgröße ausgewählt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-a-new-font" level="3">Eine neue Schriftart auswählen</h2></div><div data-component-type="text"><div>Passe deinen Content an, indem du die Schriftart änderst. Wähle aus einer Vielzahl von Schriftarten aus, die von Wix bereitgestellt werden, oder lade deine eigene hoch. Du kannst auch eine andere Schriftart für einen bestimmten Teil des Textes in deinem Textfeld wählen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Schriftart zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das entsprechende Textfeld in deinem Editor aus.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>(Optional) Markiere das oder die Wörter, die du in einer anderen Schriftart anzeigen möchtest.</li>  <li>Klicke auf das Aufklappmenü <strong>Schriftarten</strong>.</li>  <li>Führe einen der folgenden Schritte aus:
    <ul>
      <li>Wähle eine Schriftart von Wix aus.</li>      <li>Klicke auf <strong>Schriftart hochladen</strong>, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-eigenen-schriftarten-hochladen-und-verwenden" target="_blank">deine eigene Schriftart hochzuladen</a>.</li>      <li>Klicke auf <strong>Sprachen hinzufügen</strong>, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-schriftarten-für-sprachen-hinzufügen" target="_blank">eine Schriftart für Sprachen hinzuzufügen</a>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/28/f678d764-b523-4e35-a382-38c21983cb9f/ded8837d-6aa2-405b-9518-9cfb3b1450d3.png" alt="Das Dropdown-Menü „Schriftarten“ des Texteinstellungs-Panels. Die Schriftart Montserrat wurde ausgewählt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><ul>
  <li>Wix hat Lizenzen für die <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-die-bei-wix-verfügbaren-schriftarten" target="_blank">Schriftarten im Editor</a>. Sie sind <strong>nur</strong> für die digitale Nutzung und innerhalb deiner Website von Wix verfügbar. Weitere Informationen findest du in den <a data-composite="true" href="http://de.wix.com/about/terms-of-use" target="_blank">Nutzungsbedingungen von Wix</a>.</li>  <li>Du kannst die von dir verwendeten Schriftarten nicht herunterladen, aber eventuell findest du Open-Source-Versionen, die du auf deinem Computer installieren kannst. Sei vorsichtig mit Schriftarten, die du über externe URLs findest. Diese sind nicht Eigentum von Wix und du musst den Autor kontaktieren, um die Erlaubnis zu erhalten, sie zu verwenden.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-color-of-your-text" level="3">Die Textfarbe ändern</h2></div><div data-component-type="text"><div>Ergänze Seiten und Abschnitte, indem du die Textfarbe änderst. Du kannst verschiedene Farben in einem Textfeld anzeigen oder eine Farbe auf den gesamten Text anwenden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Farbe deines Textes zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das entsprechende Textfeld in deinem Editor aus.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>(Optional) Markiere die Wörter, die du in einer anderen Farbe anzeigen möchtest.</li>  <li>Klicke auf das Symbol für <strong>Farbe</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/TbsMXzxux9GOCv1TTNo4fWM-veIfpEAgW9u1WrLSJASWXpqbZzANFTR0kFdKT8NmUPRB0vc27DMpVQijg1Qbm1n49Mx5IoTQVC5qoPtjDxqHgtRngRQEhHjQixPGKvfFq9Um5e8dERYvksXFRu3Qv9E" />.</li>  <li>Wähle die gewünschte Farbe aus dem Panel aus.</li>  <li>(Aufzählungszeichen oder nummerierte Listen) Ändere die Farbe deiner Aufzählungszeichen oder Nummerierung:
    <ol>
      <li>Markiere den gesamten Text im Textfeld, einschließlich der Aufzählungszeichen oder Zahlen.</li>      <li>Wähle die gewünschte Farbe für die Aufzählungszeichen oder Zahlen aus.<br /> <strong>Hinweis:</strong> Der gesamte Text im Textfeld ändert sich in die ausgewählte Farbe.</li>      <li>Markiere den entsprechenden Text (ohne Aufzählungszeichen oder Zahlen).</li>      <li>Wähle die gewünschte Farbe für den Text aus.<br /> <strong>Hinweis:</strong> Der Text ändert sich in die neue Farbe, die Aufzählungszeichen und Zahlen behalten jedoch die Farbe, die du in Schritt b gewählt hast.</li>    </ol>  </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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/28/c5be9a97-c6b3-4985-9f82-eb5382695d9c/645c5dc0-4d8d-41c5-b13e-342ff1d4dd6a.png" alt="Die Farbauswahl wurde über das Einstellungen-Panel geöffnet. Ein Teil des Textfelds wurde in Weiß geändert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-formatting-to-your-text" level="3">Deinen Text formatieren</h2></div><div data-component-type="text"><div>Hebe den Inhalt deiner Website mit Textformatierungen hervor und personalisiere sie. Füge Effekte wie Fett und Kursiv hinzu und ändere die Ausrichtung, um sie an dein Seiten- oder Abschnittslayout anzupassen.</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>Entdecke die <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">verfügbaren Textformatierungsopionen</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Text zu formatieren:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das entsprechende Textfeld in deinem Editor aus.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>(Optional) Markiere das oder die Wörter, die du formatieren möchtest.</li>  <li>Wähle die gewünschte Textformatierung:
    <ul>
      <li><strong>Formatierungseffekte:</strong> Wähle die Symbole für Fettdruck, Kursiv oder Unterstrichen aus, um Effekte zum Text hinzuzufügen.</li>      <li><strong>Ausrichtung:</strong> Öffne das Aufklappmenü Ausrichtung und wähle aus, ob der Text links, rechts oder zentriert ausgerichtet werden soll.</li>      <li><strong>Abstand:</strong> Wähle <strong>Zeichen- &amp; Zeilenabstand</strong> und passe den Textabstand 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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/28/6b7f3874-2e0a-4fbf-8f84-1489d860ff4d/60b8b3ea-a782-4692-b085-64c10c6d40e8.png" alt="Die Formatierungsoptionen sind im Texteinstellungen-Panel hervorgehoben. Der Cursor bewegt sich über den Schieberegler Zeichenabstand." /></div></div>

Um die Schriftgröße zu ändern:
  Klicke auf das Textfeld.  Klicke auf Text bearbeiten.  (Optional) Um die Größe eines Teils deines Textes zu ändern, wähle den entsprechenden Text aus.  Ziehe den Schie...

Wix Editor: Die Schriftgröße ändern

<div data-component-type="heading"><h2 id="" level="3">Um die Schriftgröße zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf das Textfeld.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>(Optional) Um die Größe eines Teils deines Textes zu ändern, wähle den entsprechenden Text aus.</li>  <li>Ziehe den Schieberegler unter <strong>Schriftgröße </strong>nach rechts oder links , um die Schriftgröße zu erhöhen oder verringern. Du kannst auch den spezifischen Wert zwischen 6 und 999 Pixel in das Feld rechts vom Schieberegler eintragen.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/26/ee4cec1a-991a-4b74-8102-3f9058f8e764/3bd2e7b0-fde6-422d-a5db-7bdbc4a28f2e.png" /></div></div>

Füge oben auf deiner Seite einen Website-Titel hinzu, damit deine Besucher eine klare Vorstellung davon bekommen, worum es bei dir, deiner Website oder deiner Marke geht. Mit Titeln hast du die Möglic...

Wix Editor: Einen Website-Titel hinzufügen

<div data-component-type="text"><div>Füge oben auf deiner Seite einen Website-Titel hinzu, damit deine Besucher eine klare Vorstellung davon bekommen, worum es bei dir, deiner Website oder deiner Marke geht. Mit Titeln hast du die Möglichkeit, die Aufmerksamkeit deiner Besucher zu erregen und sie zu motivieren, deine Website zu entdecken.</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/2025/01/07/049ba8b3-595f-40fe-a4b1-6de65f0559c0/9f33bb1d-53a3-42be-8ee3-5feb85de9b53.png" alt="Das Hinzufügen-Panel im Editor. Der Kopfzeile wurde ein Website-Titel hinzugefügt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-title" level="3">Einen Website-Titel hinzufügen</h2></div><div data-component-type="text"><div>Website-Titel sollten oben auf deiner Website platziert werden und eine größere Schrift haben als der Rest des Textes auf deiner Startseite. Dadurch wird sichergestellt, dass deine Besucher ihn deutlich sehen können, wenn sie deine Website besuchen.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du einen Website-Titel zu deiner Kopfzeile hinzufügst, wird er auf allen Seiten angezeigt.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Website-Titel 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 auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Text</strong>.</li>  <li>Klicke auf <strong>Titel</strong>.</li>  <li>Klicke und ziehe den Text, den du verwenden möchtest, oben auf deine Seite oder in deine Kopfzeile.</li>  <li>Klicke auf den Text in deinem Editor.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>Gib den Titel deiner Website ein.</li></ol></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, wie du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="">deinen Text formatierst</a>, sodass er zum Design deiner Website passt.</div></div></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/2025/01/07/4488eace-fef0-4db1-9d1b-0c6015d9245c/7b3bdcfa-69f5-4775-884f-d390ff37e918.png" alt="Screenshot der Titeloptionen im Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="improving-your-site-with-titles" level="3">Deine Website mit Titeln verbessern</h2></div><div data-component-type="text"><div>Ein Website-Titel kann viele Aspekte deiner Website verbessern, wie SEO und Barrierefreiheit.</div></div><div data-component-type="text"><div>Ein Titel wertet nicht nur deine Website auf, sondern kann auch das Erlebnis deiner Besucher verbessern, indem er eine klare Zusammenfassung deiner Website bietet.</div></div><div data-component-type="text"><div>Klicke unten, um mehr über die Vorteile eines klaren Website-Titels zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">SEO-Vorteile</h4><div class="collapsible-content"><div>Wenn du einen klaren Website-Titel hast, der mit deiner URL übereinstimmt, wird dein Website-Titel zusammen mit deiner Webadresse angezeigt, wenn Google deine Website indexiert.</div><div>Füge den Website-Titel am besten als Text hinzu und achte darauf, dass er identisch mit dem Namen in den Einstellungen deiner Website-Verwaltung ist, damit Google ihn korrekt indexiert. <a data-composite="true" href="https://support.wix.com/de/article/website-umbenennen" target="">Erfahre, wie du den Namen deiner Website in deiner Website-Verwaltung änderst</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vorteil Barrierefreiheit</h4><div class="collapsible-content"><div>Ein klarer Website-Titel kann Besuchern mit Behinderungen oder Beeinträchtigungen helfen, zu verstehen, worum es auf deiner Website geht. </div><div>Wir empfehlen, deinen Website-Titel als Text hinzuzufügen und Überschriften-Tags zu definieren. Dadurch stellst du sicher, dass Besucher, die Screenreader verwenden, problemlos auf deiner Website navigieren können. <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-die-struktur-deiner-website-vorbereiten" target="">Erfahre, wie du deine Textüberschriften definierst</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bereit, deine Website noch weiter zu verbessern?</div><div class="info-content"><div>Füge jeder deiner Seiten einzigartige Title-Tags hinzu, um die SEO und Barrierefreiheit deiner Website zu verbessern. <a data-composite="true" href="https://support.wix.com/de/article/seo-title-tags-und-meta-beschreibungen-zu-deinen-seiten-hinzufügen" target="">Erfahre, wie du Title-Tags zu deinen Website-Seiten hinzufügst</a>.</div></div></div></div>

Bei dem kurzen Aufblinken der Schrift deiner Website, handelt es sich um ein bekanntes Problem des Webdesigns, dass besser unter dem Namen Aufblinken von ungestyltem Text (Flashing of Unstyled Content...

Wix Editor: Ungestylter Text blinkt während des Ladevorgangs kurz auf und ändert sich

<div data-component-type="text"><div>Bei dem kurzen Aufblinken der Schrift deiner Website, handelt es sich um ein bekanntes Problem des Webdesigns, dass besser unter dem Namen Aufblinken von ungestyltem Text (Flashing of Unstyled Content FOUC) bekannt ist. </div></div><div data-component-type="heading"><h2 id="">Über das Aufblinken von ungestyltem Text (FOUC)</h2></div><div data-component-type="text"><div>FOUC tritt nicht nur bei Wix auf. Es bezieht sich vielmehr darauf, wie Browser den Inhalt und die Schrift deiner Website laden und welche Schriftarten als Kernschriftarten des jeweiligen Browsers angesehen werden. Unter Kernschriftarten versteht man, Schriftarten, die Browser verwenden, ehe diese eine bestimmte Schriftart erkennen. </div></div><div data-component-type="text"><div>Deine ausgewählte Schriftart befindet sich zusammen mit anderen stilistischen Elementen deiner Website, in einem Dokument der Cascading Style Sheet (CSS). Wenn der Browser deine Website zum ersten Mal lädt, wird dieser, um Zeit zu sparen, zunächst auf eine Kernschriftart zurückgreifen. Erst nachdem die CSS geladen wurde, wird der Text in die ausgewählte Schriftart wechseln.</div></div><div data-component-type="text"><div>Das Problem wird u.a. durch diese Faktoren beeinflusst:</div></div><div data-component-type="text"><ul><li>Die ausgewählte Schriftart.</li><li>Die Schnelligkeit deiner Internetverbindung. </li></ul></div><div data-component-type="heading"><h2 id="">Das Aufblinken des ungestyltem Text vermeiden</h2></div><div data-component-type="text"><div>Du kannst das Aufblinken vermeiden, indem du Schriftarten wählst, die einfacher gestaltet sind und zu den Kernschriftarten der geläufigen Browser gehören. </div></div><div data-component-type="text"><div>Eine weitere Möglichkeit ist es, den gewünschten Text als Bild hochzuladen. Beachte hier, dass dieser Text nicht für SEO-Zwecke indexiert wird. </div></div><div data-component-type="informative"><div class="info-container" info-type="note"><div class="info-content"><div>Wix und Web Designer im Allgemeinen, wissen über dieses Problem Bescheid und arbeiten ständig daran, Lösungen für Probleme zu finden, die mit dem Internet und Browsern zusammenhängen. Wir arbeiten stets daran, neue Technologie zu erstellen und zu untersuchen, die dieses Problem zukünftig lösen könnten. </div></div></div></div>

Wenn du eine Textvorlage speichern möchtest, siehst du möglicherweise den Schriftvorlage speichern-Button nicht. Dies liegt daran, dass du ein Textdesign nicht speichern kannst, wenn du per Eingabetas...

Wix Editor: „Schriftvorlage speichern“-Button fehlt

<div data-component-type="text"><div>Wenn du eine Textvorlage speichern möchtest, siehst du möglicherweise den <strong>Schriftvorlage speichern</strong>-Button nicht. Dies liegt daran, dass du ein Textdesign nicht speichern kannst, wenn du per Eingabetaste eine Lücke im Text erstellt hast.</div></div><div data-component-type="text"><div>Um die Schriftvorlage in diesem Fall speichern zu können, entferne die Textmarkierung und klicke auf <strong>Schriftvorlage speichern</strong>.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/26/0dc71a40-4f2a-4830-8f1c-f6b7401d306c/c536b7d2-322b-4118-8c49-0b052df084cc.png" /></div></div>

Deinen Text zu formatieren hilft dir, ihn zu organisieren und damit deine Kommunikation zu verbessern. Es gibt Tausende mögliche Kombinationen:Richte deinen Text aus, füge Aufzählungszeichen oder Numm...

Wix Editor: Deinen Text formatieren

<div data-component-type="text"><div>Deinen Text zu formatieren hilft dir, ihn zu organisieren und damit deine Kommunikation zu verbessern. Es gibt Tausende mögliche Kombinationen:</div></div><div data-component-type="text"><ul><li>Richte deinen Text aus, füge Aufzählungszeichen oder Nummerierungen hinzu. </li><li>Ändere deinen Text zu kursiv, unterstrichen oder fett, um ihn hervorzuheben. </li><li>Lade deine eigenen Schriftarten hoch und wähle Schriftarten, die für die Sprache auf deiner Website geeignet sind, um deine Botschaft auf den Punkt zu bringen.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/e0b42ee5-a627-4fe9-a083-52a1ca5c0a45/2e667fd0-c825-4d06-8aae-8df9eacb84f9.jpg" /></div></div><div data-component-type="heading"><h2 id="" level="3">Um deinen Text zu formatieren:</h2></div><div data-component-type="text"><ol><li>Markiere den Text, den du bearbeiten möchtest.</li><li>Klicke auf <strong>Text bearbeiten</strong>.</li><li>Bearbeite den Text mit diesen Funktionen:</li></ol></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Formatierungswerkzeug</div></th><th><div>Erläuterung</div></th><th><div>So geht's</div></th></tr></thead><tbody><tr><td><div><strong>Schriftvorlage</strong></div></td><td><div>Diese Schriftvorlagen wurden erstellt, um zu deiner Website zu passen. Du kannst eine Schriftvorlage bearbeiten und die Änderungen speichern, sodass du sie auf deiner Website wiederverwenden kannst.</div></td><td><div>Klicke auf das Aufklappmenü <strong>Schriftvorlage</strong> und wähle eine Schriftvorlage. Passe die Schriftvorlage mit den Bearbeitungswerkzeugen an und klicke anschließend <strong>Schriftvorlage speichern</strong>, um die Änderungen zu speichern.</div></td></tr><tr><td><div><strong>Font</strong></div></td><td><div>Wähle aus Hunderten von Schriftarten aus. Du kannst auch deine eigenen Schriftarten hochladen und sprachenspezifische Schriftarten hinzufügen.</div></td><td><div>Klicke auf das Aufklappmenü unter <strong>Schriftart</strong> und wähle eine Schriftart aus. </div></td></tr><tr><td><div><strong>Fontgröße</strong></div></td><td><div>Lege eine spezifische Schriftgröße fest.</div></td><td><div>Klicke auf das Aufklappmenü <strong>Schriftgröße</strong> und stelle die Größe ein. Du kannst Werte zwischen 6 und 999 px eingeben.</div></td></tr><tr><td><div><strong>Fett</strong> </div></td><td><div>Den Text fett darstellen.</div></td><td><div>Klicke das Symbol für Fettdruck <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/feb6f0c7-b13a-4ffe-9bb2-dccbbdd252d2.jpg" />.</div></td></tr><tr><td><div><strong>Kursiv setzen </strong> </div></td><td><div>Den Text kursiv darstellen.</div></td><td><div>Klicke auf das Symbol für Kursivschrift <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/22b267ad-cb9b-4076-9503-68ee824d1c72.jpg" />.</div></td></tr><tr><td><div><strong>Unterstrichen</strong></div></td><td><div>Den Text unterstreichen.</div></td><td><div>Klicke auf das Symbol für Unterstreichen <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/6be46e89-e0b3-491f-87f2-fa95bfac20cb.jpg" />.</div></td></tr><tr><td><div><strong>Farbe</strong></div></td><td><div>Die Farbe des Textes ändern.</div></td><td><div>Klicke auf das Symbol für Farbe <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/a3150a5d-c025-4777-b704-143a351a6cea.jpg" /> und wähle eine neue Farbe aus.</div></td></tr><tr><td><div><strong>Hervorheben</strong></div></td><td><div>Füge eine Farbe zum Hintergrund deines Textes hinzu, um den Text hervorzuheben.</div></td><td><div>Klicke auf das Symbol für Hervorheben <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/999d0f6d-3007-4808-92fc-fff2dbcfe031.jpg" /> und wähle eine Farbe aus.</div></td></tr><tr><td><div><strong>Link-Text</strong></div></td><td><div>Verlinke deinen Text, sodass wenn Besucher deiner Website auf den Text klicken, sie zur hinterlegten Webadresse weitergeleitet werden.</div></td><td><div>Klicke auf das Symbol für Link <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/263a91d7-9cb3-4ecd-b10a-c8bd17a2d0ae.jpg" />, wähle die Zieladresse und gib die Details zum Link ein.</div></td></tr><tr><td><div><strong>Ausrichten</strong></div></td><td><div>Deinen Text links, mittig oder rechts ausrichten oder über das Textfeld verteilen.</div></td><td><div>Klicke auf das Symbol für Ausrichtung <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/b43293cf-a1e4-495a-889b-8555d966cf86.jpg" />.</div></td></tr><tr><td><div><strong>Aufzählungszeichen &amp; Nummerierung</strong></div></td><td><div>Erstelle eine Aufzählungsliste oder eine nummerierte Liste mit deinem Text.</div></td><td><div>Klicke auf das Symbol für Aufzählungszeichen &amp; Nummerierung <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/ca3a79f2-4a3d-4381-a602-92c25c0ec248.jpg" />, um den Listentyp auszuwählen.</div></td></tr><tr><td><div><strong>Einrücken</strong></div></td><td><div>Text einrücken.</div></td><td><div>Klicke auf das Symbol für Einzug verkleinern <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/d170772a-9516-4c7d-b211-5c5b100b0071.jpg" /> oder das Symbol für Einzug vergrößern <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/dfff0e1e-421d-42c9-831e-20dbcaf6fc3d.jpg" />, um die Größe des Einzugs zu ändern.</div></td></tr><tr><td><div><strong>Textrichtung</strong></div></td><td><div>Die Richtung deines Textes zwischen links-nach-rechts und rechts-nach-links ändern. </div></td><td><div>Klicke auf das Symbol für Textrichtung ändern <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/22/284a568f-b585-481a-bf47-b1607d946203.jpg" />.</div></td></tr><tr><td><div><strong>Effekte</strong></div></td><td><div>Füge einen Glow, Weichzeichner, Schatten, Umrisseffekte und mehr hinzu.</div></td><td><div>Klicke auf <strong>Effekte</strong> und wähle einen aus.</div></td></tr><tr><td><div><strong>Zeichenabstand</strong></div></td><td><div>Den Abstand zwischen den Zeichen in deinem Textfeld ändern.</div></td><td><div>Klicke auf <strong>Zeichen &amp; Zeilenabstand</strong> und lege den Abstand zwischen den Zeichen fest.</div></td></tr><tr><td><div><strong>Zeilenabstand</strong></div></td><td><div>Den Abstand zwischen den Zeilen in deinem Textfeld ändern. Du kannst eine bestimmte Anzahl festlegen oder den automatischen Zeilenabstand nutzen.</div></td><td><div>Klicke auf <strong>Zeichen- &amp; Zeilenabstand</strong> und lege den Abstand zwischen den Zeilen fest oder wähle <strong>Automatisch</strong> aus, um das Textfeld automatisch auszufüllen.</div></td></tr><tr><td><div><strong>Vertikale Textausrichtung</strong></div></td><td><div>Gestalte deinen Text vertikal statt horizontal. Dies ist vor allem für Sprachen wie Japanisch nützlich.</div></td><td><div>Klicke auf <strong>Vertikale Textausrichtung</strong> und auf den Schalter <strong>Vertikale Textausrichtung</strong>, um deinen Text umzudrehen.</div></td></tr><tr><td><div><strong>SEO &amp; Barrierefreiheit</strong></div></td><td><div>Verwende HTML-Tags, um deinen Inhalt zu strukturieren, um die SEO deiner Website zu verbessern und die Barrierefreiheit zu unterstützen.</div></td><td><div>Klicke auf <strong>HTML-Tag auswählen</strong> und wähle eines aus dem Aufklappmenü aus.</div></td></tr></tbody></table></div></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>Du kannst keinen Text verlinken, der über zwei Abschnitte verteilt ist. Das heißt, wenn du zwei Wörter oder Sätze mit der Eingabetaste aufgeteilt hast, kannst du diese nicht zusammen verlinken. Du kannst Text, der über zwei Abschnitte verteilt ist, verlinken, indem du zum Erstellen eines Zeilenabstands die Tastenkombination <strong>Umschalt</strong> + <strong>Eingabetaste</strong> nutzt statt der Eingabetaste.</li><li>Du kannst den Unterstrich bei verlinktem Text entfernen, indem du den verlinkten Text auswählst und auf das Symbol für <strong>Unterstreichen</strong> klickst.</li><li>Wix hat Lizenzen für die Schriftarten im Editor. Diese stehen zur digitalen Nutzung NUR bei Wix zur Verfügung. Weitere Informationen findest du in den <a href="http://www.wix.com/about/terms-of-use">Nutzungsbedingungen von Wix</a>. Du kannst die von dir verwendeten Schriftarten nicht herunterladen, aber eventuell findest du Open-Source-Versionen, die du auf deinem Computer installieren kannst. Sei vorsichtig mit Schriftarten, die du über externe URLs findest. Wix hat keine Rechte an diesen Schriften und du musst den Autor um Erlaubnis bitten, wenn du sie verwenden willst.</li></ul></div></div></div>

Wähle aus einer Reihe von Schriftarten, um deine Website von Wix zu erstellen. Personalisiere das Aussehen deiner Website, indem du eine Schriftart verwendest, die zum Charakter deiner Website und dei...

Wix Editor: Über die bei Wix verfügbaren Schriftarten

<div data-component-type="text"><div>Wähle aus einer Reihe von Schriftarten, um deine Website von Wix zu erstellen. Personalisiere das Aussehen deiner Website, indem du eine Schriftart verwendest, die zum Charakter deiner Website und deiner Inhalte passt. In der folgenden Tabelle findest du eine vollständige Liste der auf Wix verfügbaren Schriftarten sowie die Quelle der jeweiligen Schriftart.</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>Einige Gerichtsbarkeiten haben Einschränkungen für die Verwendung verschiedener Schriftarten auferlegt. Daher musst du sicherstellen, dass du nur die Schriftarten verwendest, die gemäß den Gesetzen und Vorschriften deiner Gerichtsbarkeit erlaubt sind.</div></div></div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Schriftart</div></th><th><div>Quelle</div></th></tr></thead><tbody><tr><td><div><strong>Adobe Caslon</strong></div></td><td><div>Adobe</div></td></tr><tr><td><div><strong>Amatic SC</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>American Typewriter</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Anton</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Arial</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Arial Black</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Asimon</strong></div></td><td><div>AlefAlefAlef</div></td></tr><tr><td><div><strong>Avenida</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Avenir</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Avenir Light</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Barlow Extra Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Barlow Medium</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Basic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Belinda</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Bodoni Poster</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Braggadocio</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Brandon Grotesque</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Bree</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Caudex</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Chelsea Market</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Chips</strong></div></td><td><div>Masterfont</div></td></tr><tr><td><div><strong>Cinzel</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Clarendon LT</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Comic Sans MS</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Cookie</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Coquette</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Corben</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Cormorant Garamond Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Cormorant Garamond Semi Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Courier New</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Damion</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Dancing Script Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>DIN Neuzeit Grotesk</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>DIN Next Light</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Droid Serif EB</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Enriqueta</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Forum</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Frank Rühl</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fredericka the Great</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Futura</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Futura Light</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>EB Garamond</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Georgia</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Geotica Four Open</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Helvetica</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Helvetica Bold</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Helvetica Light</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Impact</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>ITC ARECIBO</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Jockey One</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Josefin Slab</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Jura</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Kelly Slab</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Kepler</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Lato Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Libre Baskerville</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Linotype Didot</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Lobster</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Lucida Console</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Lucida Sans Unicode</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Lulo Clean</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Marck Script</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Marzo</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Monoton</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Monotype Baskerville</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Montserrat</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Mr De Haviland</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Museo</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Museo Slab</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Niconne</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Nimbus Sans</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Noticia Text</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Open Sans</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Open Sans Condensed</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Oswald Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Oswald Extra Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Oswald Medium</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Oswald Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Overlock</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Pacifica Condensed</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Palatino Linotype</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Patrick Hand</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Peaches &amp; Cream</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Playfair Display</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Playfair Display Black</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Playfair Display Black Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Play</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Playfair Display Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Playfair Display Bold Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Bold Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Extra Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Extra Light Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Regular Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Semi Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Poppins Semi-Bold Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Proxima Nova</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Questrial</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Raleway Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Raleway Bold Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Raleway Semi Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Raleway Semi Bold Italic</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Reklame Script</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Roboto Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Roboto Thin</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Rosewood</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Rozha One</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Sacramento</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Sail</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Sarina</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Signika</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Snell Roundhand</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Soho Condensed</strong></div></td><td><div>Monotype</div></td></tr><tr><td><div><strong>Spinnaker</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Stencil</strong></div></td><td><div>Adobe</div></td></tr><tr><td><div><strong>Suez One</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Tahoma</strong></div></td><td><div>System</div></td></tr><tr><td><div><strong>Verdana</strong></div></td><td><div>Microsoft</div></td></tr><tr><td><div><strong>Work Sans Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Work Sans Extra Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Work Sans Light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Work Sans Semi Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>BM Hanna</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>Dotum</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>FB Blue Gothic</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>FB Cham Blue</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>FB Green</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>FB Neo Gothic</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>FB Plum</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>Gulim</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>Maglun Gothic</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>Nanum Gothic</strong></div></td><td><div>Google-Korean</div></td></tr><tr><td><div><strong>MS Pゴシック</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>MS P明朝</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>MS ゴシック</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>MS 明朝</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>UD明朝</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>UD角ゴ_ラージ</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>クックハンド</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>スキップ</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>スーラ</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>ニューセザンヌ</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>マティス</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>メイリオ</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>ロダン L</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>ロダン M</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>筑紫Aオールド明朝</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>筑紫A丸ゴシック</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>筑紫B丸ゴシック</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>筑紫ゴシック</strong></div></td><td><div>Google-Japanese</div></td></tr><tr><td><div><strong>Kanit</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Prompt</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Mitr</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Sarabun</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>K2D</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Pridi</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Trirong</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Maitree</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Sriracha</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Kodchasan</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Bai Jamjuree</strong></div></td><td><div>Google-Thai</div></td></tr><tr><td><div><strong>Fraunces 120 light</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces 120 Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces 120 Semi-bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces 120 Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces Extra Light (200)</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fahkwang Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fahkwang Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces Regular (400)</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Fraunces Bold (700)</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Syne Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Syne Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Space Grotesk Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Space Grotesk Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Quicksand Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Nobile Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Nobile Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Inknot Antiqua Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Inknot Antiqua Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Caveat Regular</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Caveat Bold</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Marmelad</strong></div></td><td><div>Google</div></td></tr><tr><td><div><strong>Heebo light (300)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Heebo Regular (400)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Heebo medium (500)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Heebo Bold (700)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Rubik Light (300)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Rubik Regular (400)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Rubik Medium (500)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Rubik Bold (700)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Assistant Light (300)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Assistant Regular (400)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Assistant Semi Bold (600)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Assistant Bold (700)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Karantina Light (300)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Karantina Regular (400)</strong></div></td><td><div>Google-Hebrew</div></td></tr><tr><td><div><strong>Almoni - New Version</strong></div></td><td><div>Alef-Alef-Alef</div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><ul>
  <li>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-schriftart-ändern" target="_blank">deine Schriftart in den Texteinstellungen ändern</a> oder festlegen, dass die Textdesigns <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-mit-textdesigns-arbeiten" target="_blank">auf deiner gesamten Website verwendet werden</a>.</li>  <li>Die Verfügbarkeit einiger Schriftarten hängt von der Sprache deiner Website ab. Erfahre, wie du <a data-composite="true" href="https://support.wix.com/de/article/die-sprache-deiner-website-ändern" target="_blank">die Sprache deiner Website änderst</a>.</li>  <li>Mach deine Website barrierefrei, indem du <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-schriftarten-lesbarkeit" target="_blank">klare, gut lesbare Schriftarten auswählst</a>, die Besuchern mit Seh- oder Leseschwäche helfen.</li></ul></div></div></div>

Einklappbarer Text ist eine gute Option, wenn du viele Informationen anzeigen möchtest. Teile des Textes werden ausgeblendet und Besucher können den vollständigen Text anzeigen, indem sie auf einen Er...

Wix Editor: Einklappbaren Text hinzufügen und einrichten

<div data-component-type="text"><div>Einklappbarer Text ist eine gute Option, wenn du viele Informationen anzeigen möchtest. Teile des Textes werden ausgeblendet und Besucher können den vollständigen Text anzeigen, indem sie auf einen Erweitern-Button oder einen Link zum vollständigen Text klicken.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/2160d703-9339-42a1-8c38-a75ac5c52bf1/9e47a262-29af-4556-a715-8b4917799f85.gif" alt="GIF, das zeigt, wie Text auf einer Live-Website von Wix erweitert und minimiert wird" /></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>Wenn du einen einklappbaren Text an einen Streifen, eine Spalte oder einen Container anhängst und ihn mit einem Button erweitern möchtest, wird der gesamte Container/die Spalte/der Streifen mit dem Text erweitert, wenn Besucher darauf klicken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-collapsible-text" level="3">Schritt 1 | Einklappbaren Text hinzufügen</h2></div><div data-component-type="text"><div>Der erste Schritt besteht darin, ein einklappbares Textfeld zu deiner Website hinzuzufügen. Es stehen eine Reihe von Stilen mit unterschiedlicher Schriftarten, Zeilenanzahl und anderen Einstellungen zur Verfügung.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einklappbaren Text zu deiner Website hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/2_Q3UWFeRrr5eTMMy5BcmnSAohKtI_dMraA_5NEO86PZzJ1C6RLZFszKuF-1mKgkvV4ee4eSdDzyvTbeogg8P5XGH8QMTpNCPtZMEWh1kJV1_Jk7RjMl4g4JvgeWtKfTBU5Wfg_V" />.</li>  <li>Klicke auf <strong>Text</strong>.</li>  <li>Klicke auf <strong>Textabschnitte</strong>.</li>  <li>Scrolle nach unten zu <strong>Einklappbarer Text</strong>.</li>  <li>Klicke und ziehe das ausgewählte Textfeld, um es zu deiner Website hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/769fd1ad-e58b-4779-85a9-19020a168ea0/671581dd-a83b-44f2-9108-215183baee1e.png" alt="Das „Elemente hinzufügen“-Panel im Editor; der Cursor fährt über eine einklappbare Textvoreinstellung." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-adjust-the-layout-of-the-collapsible-text" level="3">Schritt 2 | Das Layout des einklappbaren Textes anpassen</h2></div><div data-component-type="text"><div>Nachdem du das Textfeld zu deiner Seite hinzugefügt hast, wähle aus, wie deine Besucher den gesamten Text lesen können. Füge einen Button hinzu, der den Volltext auf der aktuellen Seite öffnet, oder einen Link, der deine Besucher zum vollständigen Text leitet.</div></div><div data-component-type="text"><div>Du kannst auch die Ausrichtung, den Abstand und die Anzahl der Zeilen festlegen, die angezeigt werden, bevor ein Besucher darauf klicken muss.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Layout des Textes anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Textfeld auf das Symbol für Layout <img data-composite="true" src="https://lh3.googleusercontent.com/_o63TCTCRJLLQGXjE3A037_Ewcw6NyoTwOCmtaYSCkiQ-u2XW00xPpyw3PUuq7gyYimF_Uw3SHZ5zdeCUAThh_PyIweKwILGTFEOkwv8aK-0mOQJNLRHa9B_LZJdEADO0BQvJb8y" />.</li>  <li>Passe das Layout mit den folgenden Optionen an:
    <ul>
      <li><strong>Wie soll der Text angezeigt werden?:</strong> Wähle, wie der gesamte Text angezeigt wird:
        <ul>
          <li><strong>Eingeklappt:</strong> Eine Textvorschau wird angezeigt und Besucher müssen auf einen Erweiterungsbutton oder einen Link klicken, um den gesamten Text zu lesen.</li>          <li><strong>Alles anzeigen:</strong> Der gesamte Text wird auf deiner Website angezeigt und ist nicht minimiert.</li>        </ul>      </li>      <li><strong>Anzahl der angezeigten Zeilen:</strong> Wähle aus, wie viele Textzeilen in der Vorschau angezeigt werden.</li>      <li><strong>Button-Ausrichtung:</strong> Lege die Ausrichtung des Erweiterungs- oder Link-Buttons fest.</li>      <li><strong>Abstand zwischen Text und Button:</strong> Vergrößere oder verringere den Abstand.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/0adefd03-63f6-462d-840b-b408ee65eebf/1592e8c4-7799-49c0-bf68-8ddbf65f81d1.png" alt="Das einklappbare Textlayout-Panel; der Cursor fährt über die Ausrichtungsoptionen des Buttons" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die angezeigten Optionen hängen davon ab, ob du den gesamten Text minimieren oder anzeigen möchtest.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-type-and-set-up-your-text" level="3">Schritt 3 | Deinen Text eingeben und einrichten</h2></div><div data-component-type="text"><div>Nachdem du das Aussehen und Verhalten deines einklappbaren Textfelds angepasst hast, gib den vollständigen Text ein.</div><div>Bearbeite den Text der Erweiterungs- und Einklappbuttons oder richte den Link ein, der deine Besucher zum Gesamttext führt.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Einklappbare Textfelder können bis zu 120.000 Zeichen enthalten und eignen sich daher hervorragend für die Anzeige langer Texte.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Text zu bearbeiten und einzurichten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf das einklappbare Textfeld.</li>  <li>Klicke <strong>Text ändern</strong>.</li>  <li>Gib den Text in das Feld unter <strong>Text ändern</strong> ein oder füge ihn ein.</li>  <li><strong>Wie verhält sich der Button?:</strong> Richte ein, wie Besucher den Volltext anzeigen, und passe ihn mit den folgenden Optionen an:
    <ul>
      <li><strong>Vergrößert:</strong> Besucher können den vollständigen Text anzeigen, indem sie auf einen Erweiterungsbutton klicken:
        <ul>
          <li><strong>Erweitern — Buttontext:</strong> Gib den Text ein, der auf dem Erweiterungsbutton angezeigt wird, zum Beispiel „Mehr lesen“.</li>          <li><strong>Einklappen — Buttontext:</strong> Gib den Text ein, der auf dem Minimierungsbutton angezeigt wird, zum Beispiel „Weniger lesen“.</li>        </ul>      </li>      <li><strong>Link-Button:</strong> Besucher können den vollständigen Text anzeigen, indem sie auf einen Link klicken:
        <ul>
          <li><strong>Link Buttontext:</strong> Gib den Text für den Link ein, zum Beispiel „Klicke, um mehr zu lesen“.</li>          <li><strong>Wohin verlinkt dieser Button?:</strong> Gib die Details für den Link zum vollständigen Text ein.</li>        </ul>      </li>    </ul>  </li>  <li>(Optional) Füge eine Beschreibung hinzu und wähle aus dem Aufklappmenü unter <strong>SEO &amp; Barrierefreiheit</strong> das HTML-Tag deines Textes aus, um die Textart zu definieren (Überschrift, Absatz usw.). <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-die-struktur-deiner-website-vorbereiten" target="_blank">Erfahre mehr über das Definieren deines Textes</a></li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Optionen hängen davon ab, was du im Layout-Panel unter <strong>Wie wird Besuchern mehr Text angezeigt?</strong> ausgewählt hast.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/6a2bbce7-eb1d-4541-b0cc-8fa7d8e5eb97/39c0b139-3dc1-46e6-b24b-b263c700c17d.png" alt="Das einklappbare Texteinstellungs-Panel; der Cursor fährt über das Textfeld" /></div></div>

Sobald du einklappbaren Text hinzugefügt und eingerichtet hast kannst du das Design und die Einstellungen an deine Website anpassen. Passe die Schriftart, Formatierung und Abstände an das Aussehen und...

Wix Editor: Deinen einklappbaren Text gestalten

<div data-component-type="text"><div>Sobald du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einklappbaren-text-hinzufügen-und-einrichten" target="_blank">einklappbaren Text hinzugefügt und eingerichtet hast</a> kannst du das Design und die Einstellungen an deine Website anpassen. Passe die Schriftart, Formatierung und Abstände an das Aussehen und die Ausrichtung deiner Website sowie an deine Website und deine Marke an.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-of-your-text" level="3">Das Design deines Textes anpassen</h2></div><div data-component-type="text"><div>Nachdem du deinen einklappbaren Text eingerichtet hast, kannst du das Design einschließlich der Formatierung, Ausrichtung und Schriftarten anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design deines Textes 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 das Textfeld.</li>  <li>Klicke auf <strong>Design ändern</strong>.</li>  <li>Wähle aus dem Dropdown-Menü die Option <strong>Text</strong> und passe ihn mit den folgenden Optionen an:
    <ul>
      <li><strong>Stil:</strong> Wähle ein Textdesign aus dem Dropdown-Menü, um schnell eine Schriftart und -größe auf deinen Text anzuwenden.</li>      <li><strong>Schriftarten:</strong> Wähle aus dem Dropdown-Menü aus, wie dein Text aussehen soll.</li>      <li><strong>Schriftgröße:</strong> Vergrößere oder verkleinere deinen Text.</li>      <li><strong>Formatierung:</strong> Passe deinen Text weiter an, indem du Einstellungen wie Fett und Kursiv anwendest. Du kannst auch eine Farbe für Text, Hervorhebung und den Umriss wählen.</li>      <li><strong>Ausrichtung:</strong> Ändere die Ausrichtung deines Textes und die Textrichtung.</li>      <li><strong>Zeichen- und Zeilenabstand:</strong> Verkleinere oder vergrößere den Abstand zwischen deinen Zeichen und Zeilen.</li>      <li><strong>Schatten:</strong> Füge einen Schatten hinzu, um deinem Text einen 3D-Effekt zu verleihen. Du kannst verschiedene Aspekte des Schattens anpassen, um ihn mehr oder weniger dramatisch zu gestalten.</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/2024/11/04/2e45e4b8-0777-43c7-a26a-ecc1ce3266f3/37f4b4b0-ddd8-4023-abd9-7313b29224be.png" alt="Das Design-Panel für einklappbaren Text. Der Cursor fährt über das Dropdown-Menü für die Schriftart." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-of-the-expand-link-button" level="3">Das Design des Erweitern-/Link-Buttons anpassen </h2></div><div data-component-type="text"><div>Wenn du dich dafür entschieden hast, den Text zu reduzieren, kannst du die Erweitern- und Einklappen-Buttons gestalten. Wenn dein Text zu einem Link führt, kannst du auch den Link-Button so ändern, dass er genau so aussieht, wie du möchtest.</div><div><br /></div><div>Es gibt 3 Zustände, die du anpassen kannst:</div></div><div data-component-type="text"><ul>
  <li><strong>Standard:</strong> Wie der Button aussieht, bevor Besucher mit ihm interagieren.</li>  <li><strong>Mouseover:</strong> Wie der Button aussieht, wenn Besucher mit der Maus darüber fahren.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Textfeld-Button 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 das Textfeld.</li>  <li>Klicke auf <strong>Design ändern</strong>.</li>  <li>Wähle aus dem Dropdown-Menü die Option <strong>Erweitern/Einklappen</strong>.</li>  <li>Klicke entweder auf den Tab <strong>Standard</strong> oder <strong>Mouseover</strong>, um das Design für jeden Status mit den folgenden Einstellungen anzupassen:
    <ul>
      <li><strong>Schriftvorlagen:</strong> Wähle die Schriftvorlage aus dem Dropdown-Menü aus, um schnell eine Schriftart und -größe auf deinen Button anzuwenden.</li>      <li><strong>Schriftarten:</strong> Wähle aus dem Dropdown-Menü aus, wie der Text aussehen soll.</li>      <li><strong>Schriftgröße:</strong> Gestalte den Buttontext so groß oder klein, wie du möchtest.</li>      <li><strong>Formatierung:</strong> Passe deinen Button weiter an, indem du Einstellungen wie Fett und Kursiv auf den Text anwendest. Du kannst auch eine Farbe für den Text, die Hervorhebung und den Umriss wählen.</li>      <li><strong>Ausrichtung:</strong> Ändere die Ausrichtung deines Textes und die Textrichtung.</li>      <li><strong>Zeichen- und Zeilenabstand:</strong> Verkleinere oder vergrößere den Abstand zwischen deinen Zeichen und Zeilen.</li>      <li><strong>Schatten:</strong> Füge einen Schatten hinzu, um deinem Button einen 3D-Effekt zu verleihen. Du kannst verschiedene Aspekte des Schattens anpassen, um ihn mehr oder weniger dramatisch zu gestalten.</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/2024/11/04/dbdcf6dd-8940-4810-85be-d4d974a1c341/8193140b-9d82-4ead-b3d8-194009164249.png" alt="Das Design-Panel für einklappbaren Text. Der Cursor bewegt sich über den Schieberegler für die Schriftgröße." /></div></div>

Verwende KI (künstliche Intelligenz), um Text zu generieren, der für deine Marke oder dein Unternehmens relevant ist. Gib wichtige Informationen ein und die KI erledigt den Rest. So kannst du Zeit spa...

Wix Editor: KI-generierte Text erstellen

<div data-component-type="text"><div>Verwende KI (künstliche Intelligenz), um Text zu generieren, der für deine Marke oder dein Unternehmens relevant ist. Gib wichtige Informationen ein und die KI erledigt den Rest. So kannst du Zeit sparen, ohne Abstriche beim Inhalt machen zu müssen.</div></div><div data-component-type="text"><div>Nachdem du deinen Text generiert und ausgewählt hast, kannst du weitere Änderungen vornehmen, um ihn an deine Markenstimme (Brand Voice) und das Design deiner Website anzupassen.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Du kannst mithilfe des KI-Website-Builders eine benutzerdefinierte Verwaltung und <a data-composite="true" href="https://de.wix.com/ai-website-builder" target="">KI Website erstellen</a>. Zudem minimiert der Website-Builder die Erstellungszeit und unterstützt dich dabei, dein Online-Potenzial auszuschöpfen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-text-to-your-page" level="3">Schritt 1 | Text zu deiner Seite hinzufügen</h2></div><div data-component-type="text"><div>Füge ein Textelement zu deiner Seite hinzu, um loszulegen. Du kannst Text aus Textvorlagen-, Titel- und Absatztextfeldern generieren, also wähle das Feld, das sich am besten für deinen Inhalts und dein Design eignet.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Text hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Seite im Editor.</li>  <li>Klicke auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/wxyz6iTTXelz2xXwuasGwpKeKXJ48QqQbsqnvNHXPPFhUoFwEpbyvVnUAUuu5P8Lb49aWypUXNJKNXLtraRABJlDtAArfyAtS2Q098MAGk2dUow8dG6qo4arZexOqrvH0MydkF_f3lmFOB_hYV8O_KKJqhaDEm8mj3NJ6n9VIGrR5rUn20dQN0moP1cm" />.</li>  <li>Wähle <strong>Text</strong> aus.</li>  <li>Klicke und ziehe den ausgewählten Text, um ihn zu deiner Seite hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/06/19/a4aaeb78-32f7-44e9-90ae-ab8b077fa53c/7617c730-27ec-4491-81ed-51af0d095d1f.png" alt="Das „Elemente hinzufügen“-Panel im Editor. Der Text-Tab ist hervorgehoben und der Cursor bewegt sich über einem Absatz." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-generate-your-ai-text" level="3">Schritt 2 | Deinen KI-Text generieren</h2></div><div data-component-type="text"><div>Nachdem du Text zu deiner Seite hinzugefügt hast, verwende das Panel, um den Inhalt zu generieren. Du kannst Details wie die Unternehmensart und wichtige Begriffe eingeben, um sicherzustellen, dass du die relevantesten Optionen für deine Marke erhältst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um KI-Text zu generieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf das Textfeld.</li>  <li>Klicke auf das Symbol für <strong>KI-Tools</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/13/b0658bf7-5a1c-4f41-858e-edcc7d15ccfc/9ad1aa8a-cf89-47dd-a599-003b015e7dae.png" />.</li>  <li>Wähle aus den folgenden Optionen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Neuen Text mit KI erstellen</h4><div class="collapsible-content"><div>Verwende KI, um neue Inhalte zu generieren. Beschreibe den benötigten Text, gib den Abschnitt an und lass von der KI einen Textabschnitt, Titel oder eine Tagline generieren, die zu deiner Anfrage passt.</div><ol>
  <li>Klicke auf <strong>Neuen Text generieren</strong>.</li>  <li>Beschreibe im Textfeld den Text, den die KI erstellen soll. Du kannst deine Eingabe mit den folgenden Optionen konkretisieren:
    <ul>
      <li><strong>Textabschnitt verfassen für:</strong> Wähle den entsprechenden Abschnitt aus dem Aufklappmenü aus.</li>      <li><strong>Titel: </strong>Klicke auf diese Option, wenn der KI-generierte Text ein Titel sein soll. Dadurch wird diese Anweisung zu deiner Eingabe hinzugefügt.</li>      <li><strong>Slogan: </strong>Klicke auf diese Option, wenn der KI-generierte Text ein Slogan sein soll (z. B. ein kurzer Satz über deine Website oder deinen Abschnitt). Dadurch wird diese Anweisung zu deiner Eingabe hinzugefügt.</li>    </ul>  </li>  <li>Klicke auf das Symbol für <strong>Einreichen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/01/ff06a5df-4c35-4d3d-8ff1-df3cfcaf9523/9d6d7bd8-5ecf-4f27-9399-0222c4a71d2e.png" />.<br /> <br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/01/5781abfd-a51e-48f4-b4a5-61e4ece00d06/b449653a-bb84-4b14-a720-831e2e332557.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vorhandenen Text mit KI verbessern</h4><div class="collapsible-content"><div>Optimiere deinen Text mit KI, indem du aus den Optionen unten auswählst, um ihn umzuschreiben, zu kürzen oder den Tonfall anzupassen. Du kannst den KI-generierten Text auch umformulieren, übersetzen oder ergänzen, um sicherzustellen, dass er genau deinen Bedürfnissen entspricht.<br />
</div><ol>
  <li>Wähle aus den folgenden Optionen:
    <ul>
      <li><strong>Text umschreiben</strong></li>      <li><strong>Kürzen</strong></li>      <li><strong>Tonfall zu enthusiastisch ändern</strong></li>      <li><strong>Grammatik &amp; Rechtschreibung korrigieren</strong></li>      <li><strong>Mit der Texterstellung bearbeiten</strong></li>    </ul>  </li>  <li>(Optional) Passe den von der KI vorgeschlagenen Text mit den folgenden Optionen an:
    <ul>
      <li><strong>Umformulieren: </strong>Formuliere den Text um.</li>      <li><strong>Kürzen:</strong> Kürze den Text.</li>      <li><strong>Tonfall ändern:</strong> Verwende das Aufklappmenü, um zwischen einem professionellen, enthusiastischen, lockeren, selbstbewussten oder lustigen Tonfall zu wählen.</li>      <li><strong>Übersetzen in:</strong> Verwende das Aufklappmenü, um eine von 15 Sprachen auszuwählen, in die du den Text übersetzen möchtest.<br /> <strong>Tipp: </strong>Klicke auf <strong>Mehr anzeigen</strong>, um aus zusätzlichen Optionen zu wählen, wie zum Beispiel <strong>verlängern</strong>, <strong>als Aufzählung schreiben </strong>und <strong>Sprache vereinfachen</strong>. Du kannst auch die Anzahl der von der KI generierten Optionen ändern, indem du auf das Aufklappmenü <strong>Optionen generieren</strong> klickst.</li>    </ul>  </li>  <li>Klicke auf <strong>Text verwenden</strong> oder das Symbol für <strong>Text kopieren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/01/301b9d4b-6b0a-4fb1-a0b5-a63400d61f47/daf12ede-b569-4ecc-bb35-c74dded00968.png" />, um es an anderer Stelle zu verwenden.</li></ol><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/01/648330d7-2756-49f0-b252-0313a311e078/90d1a06a-1ac0-4e57-9dac-ebdf43516e4e.png" /></div><div><br /></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>Klicke auf <strong>Standardtonfall</strong>, um den Website-Namen, den Website-Typ und den von der KI verwendeten Tonfall zu bearbeiten. Du hast die Möglichkeit, den Chat so lange fortzusetzen, wie du möchtest, sodass die KI zusätzlichen Text generieren kann, bis du zufrieden bist.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-review-and-adjust-your-text" level="3">Schritt 3 | Deinen Text überprüfen und anpassen</h2></div><div data-component-type="text"><div>Überprüfe deinen KI-generierten Text, um sicherzustellen, dass er alle gewünschten Details enthält und zu deiner Marke passt. Du kannst den Inhalt manuell bearbeiten, um sicherzustellen, dass deine Besucher die interessantesten und relevantesten Informationen erhalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um generierten Text zu bearbeiten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf das Textfeld.</li>  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>Nimm die entsprechende Änderungen am Text vor.</li>  <li>Klicke auf eine beliebige Stelle außerhalb des Textfelds, um deine Änderungen zu speichern.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/21/1f14862a-87a2-40f3-96ae-c1d2345e430b/57cda935-3044-49fc-9e35-732ad58fda78.png" alt="Das „Text bearbeiten“-Panel im Wix Editor. Ein Textabschnitt wird von dem Cursor hervorgehoben." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Hinweis:</div><div class="info-content"><div>Bevor du die Änderungen veröffentlichst, musst du den Text überprüfen und gegebenenfalls bearbeiten, um sicherzustellen:</div><ul>
  <li>Dass er mit den <a data-composite="true" href="https://de.wix.com/about/terms-of-use" target="_blank">Nutzungsbedingungen von Wix</a> übereinstimmt</li>  <li>Dass du über alle erforderlichen Rechte und Lizenzen verfügst, um diese Inhalte zu verwenden und zu veröffentlichen</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="frequently-asked-questions-faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Wähle eine untenstehende Option aus, um mehr über KI-generierten Text zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Speichert das Panel meine Einstellungen?</h4><div class="collapsible-content"><div>Natürlich. Sobald du Text generiert hast, werden die Felder „Unternehmensart“ und „Unternehmensname“ automatisch ausgefüllt, wenn du weiteren Text erstellst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich den generierten Text anpassen?</h4><div class="collapsible-content"><div>Ja. Alle Anpassungsoptionen, die du von normalen Textfeldern kennst, sind auch für KI-generierten Text verfügbar. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">So kannst du Text anpassen</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist mit dem „Textideen erhalten“-Button passiert?</h4><div class="collapsible-content"><div>Wir haben die Funktion „Textideen“ durch dieses erweiterte Tool ersetzt, um dir die Erstellung von Inhalten für deine Website noch einfacher zu machen.</div></div></div></div>

Wir freuen uns, mitteilen zu können, dass du jetzt aufklappbare Textfelder zu deiner Website hinzufügen kannst.Aufklappbarer Text ermöglicht es dir, Inhalte auf deiner Seite anzuzeigen, ohne das Layou...

Wix Editor Funktionsvorschlag: Erweiterbare Textfelder mit einem „Mehr lesen“-Link

<div data-component-type="text"><div>Wir freuen uns, mitteilen zu können, dass du jetzt aufklappbare Textfelder zu deiner Website hinzufügen kannst.</div></div><div data-component-type="text"><div>Aufklappbarer Text ermöglicht es dir, Inhalte auf deiner Seite anzuzeigen, ohne das Layout und die Ausrichtung deiner Website zu beeinträchtigen. Eine Vorschau deines Textes wird angezeigt, und Besucher können auf einen Link oder eine Erweiterung klicken, um den gesamten Text anzuzeigen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einklappbaren-text-hinzufügen-und-einrichten" target="">Erfahre, wie du aufklappbaren Text zu deiner Website hinzufügst</a></div></div>

Derzeit werden das Hoch- und Tiefstellen von Text im Wix Editor nicht unterstützt.Als Alternative kannst du die Größe des Texts ändern, der tiefgestellt oder hochgestellt werden soll, oder separate Te...

Wix Editor Funktionsvorschlag: Text hoch- oder tiefstellen

<div data-component-type="text"><div>Derzeit werden das Hoch- und Tiefstellen von Text im Wix Editor nicht unterstützt.</div></div><div data-component-type="text"><div>Als Alternative kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">die Größe des Texts ändern</a>, der tiefgestellt oder hochgestellt werden soll, oder separate Textfelder erstellen und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-gruppieren-und-gruppierung-aufheben" target="_blank">diese gruppieren</a>.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einzelne Textfelder hinzuzufügen und zu gruppieren:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Seite im Editor.</li>  <li>Füge ein separates Textelement für deinen hoch- oder tiefgestellten Text hinzu und gib den gewünschten Text ein.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">Passe die Textgröße anpassen</a>.</li>  <li>Positioniere das Textfeld so, dass der Text hoch- oder tiefgestellt erscheint.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-gruppieren-und-gruppierung-aufheben" target="_blank">Gruppiere die Textfelder gruppieren</a> so, dass sie als ein einzelnes Element fungieren.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/05/31/7c3a0990-8aff-4573-833b-d03391023bc2/e6ecca57-7ed1-49ae-b6e5-a4677312e43b.png" alt="Textfelder im Wix Editor, die gruppiert werden. Die Kästchen buchstabieren H" /></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit unterstützt Wix das Hinzufügen einer Scroll-Leiste zu Textfeldern aufgrund der möglichen Auswirkungen auf das Design und die Funktion der Website nicht.Ich möchte mehr erfahrenScroll-Leisten i...

Wix Editor Funktionsvorschlag: Scroll-Leiste in Textfeldern

<div data-component-type="text"><div>Zurzeit unterstützt Wix das Hinzufügen einer Scroll-Leiste zu Textfeldern aufgrund der möglichen Auswirkungen auf das Design und die Funktion der Website nicht.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich möchte mehr erfahren</h4><div class="collapsible-content"><div>Scroll-Leisten in Textfeldern werden aus den folgenden Gründen nicht unterstützt:</div><ul>
  <li>Es wird im modernen Webdesign nicht empfohlen.</li>  <li>Sie funktionieren nicht gut auf Touch-Geräten (wie iPads und iPhones).</li>  <li>Es ist ratsam, nur eine Scroll-Leiste auf deiner Website zu haben, und es sollte die Scroll-Leiste der Website sein.</li></ul></div></div></div><div data-component-type="text"><div>Als Alternative kannst du CSS zu einem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-eingebettete-elemente-und-codes-auf-deiner-website" target="">HTML-Element</a> auf deiner Website hinzufügen. <a data-composite="true" href="https://www.w3schools.com/cssref/tryit.php?filename=trycss_overflow" target="_blank">Siehe die Anleitung auf w3schuls</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Das solltest du wissen:</div><div class="info-content"><ul>
  <li>Wir können keinen Support für externe HTML-Codes bieten, die zu Websites von Wix hinzugefügt wurden, da die Codes nicht von Wix getestet wurden.</li>  <li>Wenn der Inhalt deiner Website länger ist als die Höhe des Viewports, fügt der Browser automatisch vertikale Scroll-Leisten hinzu.</li></ul></div></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig. </div></div>

Derzeit ist es nicht möglich, ein Aufklappmenü für Textfelder hinzuzufügen, auf welches deine Website-Besucher klicken können.In der Zwischenzeit kannst du das Benutzereingabeelement &quot;Auswahl...

Wix Editor Funktionsvorschlag: Ein Aufklappmenü für Textfelder hinzufügen

<div data-component-type="text"><p>Derzeit ist es nicht möglich, ein Aufklappmenü für Textfelder hinzuzufügen, auf welches deine Website-Besucher klicken können.</p></div><div data-component-type="text"><div>In der Zwischenzeit kannst du das Benutzereingabeelement &quot;Auswahl&quot; verwenden, um deiner Website ein Aufklapp-Menü hinzuzufügen. <a href="https://support.wix.com/de/article/aufklappmen%C3%BC-hinzuf%C3%BCgen-und-einrichten">Mehr erfahren.</a></div></div><div data-component-type="text"><p>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.</p></div><div data-component-type="text"><p>Wenn du dir diese Funktion wünschst, klicke bitte auf 
 <strong>Stimme abgeben</strong> und wir halten dich auf dem Laufenden.</p></div>


 Derzeit ist es nicht möglich die Deckkraft deines Textes einzustellen.


 Wir arbeiten stets daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.


 W...

Wix Wix Editor Funktionsvorschlag: Die Deckkraft des Textes ändern

Wix Editor Funktionsvorschlag: Die Deckkraft des Textes ändern

<div data-component-type="text"><p>
 Derzeit ist es nicht möglich die Deckkraft deines Textes einzustellen.
</p>
<p>
 Wir arbeiten stets daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.
</p>
<p>
 Wenn du dir diese Funktion wünschst, klicke auf 
 <strong>Stimme abgeben</strong>, und du wirst über alle Neuigkeiten informiert.<br />
</p></div>

Zurzeit ist es nicht möglich, Bilder oder Videos innerhalb von Textfeldern hinzuzufügen und den Text um das Bild oder das Video herum zu umbrechen.Es gibt jedoch eine Reihe von alternativen Funktionen...

Wix Editor Funktionsvorschlag: Bilder innerhalb von Textfeldern hinzufügen (Textumbruch)

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, Bilder oder Videos innerhalb von Textfeldern hinzuzufügen und den Text um das Bild oder das Video herum zu umbrechen.</div></div><div data-component-type="text"><div>Es gibt jedoch eine Reihe von alternativen Funktionen, mit denen du Text mit Bildern auf deiner Website anzeigen 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>Wir raten davon ab, Bilder und Videos über Textfeldern hinzuzufügen, da dies in verschiedenen Browsern zu Ausrichtungs- und Layout-Problemen auf deinen Seiten führen kann.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um Bilder mit Text anzuzeigen:</h2></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-repeater-listen-gitter-hinzufügen-und-einrichten" target="_blank">Verwende Repeater-Elemente</a>, um ein Layout mit Texten und Bildern zu erstellen, das du mehrmals auf deiner Website verwenden möchtest.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-pro-gallery-ein-layout-auswählen-individuell-vs-presets" target="_blank">Füge die Wix Pro Gallery hinzu</a>, um Text und Bilder mit einer Vielzahl von Anzeigen zu kombinieren.</li>  <li>Teile deinen Text in mehrere Textfelder und ordne sie manuell um das Bild oder Video herum an.</li></ul></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit kannst du einen Tooltipp (Text, der angezeigt wird, wenn man mit der Maus über ein Element fährt) nur zu Elementen wie Bildern hinzufügen. Du kannst keine Tooltipps zu einem Textfeld hinzufüge...

Wix Editor Funktionsvorschlag: Tooltipps zu einem Textfeld hinzufügen

<div data-component-type="text"><div>Zurzeit kannst du einen Tooltipp (Text, der angezeigt wird, wenn man mit der Maus über ein Element fährt) nur zu Elementen wie <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-quickinfos-zu-bildern-hinzufügen" target="_blank">Bildern</a> hinzufügen. Du kannst keine Tooltipps zu einem Textfeld hinzufügen.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Derzeit wird rechtsläufiger Text in vielen Elemente im Editor unterstützt, inklusive Textboxen. In manchen Bereichen des Editors, werden rechtsläufige Texte allerdings nicht unterstützt, wie zum Beisp...

Wix Editor Funktionsvorschlag: Rechtsläufiger Text in allen Editor-Elementen

<div data-component-type="text"><div>Derzeit wird rechtsläufiger Text in vielen Elemente im Editor unterstützt, inklusive Textboxen. In manchen Bereichen des Editors, werden rechtsläufige Texte allerdings nicht unterstützt, wie zum Beispiel im Bereich Bilder anordnen in Galerien.<br /><br />Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.</div><div><br />Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich auf dem Laufenden.</div></div>

Derzeit ist es nicht möglich, durchgestrichenen Text hinzuzufügen.Tipp:Alternativ kannst du einen HTML-Code hinzufügen, den gewünschten Text eingeben und den Tag für &quot;durchgestrichen&quot; beim b...

Wix Editor Funktionsvorschlag: Durchgestrichenen Text hinzufügen

<div data-component-type="text"><div>Derzeit ist es nicht möglich, durchgestrichenen Text hinzuzufügen.</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>Alternativ kannst du einen <a href="https://support.wix.com/de/article/html-code-hinzuf%C3%BCgen-921806" target="_blank">HTML-Code hinzufügen</a>, den gewünschten Text eingeben und den Tag für &quot;durchgestrichen&quot; beim betreffenden Abschnitt anwenden.</div></div></div></div><div data-component-type="text"><div>Wir arbeiten kontinuierlich daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.<br /><br /></div><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich auf dem Laufenden</div></div>

Zurzeit ist es nicht möglich, den Hintergrund oder den Rand eines Textfelds zu ändern. Du kannst jedoch deinen Text in einem farbigen Container platzieren, um einen ähnlichen Effekt zu erzielen.Um Tex...

Wix Editor Funktionsvorschlag: Den Hintergrund und die Ränder eines Textfelds ändern

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, den Hintergrund oder den Rand eines Textfelds zu ändern. Du kannst jedoch deinen Text in einem farbigen Container platzieren, um einen ähnlichen Effekt zu erzielen.</div></div><div data-component-type="heading"><h2 id="" level="3">Um Text in einer farbigen Container-Box zu platzieren:</h2></div><div data-component-type="text"><ol>
  <li>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-box-hinzufügen-und-einrichten" target="_blank">Container-Boxen</a> zu deiner Website hinzufügen.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-box-hinzufügen-und-einrichten#customizing-your-box-design" target="_blank">Passe</a> den Hintergrund und die Ränder der Container-Box an.</li>  <li>Klicke und ziehe das Textfeld in die Container-Box.</li></ol></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit ist es nicht möglich, den Abstand zwischen den Absätzen in einem einzelnen Textfeld manuell anzupassen.Als Alternative kannst du jeden Absatz separat hinzufügen und den Abstand zwischen ihnen ...

Wix Editor Funktionsvorschlag: Den Abstand zwischen Absätzen anpassen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, den Abstand zwischen den Absätzen in einem einzelnen Textfeld manuell anzupassen.</div></div><div data-component-type="text"><div>Als Alternative kannst du jeden Absatz separat hinzufügen und den Abstand zwischen ihnen anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einzelne Absätze hinzuzufügen und die Abstände anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Seite im Editor.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten" target="_blank">Füge ein Textelement hinzu</a>.</li>  <li>Gib deinen Text in die Felder ein.</li>  <li>Ziehe die Textelemente an die gewünschte Stelle auf der Seite und lasse so viel Platz dazwischen, wie du brauchst.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Du kannst den Zeilenabstand deines Textes mithilfe des <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">Textbearbeitungs-Panels</a> bearbeiten. </div></div></div></div><div data-component-type="text"><p>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</p></div>

Personalisiere den Text und das Symbol deines Buttons, damit er genau deinen Wünschen entspricht. Aktualisiere nach Bedarf den Buttontext, gestalte das Aussehen des Buttons und passe das Layout an (z....

Wix Editor: Text & Symbol-Buttons anpassen

<div data-component-type="text"><div>Personalisiere den Text und das Symbol deines Buttons, damit er genau deinen Wünschen entspricht. Aktualisiere nach Bedarf den Buttontext, gestalte das Aussehen des Buttons und passe das Layout an (z. B. Positionierung, Abstand und mehr).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-button-text" level="3">Den Buttontext ändern</h2></div><div data-component-type="text"><div>Gib deinen Buttontext ein, um Besucher zu ermutigen, mit deiner Website zu interagieren. Einige Beispiele für mögliche Formulierungen sind „Kontaktiere uns“, „Mehr erfahren“ oder „Jetzt kaufen“.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Buttontext 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>Klicke auf deiner Website-Seite auf den Button.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>(Optional) Klicke auf das Dropdown-Menü <strong>Was möchtest du anzeigen?</strong> und wähle eine Option: <strong>Text und Symbol</strong>, <strong>Symbol</strong>, <strong>Nur Text</strong>, oder <strong>Nichts</strong>.</li>  <li>Bearbeite unter <strong>Text</strong> den Text, der auf dem Button angezeigt wird.</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/2024/11/29/4f4460cf-c393-4c70-9794-5d7608109215/afa04e7b-6d5f-4ec4-a505-2e48c7a6929c.png" alt="Das Panel für die Button-Einstellungen im Wix Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Du kannst außerdem im Layout-Panel auswählen, was auf deinem Button angezeigt wird (z. B. Text, Symbol oder beides).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-the-button" level="3">Den Button gestalten</h2></div><div data-component-type="text"><div>Die Gestaltung deines Buttons ist eine gute Möglichkeit, diesen an das Design und die Bedürfnisse deiner Website anzupassen. Passe das Design für jeden Buttonstatus an:</div></div><div data-component-type="text"><ul>
  <li><strong>Desktop:</strong> Wie der Button angezeigt wird, bevor mit ihr interagiert wurde.</li>  <li><strong>Mouseover:</strong> Wie der Button angezeigt wird, wenn ein Cursor darüberfährt. </li></ul></div><div data-component-type="heading"><h2 id="" level="4">Um den Button zu gestalten:</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 Button auf deiner Seite.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" />.</li>  <li>Klicke <strong>Design anpassen</strong>.</li>  <li>Wähle den Buttonstatus.</li>  <li>Passe das Design an deine Bedürfnisse an:
    <ul>
      <li><strong>Füllung:</strong> Wähle eine Hintergrundfarbe und passe die Deckkraft an.</li>      <li><strong>Text:</strong> Passe Schriftvorlage, Farbe, Schriftart und -format des Textes an.</li>      <li><strong>Ränder:</strong> Passe die Farbe, Deckkraft und Breite des Randes an. </li>      <li><strong>Ecken:</strong> Verwende die Felder, um die Pixelgröße der Ecke des Buttons anzupassen.</li>      <li><strong>Schatten:</strong> Füge deinem Button einen Schatten hinzu und passe diesen an.</li>      <li><strong>Layout:</strong> Bearbeite das Layout und die Ausrichtung deines Buttons.</li>      <li><strong>Symbol:</strong> Zeige ein Symbol mit deinem Text an und passe die Einstellungen 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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/83fe4a9d-aa54-4c07-a5fb-5cdc6748d52b/93bc6055-8228-4251-bd40-0eced103dc96.png" alt="Das Panel für die Button-Design im Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-buttons-layout" level="3">Das Buttonlayout anpassen</h2></div><div data-component-type="text"><div>Ändere die Position, Ausrichtung und den Abstand zwischen dem Text und/oder dem Symbol auf deinem Button. Du kannst auch entscheiden, was passiert, wenn nicht genügend Platz auf dem Button ist, um den Volltext anzuzeigen. </div></div><div data-component-type="heading"><h2 id="" level="4">Um das Buttonlayout 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 Button auf deiner Seite.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/07/26/8e428eb0-e870-446c-b3e5-11fb7f9bb64d/ea84a13e-3e51-44c6-9073-35745f95e190.png" />.</li>  <li>Bearbeite eine der folgenden Einstellungen:
    <ul>
      <li><strong>Was möchtest du anzeigen?:</strong> Lege fest, was auf deinem Button angezeigt wird: <strong>Text und Symbol</strong>, <strong>Nur Text</strong>, <strong>Nur Symbol</strong> oder <strong>Nichts</strong>.</li>      <li><strong>Symbol-Position: </strong>Wenn du dich entscheidest, sowohl Text als auch ein Symbol anzuzeigen, kannst du entscheiden, wie sie positioniert werden sollen: nebeneinander oder untereinander.</li>      <li><strong>Abstand zwischen Text und Symbol: </strong>Wenn du sowohl Text als auch ein Symbol anzeigen möchtest, ziehe den Schieberegler, um den Abstand dazwischen (in px) festzulegen.</li>      <li><strong>Ausrichtung:</strong> Richte den Text und das Symbol links, mittig oder rechts im Button aus. Du kannst sie auch an beiden Rändern des Buttons ausrichten, indem du auf <strong>Blocksatz</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/07/26/7b2538db-a825-491f-a6e3-e0dbea7fa5bf/f525d252-55a2-41c1-a34b-f306c6037242.png" /> klickst.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Du kannst außerdem im Einstellungen-Panel auswählen, was auf deinem Button angezeigt wird (z. B. Text, Symbol oder beides).</div></div></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/2024/11/29/3e9eec6c-6741-43d8-8972-bfa9fc2d29fe/abefb087-1c97-4194-b9c8-dc1b69c339ad.png" alt="Das Panel für Button-Layout im Wix Editor." /></div></div>

Füge deinem Symbol oder Textbutton einen Link hinzu, um Website-Besucher an einen bestimmten Ort zu führen. Du kannst zu vielen verschiedenen Stellen verlinken, einschließlich einer Seite auf deiner W...

Wix Editor: Einen Link zu einem Button hinzufügen

<div data-component-type="text"><div>Füge deinem Symbol oder Textbutton einen Link hinzu, um Website-Besucher an einen bestimmten Ort zu führen. Du kannst zu vielen verschiedenen Stellen verlinken, einschließlich einer Seite auf deiner Website, einer externen Webadresse, einem Dokument oder einer E-Mail-Adresse.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-button" level="3">Einen Link zu deinem Button hinzufügen</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Button.</li>  <li>Klicke auf das Symbol für <strong>Link</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/73fd4f4e-a17e-4e8a-855e-ad100bcac136.png" />.</li>  <li>Wähle einen Link-Typ aus. <strong>Hinweis:</strong> Weitere Informationen zu den Link-Typen findest du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-button-hinzufügen#types-of-links" target="">unten</a>.</li>  <li>Füge die entsprechende Link-Info hinzu.</li>  <li>Klicke <strong>Fertig</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/e8063c55-85b3-41d2-835f-47856f5c0cd5/e7bdce67-c1c6-47e9-b34c-b0463212680d.png" alt="Screenshot eines Buttons, der im Wix Editor ausgewählt wurde, der Mauszeiger zeigt auf das Link-Symbol." /></div></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>Nachdem du deinen Link hinzugefügt hast, teste im Vorschaumodus, ob er funktioniert. Wenn er nicht funktioniert, nutze die <a href="https://support.wix.com/de/article/fehlersuche-für-buttons">Button-Fehlersuche</a>.</li><li>Wenn dein URL-Link ein nicht unterstütztes Zeichen enthält, wird die folgende Fehlermeldung angezeigt: <strong>Überprüfe die URL und versuche es erneut</strong>. Um die Validierung zu umgehen, verwende einen Link-Verkürzungsdienst wie <a href="http://bit.ly/" target="_blank">bit.ly</a> oder <a href="http://goo.gl/" target="_blank">goo.gl</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-links" level="3">Arten von Links</h2></div><div data-component-type="text"><div>Es gibt verschiedene Arten von Links, die du über das Link-Panel hinzufügen kannst:</div></div><div data-component-type="heading"><h2 id="web-address" level="4">Webadresse</h2></div><div data-component-type="text"><div>Verlinke auf eine externe URL. Wenn deine Besucher auf den Button klicken, werden sie zu der von dir gewählten Webadresse weitergeleitet. Du kannst wählen, ob die Webadresse in einem neuen Browserfenster oder im aktuellen Fenster geöffnet werden soll.</div></div><div data-component-type="text"><div>Du kannst diese verwenden, um zu einer bestimmten Produktseite in Wix Stores zu verlinken. <a href="https://support.wix.com/de/article/wix-stores-einen-button-zu-einer-bestimmten-produktseite-verlinken">Hier</a> erfährst du, wie das geht.</div></div><div data-component-type="heading"><h2 id="page" level="4">Seite</h2></div><div data-component-type="text"><div>Verlinke zu einer Seite deiner Website. Wenn Besucher den Button anklicken, werden sie zu der von dir gewählten Seite deiner Website weitergeleitet. Du kannst wählen, ob die Seite in einem neuen Browserfenster oder im aktuellen Fenster geöffnet werden soll.</div></div><div data-component-type="text"><div>Um zu erfahren, wie du einen Button mit einer bestimmten Produktseite in Wix Stores verknüpfst, klicke <a data-composite="true" href="https://support.wix.com/de/article/wix-stores-einen-button-zu-einer-bestimmten-produktseite-verlinken" target="">hier</a>.</div></div><div data-component-type="heading"><h2 id="anchor" level="4">Anker</h2></div><div data-component-type="text"><div>Verlinke zu einem <a href="https://support.wix.com/de/article/wix-editor-über-anker">Anker</a> auf deiner Website. Wenn deine Besucher auf den Button klicken, werden sie zur Seite und zum Anker deiner Wahl weitergeleitet.</div></div><div data-component-type="heading"><h2 id="topbottom-of-page" level="4">Seitenanfang/-ende</h2></div><div data-component-type="text"><div>Verlinke zum Anfang oder Ende der Seite. Wenn deine Besucher auf den Button klicken, werden sie zum oberen oder unteren Rand der Seite weitergeleitet, auf der sie sich befinden.</div></div><div data-component-type="heading"><h2 id="document" level="4">Dokument</h2></div><div data-component-type="text"><div>Verlinke zu einem Dokument. Wenn deine Besucher auf den Button klicken, wird ein neuer Browser-Tab mit dem Dokument geöffnet.</div></div><div data-component-type="heading"><h2 id="email" level="4">E-Mail</h2></div><div data-component-type="text"><div>Füge einen Link zum Senden einer E-Mail an eine bestimmte E-Mail-Adresse hinzu. Wenn deine Besucher den Button anklicken, wird ihr Standard-E-Mail-Konto geöffnet, sodass sie eine E-Mail an die angegebene E-Mail-Adresse senden können.</div></div><div data-component-type="text"><div>Wenn du deine E-Mail-Adresse verlinkst, müssen deine Besucher ein <a data-composite="true" href="https://support.wix.com/de/article/fehlersuche-fehlermeldung-default-mail-client-is-not-properly-installed" target="_blank">Standard-E-Mail-Programm</a> in ihrem Browser eingerichtet haben.</div></div><div data-component-type="heading"><h2 id="phone-number" level="4">Telefonnummer</h2></div><div data-component-type="text"><div>Verlinke zu einer Telefonnummer. Wenn deine Besucher den Button auf ihrem Mobiltelefon oder Tablet antippen, können sie dich sofort anrufen. Wenn sie einen Desktop verwenden, wird eine Anruf-App wie FaceTime geöffnet.</div></div><div data-component-type="heading"><h2 id="lightbox-1" level="4">Lightbox</h2></div><div data-component-type="text"><div>Verlinke zu einer <a href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten">Lightbox</a> auf deiner Website. Wenn deine Besucher auf den Button klicken, wird die Lightbox angezeigt.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/98f10ac3-5c47-4c03-b8a1-a13c4dd066e6/a451dcde-9550-4c9b-b988-a89daef1c2f6.png" alt="Screenshot des Link-Panels im Wix Editor." /></div></div>

Symbolbuttons sind eine unterhaltsame, visuelle Möglichkeit, um Besuchern die Navigation auf deiner Website zu erleichtern. Um sicherzustellen, dass sie wissen, was dein Symbolbutton tut, kannst du ei...

Wix Editor: Einen Symbolbutton hinzufügen und einrichten

<div data-component-type="text"><div>Symbolbuttons sind eine unterhaltsame, visuelle Möglichkeit, um Besuchern die Navigation auf deiner Website zu erleichtern. Um sicherzustellen, dass sie wissen, was dein Symbolbutton tut, kannst du einen informativen Tooltip hinzufügen, der angezeigt wird, wenn man mit der Maus über den Button fährt.</div></div><div data-component-type="text"><div>Richte den Link für deinen Symbolbutton ein und passe das Symbol an, das für jeden Status angezeigt wird, Standard und Mouseover.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Erfahre mehr über Buttonstatus</h4><div class="collapsible-content"><ul>
  <li><strong>Desktop:</strong> Wie der Button auf deiner Website angezeigt wird, bevor Besucher mit ihm interagieren.</li>  <li><strong>Mouseover:</strong> Wie der Button aussieht, wenn ein Cursor darüberfährt.</li></ul><div><br /></div><div><strong>Hinweis:</strong> Mouseover-Effekte (Tippen) auf Symbolbuttons wereden derzeit nicht auf iOS unterstützt. Das heißt, dass Besucher, die deine Website auf einem iOS-Gerät anzeigen, den Mouseover-Status nicht sehen, wenn sie auf den Button tippen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-your-icon-button" level="3">Schritt 1 | Deinen Symbolbutton hinzufügen</h2></div><div data-component-type="text"><div>Um loszulegen, wähle einen Symbolbutton aus dem Hinzufügen-Panel und ziehe ihn auf deine Seite. Je nach Aktion und gewünschtem Aussehen stehen viele verschiedene Designs zur Auswahl.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Symbolbutton zu deiner Website hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/06/0d3def09-f7c0-4593-8eae-692b2151bc2b/2171364b-8341-4110-8d4d-54b0d41b92ee.png" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>Symbolbutton</strong>.</li>  <li>Klicke oder ziehe den Button, um ihn deiner Seite hinzuzufügen.</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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/16/f523b32e-265a-46fa-b0a9-28d4c967f24f/0c6e3521-ac90-4878-9945-71466938190f.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-your-icon-buttons-text-and-icon" level="3">Schritt 2 | Den Text und das Symbol deines Symbolbuttons einrichten </h2></div><div data-component-type="text"><div>Lege fest, was du auf deinem Button anzeigen möchtest. Du kannst ein Symbol, Text oder beides anzeigen.</div></div><div data-component-type="text"><div>Text und Symbole, die auf Buttons angezeigt werden, sollten einen klaren Aktionsaufruf enthalten und Besucher wissen lassen, wohin sie weitergeleitet werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Text und das Symbol des Buttons einzurichten: </h2></div><div data-component-type="text"><ol>
  <li>Klicke auf deinen Symbolbutton.</li>  <li>Klicke auf <strong>Text &amp; Symbol ändern</strong>.</li>  <li>Klicke auf <strong>Was zeigt der Button an?</strong> und wähle eine Option aus dem Aufklappmenü aus:
    <ul>
      <li><strong>Text und Symbol:</strong> Zeige sowohl Text als auch ein Symbol auf dem Button an. Richte die folgenden Optionen ein:
        <ul>
          <li><strong>Wie lautet der Text?</strong> Gib den Text ein, der auf dem Button angezeigt werden soll.</li>          <li><strong>Symbol wählen:</strong> Klicke auf das Symbol für Symbol Ersetzen <img data-composite="true" src="https://lh5.googleusercontent.com/z6ZrkIIFObm5Ar04kRcNkKN5CggrigK8-034Ut8Cv96ddzvU3I4sjvE_6v8fWmyUp3hGkc4sa_ruJ-5Ct264wLNJWDmlc4ln0V09Y2p-cI8-K3jdgwVU2a4V6OU3sGY7JWDr4GO8" />, um ein neues Symbol für deinen Button auszuwählen. Du kannst aus kostenlosen Medien von Wix wählen oder deine eigenen hochladen.</li>        </ul>      </li>      <li><strong>Nur Symbol:</strong> Zeige nur ein Symbol auf dem Button an. Richte die folgenden Optionen ein:
        <ul>
          <li><strong>Symbol wählen:</strong> Klicke auf das Symbol für Symbol Ersetzen <img data-composite="true" src="https://lh5.googleusercontent.com/z6ZrkIIFObm5Ar04kRcNkKN5CggrigK8-034Ut8Cv96ddzvU3I4sjvE_6v8fWmyUp3hGkc4sa_ruJ-5Ct264wLNJWDmlc4ln0V09Y2p-cI8-K3jdgwVU2a4V6OU3sGY7JWDr4GO8" />, um ein neues Symbol für deinen Button auszuwählen. Du kannst aus kostenlosen Medien von Wix wählen oder deine eigenen hochladen.</li>          <li><strong>Wie lautet der Alt-Text?</strong> Gib eine Alt-Textbeschreibung für das Symbol ein.</li>        </ul>      </li>      <li><strong>Nur Text:</strong> Zeige nur Text auf dem Button an. Gib unter <strong>Wie lautet der Text?</strong> den Text ein, der auf dem Button angezeigt werden soll.</li>      <li><strong>Nichts:</strong> Erstelle einen transparenten Button, der keinen Text oder Symbol anzeigt. Gib unter <strong>Wie lautet der Alt-Text?</strong> eine Beschreibung des Buttons ein.</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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/16/440312ce-b866-413d-a6f8-66011766d052/a0b183f1-06c3-41ea-8ae6-639edd1352a8.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-a-link-to-your-icon-button" level="3">Schritt 3 | Einen Link zu deinem Symbolbutton hinzufügen</h2></div><div data-component-type="text"><div>Füge deinem Button einen Link hinzu, um deine Website-Besucher an die entsprechende Stelle zu führen. Du kannst viele verschiedene Orte verlinken, unter anderem eine Seite auf deiner Website, eine externe Internetadresse, ein Dokument oder eine E-Mail-Adresse.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Link zu deinem Button hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle deinen Symbolbutton aus.</li>  <li>Klicke auf das Symbol für Link <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/06/868c09f5-c67f-4530-8dfe-4ed4ee500153/a445bae1-12ff-4b91-9207-dfd4f64d2d88.png" />.</li>  <li>Wähle auf der linken Seite einen Link-Typ aus.</li>  <li>Füge je nach ausgewähltem Link-Typ die entsprechenden Informationen hinzu.</li>  <li>Klicke auf <strong>Fertig</strong>.  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn dein URL-Link ein nicht unterstütztes Zeichen enthält, wird die folgende Fehlermeldung angezeigt: <strong>Überprüfe die URL und versuche es erneut</strong>. Um die Validierung zu umgehen, verwende einen Link-Verkürzungsdienst wie <a href="http://bit.ly/" target="_blank">bit.ly</a> oder <a href="http://goo.gl/" target="_blank">goo.gl</a>.</div></div></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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/16/ef1bdd3d-b986-4588-911c-6b4c36fc0e75/37187ad5-96f8-4460-9eef-03409589d5e8.png" /></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 mehr über die <a href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-button-hinzufügen">Arten von Links</a>, die du hinzufügen kannst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-customize-your-icon-button" level="3">Schritt 4 | Deinen Button anpassen</h2></div><div data-component-type="text"><div>Nachdem du einen Link zu deinem Symbolbutton hinzugefügt hast, kannst du ihn genau an deine Bedürfnisse anpassen. Du kannst die Hintergrundfüllung wählen, den Text gestalten und vieles mehr.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Symbolbutton anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle den Button aus.</li>  <li>Klicke auf das Symbol für Design <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/15/c47d700f-ff3e-4fee-ab10-887b3c5b44e6/1028f268-16f6-4f0a-bf7c-72efa9482642.png" />.</li>  <li>Wähle ein anderes voreingestelltes Design oder klicke auf <strong>Design anpassen</strong>, um das bestehende Design zu anzupassen.</li>  <li>Wähle unter <strong>Design anpassen</strong> den Buttonstatus aus dem Aufklappmenü aus.
    <ul>
      <li><strong>Standard:</strong> Wie der Button angezeigt wird, bevor Besucher mit ihm interagieren.</li>      <li><strong>Mouseover:</strong> Wie der Button angezeigt wird, wenn ein Besucher mit der Maus darüberfährt.</li>    </ul>  </li></ol><div>5. Klicke auf einen der Tabs, um das Design anzupassen:</div><ul>
  <li><strong>Hintergrundfüllung</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/RDbnan9fKN14DqbQ_KzBm7o3fOS6tGwAs19dtOx8Y41Yu9QM10M6_aB20G_5zWZ83nn07aBBs5MYgS10hzGXIll0qT6rAC3pH5iiOebrk9Nr84_YsZcZ5OeIjF2AAI4BplfBMMbO" /><strong>:</strong> Passe die <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#button-design-options" target="_blank">Füllung deines Buttons</a> an.</li>  <li><strong>Text</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/VNGBlpernG97DSRXx7wJ9CPenKvMHxPeosuBA4inPrwUxwNrf7NffU4RmiDKI-bFNZtBMGFjumYHR42glHkW0_Fit_QCSZTb-0x2MNfpqvLDuYPgcSEMdtGEr3MNbBKQhA3x0MEU" /><strong>:</strong> Passe das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#text-formatting-options" target="_blank">Design des Buttontextes</a> an.</li>  <li><strong>Ränder</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/-50eh0nd9xaB1hHtcVBQUwfF2TPTmMb3xgrRSbEvZ9eEzUZeP2lHefEzkfRI5splembutJY8zTYjbFbsGSsa410rpvSpSCdA0mWPybsV4KyVshQFK4DziK9EGkp7BV8AX-7w1C1T" /><strong>:</strong> Bearbeite die <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#button-design-options" target="_blank">Breite und das Design der Ränder</a>.</li>  <li><strong>Ecken</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/PaFDRxybmmeHa15r-ciwlczdkrd_FFk6mNmRovHTe4KU1KM14Hlgv2CTYugIb3f5FT1MLZ1pkcEZXiXainTYOIR8itiA5sw3hrQANd_tjYU6W5Teua6X-aWmUnxFgXoyi2j3jhpI" /><strong>:</strong> Passe den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#button-design-options" target="_blank">Eckenradius des Buttons</a> an.</li>  <li><strong>Schatten</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/Bb-ZezUXGgdGQy2RjJqMADmLFQZJMPiRj5t3Rmd2w4hCsLxg-XPOgPAFzT15537LPzEuCljOotn7YcPHIDaSIpGRKzey8cj0Rfz0qAQDIgzaTcJkKtE7upgyPAKHi8usP4UT2Lo8" /><strong>:</strong> Füge einen <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#button-design-options" target="_blank">Schatteneffekt zu deinem Button hinzu</a>.</li>  <li><strong>Layout</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/iqhr9SJ87iTu-5ca9_YdZ6VNFnjXQfRG1iW3qGDxIdkvcWEuR-YAAx0w-0OO-wg83UkxrskNw1wR0lr9VYN2u9-TV3oUe3R_Bn7lNs58X-DDyrksn6T2P4qIOPpnA2tzW-xLzIBm" /><strong>:</strong> Wähle aus, was auf deinem Button angezeigt werden soll, und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#button-design-options" target="_blank">passe die Ausrichtung an</a>.</li>  <li><strong>Symbol</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/Rti-8zEAM9AtNB0kwd3jnLbUk0oz5CZavnuUwUR1kOpQR9_QEngCwYYytV9tWkB2Yzz-UsceNw40MuT6zWMmm-DVZ0rwVzgPf5K5YGuNxkX0dQaF5Dr9bOYrH1uHNQcSyzRnNxno" /><strong>:</strong> Bearbeite das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen#icon-design-options" target="_blank">Aussehen des Symbols auf deinem Button</a>.</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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/16/0f2cf895-e355-49f1-9c56-ceed8c437c54/19a332da-31d6-44b7-b60f-4b2d7391c448.png" /></div></div>

Der einfachste Weg, Website-Besucher zu deinen Dateien zu leiten, ist mit einem Button. Wix bietet jedoch auch eine Vielzahl anderer Optionen, die zu dir und den Bedürfnissen deiner Website passen.Ein...

Wix Editor: Einen Download-Button hinzufügen

<div data-component-type="text"><div>Der einfachste Weg, Website-Besucher zu deinen Dateien zu leiten, ist mit einem Button. Wix bietet jedoch auch eine Vielzahl anderer Optionen, die zu dir und den Bedürfnissen deiner Website passen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-download-button" level="3">Einen Download-Button erstellen</h2></div><div data-component-type="text"><div>Füge einen Download-Button zu deiner Website hinzu, damit die Datei geöffnet wird, wenn deine Besucher auf den Button klicken, sodass sie ganz die Datei ganz einfach herunterladen können.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Download-Button zu erstellen:</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 der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>Text &amp; Symbol-Button</strong> oder <strong>Symbol-Button</strong>.</li>  <li>Ziehe einen Button auf deine Website.</li>  <li>Klicke auf das Symbol für <strong>Link</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/e81e2c4c-a111-4aea-ab65-0c5e2db6619e.png" />.</li>  <li>Wähle <strong>Dokument</strong>, damit deine Besucher eine Datei herunterladen können, und klicke auf <strong>Datei auswählen</strong>, um eine Datei hinzuzufügen oder hochzuladen.</li>  <li>Klicke <strong>Fertig</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/1b56dcac-84d1-4524-ae7d-a3ffcaf66f04/663b0262-41b3-44c5-bd3c-4468306cbc14.png" alt="Screenshot des Wix Editors, das Button-Link-Symbol ist ausgewählt und in der Liste „Was soll verlinkt werden?“ ist „Dokument“ ausgewählt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-download-options" level="3">Weitere Download-Optionen</h2></div><div data-component-type="text"><div>Wix bietet eine Reihe verschiedener Funktionen, mit denen Besucher Dateien von deiner Website herunterladen können. Klicke unten auf einen Dateityp, um die verfügbaren Optionen anzuzeigen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dokumente (PDF, DOC, DOCX, PPT, PPTX, XLS, ODP oder ODT)</h4><div class="collapsible-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-dokumentbutton-hinzufügen-und-einrichten" target="">Dokument-Button</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-element-hinzufügen" target="">Das Dokument auf deiner Website verlinken</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-forms-übersicht" target="">Wix Forms</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/über-die-file-share-app" target="">File-Share-App</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bild</h4><div class="collapsible-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-pro-gallery-über-die-wix-pro-gallery" target="">Wix Pro Gallery</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/über-die-file-share-app" target="">File-Share-App</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Musik</h4><div class="collapsible-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-music-ein-überblick" target="_blank">Wix Music</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/über-die-file-share-app" target="">File-Share-App</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Video</h4><div class="collapsible-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-video-über-wix-video" target="">Wix Video</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-pro-gallery-über-die-wix-pro-gallery" target="">Wix Pro Gallery</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/über-die-file-share-app" target="">File-Share-App</a></li></ul></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>Wenn du möchtest, dass Besucher eine extern gehostete Datei herunterladen, <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-element-hinzufügen" target="">verlinke sie auf deiner Website</a>.</div></div></div></div>

Füge einen „Spenden“-Button hinzu, um die Besucher deiner Website zu animieren, für deine Organisation zu spenden. „Spenden“-Buttons leiten deine Besucher direkt zum entsprechenden PayPal-Konto. Dies ...

Wix Editor: Einen „Spenden“-Button für PayPal hinzufügen und einrichten

<div data-component-type="text"><div>Füge einen „Spenden“-Button hinzu, um die Besucher deiner Website zu animieren, für deine Organisation zu spenden. „Spenden“-Buttons leiten deine Besucher direkt zum entsprechenden PayPal-Konto. Dies ist eine schnelle und einfache Möglichkeit, Spenden zu erhalten.</div></div><div data-component-type="text"><div>Nachdem du den Button zu deiner Website hinzugefügt und deine PayPal-Kontodetails verlinkt hast, kannst du das Layout auswählen und die Sprache und Währung festlegen.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><ul>
  <li>In diesem Artikel geht es nur um PayPal-Buttons im Wix Editor, du findest aber auch Hilfe zum <a data-composite="true" href="https://support.wix.com/de/article/paypal-als-zahlungsanbieter-verbinden" target="_blank">Hinzufügen von PayPal als Zahlungsmethode für die Verwendung mit Wix Stores, Wix Bookings und anderen Geschäftslösungen</a>.</li>  <li>Um den PayPal-Button zu verwenden, benötigst du ein PayPal-Geschäftskonto.</li>  <li>Du erhältst keine Benachrichtigungen in deinem Konto von Wix für Spenden, die über PayPal-Buttons getätigt wurden. Das liegt daran, dass die Zahlungen auf das PayPal-Konto und nicht auf dein Konto bei Wix erfolgen.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-paypal-donate-button" level="3">Schritt 1 | Einen „Spenden“-Button für PayPal hinzufügen</h2></div><div data-component-type="text"><div>Leg los, indem du über das „Hinzufügen“-Panel einen „Spenden“-Button zu deiner Website hinzufügst. Du kannst mehrere Buttons zu deiner Website hinzufügen, um Besucher zum Spenden zu motivieren oder zu verschiedenen Organisationen zu verlinken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen „Spenden“-Button zu deiner Website hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/RXtvBVeNsPkYLfP5LwOQR3bSpZaDdyNQdCx2BvWdMSPzKNPHo3-vCjRGXOBN1Yy9rvI-pjTKnSr_eWVYfs_vM_iRvQy4sm-Qfj1yuUckVToFDoSeDVqFaZfvq41-sn3wW5Kao-B5WAjj_HGZFpN-RQ" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>PayPal-Buttons</strong>.</li>  <li>Ziehe den „Spenden“-Button auf deine Website.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/01/31/e71beb44-47ce-48ad-b310-5d40f3ebd050/c8b62321-5cbf-4130-a4e5-406e0357ef07.png" alt="Das „Hinzufügen“-Panel. Der Bereich „Buttons“ wurde ausgewählt und der Cursor fährt über den „Spenden“-Button für PayPal." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-your-button" level="3">Schritt 2 | Deinen Button einrichten</h2></div><div data-component-type="text"><div>Nachdem du den Button zu deiner Website hinzugefügt hast, richte ihn mit allen relevanten Informationen ein. Du kannst die Details der Organisation eingeben und entscheiden, ob du einen festen Spendenbetrag festlegen möchtest oder nicht.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen „Spenden“-Button für PayPal einzurichten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den PayPal-Button.</li>  <li>Klicke auf <strong>PayPal-Info hinzufügen</strong>.</li>  <li>Wähle unter <strong>Buttonfunktion</strong> die Option <strong>Spenden</strong>.</li>  <li>Richte deinen Button mit den folgenden Optionen ein:
    <ul>
      <li><strong>PayPal-E-Mail-Adresse:</strong> Gib die E-Mail-Adresse, die du verlinken möchtest, in das Feld ein.</li>      <li><strong>Was ist der Spendenzweck?:</strong> Gib den Namen der Organisation/den Zweck der Spende in das Feld ein.</li>      <li><strong>Organisationsnummer:</strong> Füge die ID-Nummer der Organisation in das Feld ein (optional).</li>      <li><strong>Besucher wählen den Betrag:</strong> Klicke auf den Schalter, um diese Option zu aktivieren oder zu deaktivieren:
        <ul>
          <li><strong>Aktiviert:</strong> Deine Besucher können ihren eigenen Spendenbetrag selbst festlegen.</li>          <li><strong>Deaktiviert:</strong> Besucher können nur einen festen Betrag spenden.
            <ul>
              <li><strong>Spendenbetrag:</strong> Gib den festgelegten Spendenbetrag in das Feld ein.</li>            </ul>          </li>        </ul>      </li>      <li><strong>Währung:</strong> Klicke auf das Aufklappmenü, um die Währung für den Button auszuwählen.</li>      <li><strong>Öffnen in:</strong> Wähle aus, ob PayPal im selben Fenster oder in einem neuen Fenster geöffnet wird.</li>      <li><strong>Sprache bei der Anmeldung:</strong> Klicke auf das Aufklappmenü, um die Sprache des Buttons auszuwählen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/dcafdcaf-894f-4e1d-bef4-9e8034c9acba/ffcc37a3-c4cc-4ee8-82ec-7084eeea3c7e.png" alt="Die Einstellungen für den PayPal-Button im Editor; der Cursor fährt über die Option zum Festlegen des Spendenbetrags" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Was du wissen solltest:</div><div class="info-content"><div>Aufgrund von Änderungen in der PayPal-API musst du das Feld <strong>PayPal-E-Mail-Adresse</strong> ausfüllen, um die Einrichtung deines Buttons abzuschließen. Wir empfehlen auch, den Namen der Organisation einzugeben und den Spendenbetrag zu bestätigen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-aktualisierung-der-paypal-buttons" target="_blank">Mehr über Änderungen an den PayPal-Buttons erfahren</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-choose-a-layout-for-your-button" level="3">Schritt 3 | Ein Layout für deinen Button wählen</h2></div><div data-component-type="text"><div>Lege fest, wie der Button auf deiner Website aussehen soll. Du kannst zwischen einem Button wählen, der akzeptierte Karten anzeigt, oder einem Button ohne diese.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Layout deines Buttons auszuwählen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Button.</li>  <li>Klicke auf das Symbol für Layout <img data-composite="true" src="https://lh5.googleusercontent.com/vlZibPvSfkqM3AsFNmpIzYkN0HGd-1Rq-AoZ2ySBV2B9mJVAut-PeybyKwVrT_u6xh_fLDGXVR65jHlarmjf-yuWOWejwq5W5oXe27Gy_Jai9XP1X8UaDex2N1w11Ktt8EFFfZtAQrBNydCSGw" />.</li>  <li>Wähle eine Layout-Vorlage aus den Optionen aus.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/05/104f15b1-1027-4d7d-bb38-493cc1538fe0/d329c68a-6172-432c-881a-c00164543475.png" alt="Die Layout-Einstellung des PayPal-Buttons ist im Editor geöffnet. Der Cursor bewegt sich über der letzten Vorlage." /></div></div>

Mit den „Jetzt Kaufen“-Buttons für PayPal kannst du Produkte auf deiner Website verkaufen, ohne einen Online-Shop hinzufügen zu müssen. Der Button ist mit deinem PayPal-Konto und deinem Produkt verlin...

Wix Editor: Einen „Jetzt Kaufen“-Button für PayPal hinzufügen und einrichten

<div data-component-type="text"><div>Mit den „Jetzt Kaufen“-Buttons für PayPal kannst du Produkte auf deiner Website verkaufen, ohne einen Online-Shop hinzufügen zu müssen. Der Button ist mit deinem PayPal-Konto und deinem Produkt verlinkt, sodass Besucher schnell und einfach einkaufen können.</div></div><div data-component-type="text"><div>Füge den Button zu deiner Seite hinzu und richte ihn ein, indem du ihn mit deinem PayPal-Konto verknüpfst. Du kannst auch das Layout, die Währung und die Sprache wählen.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><ul>
  <li>In diesem Artikel geht es nur um PayPal-Buttons im Wix Editor, du findest aber auch Hilfe zum <a data-composite="true" href="https://support.wix.com/de/article/paypal-als-zahlungsanbieter-verbinden" target="_blank">Hinzufügen von PayPal als Zahlungsmethode für die Verwendung mit Wix Stores, Wix Bookings und anderen Geschäftslösungen</a>.</li>  <li>Um den PayPal-Button zu verwenden, benötigst du ein PayPal-Geschäftskonto (Business oder Premier).</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-buy-now-button" level="3">Schritt 1 | „Jetzt Kaufen“-Button hinzufügen</h2></div><div data-component-type="text"><div>Füge einen „Jetzt kaufen“-Button hinzu, um ein Produkt über dein PayPal-Konto zu verkaufen. Du kannst einen Artikel pro Button verlinken und so viele Buttons hinzufügen, wie du benötigst, um verschiedene Produkte auf deiner Website zu verkaufen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen „Jetzt kaufen“-Button zu deiner Website hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/RXtvBVeNsPkYLfP5LwOQR3bSpZaDdyNQdCx2BvWdMSPzKNPHo3-vCjRGXOBN1Yy9rvI-pjTKnSr_eWVYfs_vM_iRvQy4sm-Qfj1yuUckVToFDoSeDVqFaZfvq41-sn3wW5Kao-B5WAjj_HGZFpN-RQ" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>PayPal-Buttons</strong>.</li>  <li>Klicke und ziehe den „Jetzt Kaufen“-Button, um ihn zu deiner Website hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/01/31/e31f6aba-7301-47d2-b73c-c695fa33c598/461e5608-5161-421b-be7a-1e8fe0777a42.png" alt="Das „Elemente hinzufügen“-Panel. Der Buttons-Tab wurde ausgewählt und der Cursor befindet sich über dem „Jetzt Kaufen“-Button von PayPal." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-your-button" level="3">Schritt 2 | Deinen Button einrichten</h2></div><div data-component-type="text"><div>Nachdem du den „Jetzt kaufen“-Button hinzugefügt hast, verknüpfe diesen mit deinem PayPal-Konto und lege die Produktdetails fest (z. B. Artikelname, Preis usw.). Wenn Besucher auf den Button klicken, werden sie zu PayPal weitergeleitet, um den Kauf abzuschließen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen „Jetzt Kaufen“-Button für PayPal einzurichten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf den PayPal-Button.</li>  <li>Klicke auf <strong>PayPal-Info hinzufügen</strong>.</li>  <li>Wähle unter <strong>Buttonfunktion</strong> die Option <strong>Verkaufen</strong>.</li>  <li>Richte den Button mit den folgenden Optionen ein:
    <ol>
      <li><strong>PayPal-E-Mail-Adresse:</strong> Gib die E-Mail-Adresse, die du verlinken möchtest, in das Feld ein.</li>      <li><strong>Artikelname:</strong> Gib den Namen des Produkts oder Artikels in das Feld ein.</li>      <li><strong>Artikelnummer:</strong> Füge die ID-Nummer des Produkts in das Feld ein (optional).</li>      <li><strong>Preis:</strong> Gib den Preis des Produkts in das Feld ein.</li>      <li><strong>Währung:</strong> Klicke auf das Aufklappmenü, um die Währung für den Button auszuwählen.</li>      <li><strong>Öffnen in:</strong> Klicke auf das Aufklappmenü, um auszuwählen, ob PayPal im selben Fenster oder in einem neuen Fenster geöffnet wird.</li>      <li><strong>Sprache bei der Anmeldung:</strong> Klicke auf das Aufklappmenü, um die Sprache des Buttons auszuwählen.</li>    </ol>  </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/06/563e2759-7027-4c0c-b69b-cd2444bb72e5/cf86d644-703d-45ed-ba96-09f28ad61939.png" alt="Die Einstellungen des PayPal-Buttons im Editor. Der Cursor fährt mit der Maus über die Option Artikelnummer." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Aufgrund von Änderungen in der PayPal-API musst du das Feld <strong>PayPal-E-Mail-Adresse</strong> ausfüllen, um die Einrichtung deines Buttons abzuschließen. Wir empfehlen auch, den Namen des Produkts einzugeben und den Preis zu bestätigen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-aktualisierung-der-paypal-buttons" target="_blank">Mehr über Änderungen an den PayPal-Buttons erfahren</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-choose-your-buttons-layout" level="3">Schritt 3 | Das Layout deines Buttons auswählen</h2></div><div data-component-type="text"><div>Lege fest, wie der Button auf deiner Website aussehen soll. Du kannst zwischen einem Button wählen, der akzeptierte Karten anzeigt, oder einem Button ohne diese.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Layout deines PayPal-Buttons auszuwählen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Button.</li>  <li>Klicke auf das Symbol für Layout <img data-composite="true" src="https://lh5.googleusercontent.com/vlZibPvSfkqM3AsFNmpIzYkN0HGd-1Rq-AoZ2ySBV2B9mJVAut-PeybyKwVrT_u6xh_fLDGXVR65jHlarmjf-yuWOWejwq5W5oXe27Gy_Jai9XP1X8UaDex2N1w11Ktt8EFFfZtAQrBNydCSGw" />.</li>  <li>Wähle eine Layout-Vorlage aus den Optionen aus.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/06/2d4a9b97-be8c-4e8b-afb0-5460cfea063e/da1fbf23-397e-423c-a8fc-b807b61af62c.png" alt="Die Layout-Einstellung des PayPal-Buttons ist im Editor geöffnet. Der Cursor bewegt sich über der letzten Vorlage." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Für Käufe, die über PayPal-Buttons getätigt wurden, erhältst du keine Benachrichtigungen in deinem Konto bei Wix. Das liegt daran, dass die Zahlungen auf das PayPal-Konto und nicht auf dein Konto bei Wix erfolgen.</div></div></div></div>

Wenn du ein PayPal-Geschäftskonto hast, kannst du einen PayPal-Button auf deiner Website einrichten.PayPal-Buttons erleichtern das Sammeln von Spenden oder die Annahme von Zahlungen auf deiner Website...

Wix Editor: Über PayPal-Buttons

<div data-component-type="text"><div>Wenn du ein PayPal-Geschäftskonto hast, kannst du einen PayPal-Button auf deiner Website einrichten.</div></div><div data-component-type="text"><div>PayPal-Buttons erleichtern das Sammeln von Spenden oder die Annahme von Zahlungen auf deiner Website, ohne dass du einen Online-Shop benötigst. Es gibt 2 Arten von PayPal-Buttons im Editor: einen „Jetzt kaufen“-Button und einen „Spenden“-Button.</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>In diesem Artikel geht es nur um PayPal-Buttons im Wix Editor, du findest aber auch Hilfe zum <a data-composite="true" href="https://support.wix.com/de/article/paypal-als-zahlungsanbieter-verbinden" target="_blank">Hinzufügen von PayPal als Zahlungsmethode für die Verwendung mit Wix Stores, Wix Bookings und anderen Geschäftslösungen</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="paypal-donate-buttons" level="3">„Spenden“-Buttons für PayPal</h2></div><div data-component-type="text"><div>Mit den „Spenden“-Buttons für PayPal können deine Besucher ganz einfach für die Zwecke spenden, die dir am Herzen liegen.</div><div><br /></div><div>Sobald du den Button hinzugefügt hast, kannst du die relevanten Informationen wie den Namen und die ID-Nummer der Organisation hinzufügen. Du kannst auch einen vordefinierten Betrag festlegen oder deinen Besuchern die Wahl lassen, wie viel sie spenden möchten. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-„spenden-button-für-paypal-hinzufügen-und-einrichten" target="_blank">So kannst du deinen „Spenden“-Button für PayPal hinzufügen und einrichten</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/05/120a581e-3641-4730-b839-140d728d155a/e4d0ea5c-5927-486a-85bb-690f41bec308.png" alt="Ein „Spenden“-Button für PayPal auf einer Live-Website. Im darüber stehenden Text heißt es: „Entlastung für in Armut lebende Familien“." /></div></div><div data-component-type="text"><div>Wenn Besucher auf den Button auf deiner Live-Website klicken, werden sie zu PayPal weitergeleitet, damit sie die Spende abschließen können. Die Einnahmen gehen in der Regel sofort auf dem verknüpften Konto ein, sodass du dir keine Sorgen um Wartezeiten machen musst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Du möchtest Spenden für weitere Organisationen sammeln?</div><div class="info-content"><div>„Spenden“-Buttons können nur mit einem PayPal-Konto verknüpft werden. Wenn du mehr als eine Organisation hast, kannst du mehrere „Spenden“-Buttons zu deiner Website hinzufügen und diese mit den entsprechenden Konten verknüpfen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="paypal-buy-now-buttons" level="3">„Jetzt kaufen“-Buttons für PayPal</h2></div><div data-component-type="text"><div>Besucher können Produkte und Artikel kaufen und mit dem „Jetzt kaufen“-Button direkt an dein PayPal-Konto zahlen, sodass du keinen Online-Shop einrichten musst. Gib einfach die Details wie den Artikelnamen und die Artikelnummer ein, um mit dem Verkauf zu beginnen.</div></div><div data-component-type="text"><div>Wenn deine Besucher auf deiner Website auf den „Jetzt kaufen“-Button klicken, werden sie zum PayPal-Bezahlvorgang weitergeleitet, wo sie ihre Informationen eingeben und den Kauf abschließen können.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/05/53041c8f-7e4e-4eb7-9f13-09e2a6e4e852/8adc2127-0d44-4592-a929-647a78593cab.png" alt="Ein „Jetzt kaufen“-Button für PayPal auf einer Live-Website. Im Text darüberstehenden Text heißt es: „Meinen brandneuen Roman online kaufen“." /></div></div><div data-component-type="text"><div>Mit dem „Jetzt kaufen“-Button kannst du ein Produkt pro Button verkaufen. Wenn du mehrere Produkte verkaufen möchtest, kannst du mehrere Buttons zu deiner Website hinzufügen und diese mit den entsprechenden Produkten verlinken.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bereit für den Verkauf?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-„jetzt-kaufen-button-für-paypal-hinzufügen-und-einrichten" target="_blank">So kannst du deinen „Jetzt kaufen“-Button für PayPal hinzufügen und einrichten</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-information-about-paypal-buttons" level="3">Zusätzliche Informationen über PayPal-Buttons</h2></div><div data-component-type="text"><div>Wenn du PayPal-Buttons zu deiner Website hinzufügst, solltest du die folgenden Informationen beachten:</div></div><div data-component-type="text"><ul>
  <li>Um den „Jetzt kaufen“-Button oder „Spenden“-Button von PayPal auf deiner Website einzurichten und zu verwenden, benötigst du ein PayPal-Geschäftskonto. Die von PayPal angebotenen Funktionen <a data-composite="true" href="https://www.paypal.com/pn/webapps/mpp/country-worldwide" target="_blank">hängen von deinem Land und deiner Region ab</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-aktualisierung-der-paypal-buttons" target="_blank">Bestimmte Felder sind Pflichtfelder, um die Einrichtung deines gewählten Buttons erfolgreich abzuschließen</a>. Wenn du diese Einstellungen nicht ausfüllst, können deine Besucher die Transaktion/Spende nicht abschließen.</li>  <li>Für Käufe oder Spenden, die über PayPal-Buttons getätigt wurden, erhältst du keine Benachrichtigungen in deinem Konto bei Wix. Das liegt daran, dass die Zahlungen auf das PayPal-Konto und nicht auf dein Konto bei Wix erfolgen.</li></ul></div>

Lasse deine Besucher mit einem intelligenten Zurück-nach-oben-Button ganz einfach zum Anfang deiner Website scrollen. Der Zurück-nach-oben-Button bleibt an einer festen Position auf deiner Website und...

Wix Editor: Einen Zurück-nach-oben-Button für deine Website erstellen

<div data-component-type="text"><div>Lasse deine Besucher mit einem intelligenten Zurück-nach-oben-Button ganz einfach zum Anfang deiner Website scrollen. Der Zurück-nach-oben-Button bleibt an einer festen Position auf deiner Website und ist daher auch sichtbar, wenn dein Besucher nach unten scrollt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-your-button" level="3">Schritt 1 | Deinen Button hinzufügen</h2></div><div data-component-type="text"><div>Zurück-nach-oben-Button sind in der Regel Pfeile, die deinen Besuchern anzeigen, dass der Button sie zum Anfang der Seite führt. Wir haben viele Pfeil-Designs für dich zur Auswahl.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Button hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/7ed12e24-bf08-4ab0-ba6d-62ef39ef5674.png" />.</li>  <li>Klicke auf <strong>Dekoration</strong>.</li>  <li>Klicke auf <strong>Pfeile</strong>.</li>  <li>Ziehe einen Pfeil auf deine Website.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/27/5317d587-2b2c-46a0-9d47-71dfebc79d19/21cf5d00-3174-4266-a33e-76078fe5503a.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du einen anderen Button?</div><div class="info-content"><div>Du kannst auch andere Elemente wie Vektorgrafiken oder Symbolbuttons für deinen Zurück-nach-oben-Button verwenden.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-link-your-button-to-the-top-of-the-page" level="3">Schritt 2 | Deinen Button mit dem Seitenanfang verlinken</h2></div><div data-component-type="text"><div>Verlinke deinen Button mit dem Seitenanfang, damit Besucher, die auf den Button klicken, nach oben geleitet werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Button zu verlinken:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Button.</li>  <li>Klicke auf das Symbol für Link <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />.</li>  <li>Klicke auf <strong>Seitenanfang</strong>.</li>  <li>Klicke auf <strong>Oben</strong>.</li>  <li>Klicke auf <strong>Fertig</strong>.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/27/a7c16fbc-ecd9-49d4-be6e-084345711ef8/f058061e-5196-4c21-8198-bf83168db735.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-pin-your-button-to-the-screen" level="3">Schritt 3 | Den Button am Bildschirm fixieren</h2></div><div data-component-type="text"><div>Du kannst einen <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-auf-dem-bildschirm-fixieren" target="">Button an der Seite deines Bildschirms fixieren</a>, damit er für deine Website-Besucher jederzeit sichtbar ist, auch wenn sie auf deiner Website nach unten scrollen.</div></div><div data-component-type="text"><div>Zurück-nach-oben-Buttons erscheinen in der Regel unten rechts auf dem Bildschirm.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Button an den Bildschirm zu fixieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke mit der rechten Maustaste auf deinen Button.</li>  <li>Klicke auf <strong>Position fixieren</strong>.</li>  <li>Wähle unter <strong>Position festlegen</strong> die gewünschte Position.</li>  <li>Ziehe den Schieberegler <strong>Horizontaler Abstand</strong>, um das Element horizontal zu verschieben, oder gib eine Zahl in das Feld neben dem Schieberegler ein.</li>  <li>Ziehe den Schieberegler <strong>Vertikaler Abstand</strong>, um das Element vertikal zu verschieben, oder gib eine Zahl in das Feld neben dem Schieberegler ein.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/27/6e170bff-210a-46af-9358-3f64823405ce/673f79e8-0b32-449e-941b-ecdbf3578185.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-show-your-button-on-all-pages" level="3">Schritt 4 | Deinen Button auf allen Seiten anzeigen</h2></div><div data-component-type="text"><div>Mache deinen Button von jeder Seite und jedem Ort deiner Website aus zugänglich.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Button auf allen Seiten anzuzeigen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke mit der rechten Maustaste auf deinen Button.</li>  <li>Aktiviere den Schalter <strong>Auf allen Seiten anzeigen</strong>.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/08/27/0b5730e4-fe54-4499-ac05-caff782b773f/1c392648-9914-43db-8d7b-a9dbd88d6125.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Zurück-nach-oben-Button auf deiner Mobile-Website:</div><div class="info-content"><div>Der Zurück-nach-oben-Button wird auf deiner Mobile-Website nicht angezeigt. Du kannst jedoch den mobilen Zurück-nach-oben-Button zu deiner Mobile-Website hinzufügen. [So geht's](href=&quot;https://support.wix.com/de/article/wix-editor-zurück-nach-oben-button-zu-deiner-mobile-ansicht-hinzufügen&quot;)</div></div></div></div>

Buttons sind Elemente, die deine Besucher verwenden, um mit deiner Website zu interagieren. Du kannst sie mit einer Vielzahl von Orten verlinken, z. B. zu deinen Website-Seiten, externen Websites oder...

Wix Editor: Über-Buttons

<div data-component-type="text"><div>Buttons sind Elemente, die deine Besucher verwenden, um mit deiner Website zu interagieren. Du kannst sie mit einer Vielzahl von Orten verlinken, z. B. zu deinen Website-Seiten, externen Websites oder sogar Dokumenten. Je nach gewähltem Buttontyp gibt es auch eine Reihe von Anpassungsoptionen.</div><div><br /></div><div>Gestalte eigene Buttons mit klaren Aktionsaufrufen und motiviere die Besucher deiner Website, dich oder deine Marke zu entdecken.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/c20917f2-cae3-4dcb-b33d-deb98c27fc90/1b038f70-8e25-4ce2-a8c4-903ad801e936.png" alt="Eine Vielzahl von Buttons mit unterschiedlichen Designs auf einer Live-Website mit weißem Hintergrund" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="find-a-button-for-your-needs" level="3">Einen Button finden, der deinen Bedürfnissen entspricht</h2></div><div data-component-type="text"><div>Im Editor gibt es eine Vielzahl von Buttontypen für alle Anforderungen deiner Website, sodass du ein reibungsloses interaktives Erlebnis für deine Besucher schaffen kannst. Buttons können für verschiedene Zwecke verwendet werden und verfügen über Anpassungsoptionen, um sicherzustellen, dass du eine funktionale, anspruchsvolle Website erstellen kannst, ohne Kompromisse beim Design einzugehen.</div></div><div data-component-type="text"><div><strong>Du kannst die folgenden Buttons im Editor hinzufügen:</strong></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Text- &amp; Symbolbuttons</h4><div class="collapsible-content"><div>Text- &amp; Symbolbuttons können sowohl Text als auch ein Vektorgrafik-Symbol enthalten, und du kannst wählen, ob der Text, das Symbol oder beides angezeigt werden sollen. Diese Buttons sind nützlich, um Besucher auf andere Seiten, Informationen oder Websites zu leiten. Text- und Symbolbuttons eignen sich besonders, um Besucher auf deine Services oder Shop-Seiten zu leiten.</div><div><br /></div><div>Du kannst eine Reihe von Stilen und Farben hinzufügen, sodass du dich nicht zwischen Funktion und Design entscheiden musst. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-text-symbolbutton-hinzufügen-und-einrichten" target="_blank">Erfahre, wie du deinen Text- &amp; Symbolbutton hinzufügst und einrichtest</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/144974f7-186a-4c4e-9cc8-4c99be3587e9/4baa4033-dd12-4fe4-9a71-b30c8f2ea1e2.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Symbolbuttons</h4><div class="collapsible-content"><div>Symbolbuttons sind eine unterhaltsame, minimalistische Möglichkeit, Besucher zur Interaktion mit deiner Website anzuregen. Es gibt Hunderte von Formen und Symbolen in einer Vielzahl von Kategorien, sodass du alles hast, was du brauchst, um einen klaren Aktionsaufruf zu erstellen.</div><div><br /></div><div>Symbolbuttons werden oft verwendet, um Besucher zu deinen Kontaktangaben und Informationen zu leiten.</div><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-symbolbutton-hinzufügen-und-einrichten" target="_blank">Erfahre, wie du einen Symbolbutton zu deiner Website hinzufügst und einrichtest</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/44ca7c13-61d4-4211-aa43-f5f711c34bc0/437565dc-b065-4e13-b120-33e2bdce4080.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bildbuttons</h4><div class="collapsible-content"><div>Bildbuttons sind eine auffällige Möglichkeit, deine Besucher zu den gewünschten Informationen zu leiten. Sie zeigen einzigartige Effekte an, wenn deine Besucher mit dem Mauszeiger darüber fahren, was die Interaktion mit deiner Website zu einem unterhaltsamen, faszinierenden Erlebnis macht.</div><div><br /></div><div>Genau wie Text- und Symbolbuttons eignen sie sich, um Besucher auf Website-Seiten und Links zu leiten.</div><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-bildbutton-hinzufügen-und-einrichten" target="_blank">Erfahre, wie du einen Bildbutton hinzufügst und einrichtest</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/51b71a8d-a13a-464f-baf9-f58efd03b8d6/47d5b162-11d2-4a30-b043-4516ec57076a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dokumentbuttons</h4><div class="collapsible-content"><div>Füge einen Dokumentbutton hinzu und richte ihn ein, damit Besucher von deiner Website aus auf Dateien zugreifen können. Dokumentbuttons erleichtern es deinen Besuchern, wichtige Informationen direkt auf ihre Geräte herunterzuladen, die sie dann bei Bedarf an dich oder dein Unternehmen zurücksenden können. Du kannst den Button z. B. mit einem Antragsformular oder einem Vertrag verlinken.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-dokumentbutton-hinzufügen-und-einrichten" target="_blank">Erfahre, wie du einen Dokumentbutton zu deiner Website hinzufügst und einrichtest</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/b57547ab-405f-4f43-925d-88c2648d9ea4/37b5e351-4585-4136-bc57-fbf2e539874e.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">iTunes-Buttons</h4><div class="collapsible-content"><div>Verwende iTunes-Buttons, um deine Lieblingsmusik mit deinen Besuchern zu teilen. Du richtest den Button ein, indem du einen iTunes-Link hinzufügst, sodass Besucher direkt zur entsprechenden Wiedergabeliste weitergeleitet werden. Diese Buttons sind ideal, um deine eigene Musik oder einfach nur deine Lieblingssongs zu teilen.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/musik-apps-einen-itunes-button-hinzufügen-und-einrichten" target="_blank">Erfahre, wie du einen iTunes-Button hinzufügst und einrichtest</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/379cfcf5-a76e-48e7-b311-555476a2a629/2d973dd9-ab27-4a9a-a623-d964ce84dd8c.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Zahlungsbutton</h4><div class="collapsible-content"><div>Zahlungsbuttons bieten deinen Besuchern ein reibungsloses Erlebnis bei der Expresszahlung. Verbinde den Button mit den Zahlungsmethoden deiner Website, um einzelne Artikel zu verkaufen.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/einen-zahlungsbutton-hinzufuegen-und-einrichten" target="_blank">Erfahre, wie du deinen Zahlungsbutton hinzufügen und einrichten kannst</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/9c56c108-3bbe-4e58-b37f-f393b8099e20/716fa5e7-3b8b-429d-b195-d8549ba287e6.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">PayPal-Buttons</h4><div class="collapsible-content"><div>PayPal-Buttons eignen sich, um schnell Zahlungen auf deiner Website entgegenzunehmen. Du kannst einen „Jetzt kaufen“-Button hinzufügen, um einen Artikel an Besucher zu verkaufen, oder einen Spenden-Button, um Spenden für dich oder die Organisation deiner Marke zu sammeln.</div><div><br /></div><div>Da du den Button direkt mit deinem PayPal-Konto verbindest, musst du den Button im Editor einrichten, um Zahlungen entgegenzunehmen.</div><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-paypal-buttons" target="_blank">Mehr über PayPal-Buttons erfahren</a></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/e0208a7b-a0ff-4910-8980-43e9c89ef6a5/0159b019-b63a-4c6c-af64-2a80b2c4e419.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="link-your-buttons-to-wherever-you-want" level="3">Deine Buttons nach deinen Wünschen verlinken </h2></div><div data-component-type="text"><div>Füge deinem Button einen Link hinzu, um deine Website-Besucher an die entsprechende Stelle zu leiten. Du kannst zu einer Vielzahl von Orten und Optionen verlinken, je nach Buttontyp und Website-Anforderungen. Folgende Arten von Links kannst du zu einem Button hinzufügen:</div></div><div data-component-type="text"><ul>
  <li><strong>Seite:</strong> Leite deine Besucher auf eine andere Seite deiner Website weiter.</li>  <li><strong>Webadresse:</strong> Verlinke deinen Button mit einer externen URL, um Besucher auf eine andere Website zu leiten.</li>  <li><strong>Anker:</strong> Verlinke den Button mit einem Anker auf deiner Website. Wenn Besucher darauf klicken, werden sie zur entsprechenden Seite und zum Anker weitergeleitet.</li>  <li><strong>Seitenanfang/-ende:</strong> Wenn Besucher darauf klicken, werden sie zum Anfang oder Ende der Seite gebracht, auf der sie sich gerade befinden.</li>  <li><strong>Dokument:</strong> Verlinke den Button mit einer Datei, die du auf deine Website hochgeladen hast.</li>  <li><strong>E-Mail-Adresse:</strong> Verbinde den Button mit deiner E-Mail-Adresse, damit Besucher dich direkt von ihrem Browser oder Gerät aus kontaktieren können.</li>  <li><strong>Telefonnummer:</strong> Verlinke zu deiner Telefonnummer. Wenn deine Besucher das Element auf ihrem Mobiltelefon oder Tablet antippen, können sie dich sofort anrufen. Wenn sie einen Desktop verwenden, wird eine Anruf-App wie FaceTime geöffnet.</li>  <li><strong>Lightbox:</strong> Verlinke den Button mit der von dir gewählten Lightbox auf deiner Website.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/feef5646-e550-4f6d-8798-073e57a165bf/caa6cf9e-b414-49ef-99fd-50812f98bee6.png" alt="Das Link-Panel im Editor. Eine Webseite wurde ausgewählt und die URL von Wix in das Feld eingegeben." /></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><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-button-hinzufügen" target="_blank">Erfahre, wie du einen Link zu einem Button hinzufügst.</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Je nach Buttontyp wird die Option zum Hinzufügen eines Links möglicherweise nicht angezeigt. So können zum Beispiel Dokumentbuttons nur mit Dateien auf deiner Website verbunden werden.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-your-buttons-to-match-your-site" level="3">Deine Buttons passend zu deiner Website gestalten </h2></div><div data-component-type="text"><div>Passe deinen Button im Editor an, indem du auf das Symbol für Design  <img data-composite="true" src="https://lh6.googleusercontent.com/hpS1LTFjz0P4StKIMQDCHK16YB8DycsugW-V5Sc5Uphxb6SzzmKDdvOSzq2pwFwxiiwyDYl90oRsqVSVu5SeahyDrzm5_yaew0A41JM2Gu3EIk3TvyRV7lOTa24-k_nJLlgZiC61uOEm1pJm3g" /> klickst, um das Aussehen des Buttons zu ändern, und klicke auf das Symbol für Layout <img data-composite="true" src="https://lh4.googleusercontent.com/A143n_bNN8rdRqfBDu_e3ogXwKeNtLr6CwE40AbDV6fp8v2uPb9IgOjO0DQZcIzAEdJ2-KCepNAAJaGFsgmS8G1VyqU14fGjUJXbaQsdg9N8FOsy6sMxmTUk5lWI00JO06IYGvUUQPOdrc9p0g" />, um die Ausrichtung oder Struktur zu ändern.</div></div><div data-component-type="text"><div>Je nach gewähltem Buttontyp kannst du möglicherweise die Farbe und Deckkraft des Buttons ändern sowie die Ausrichtung und den Abstand festlegen. Du kannst so viele oder so wenige Aspekte bearbeiten, wie du möchtest, sodass du umfassende Kontrolle über die Gestaltung eines Buttons hast, der zu deiner Marke und deinem Design passt.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-design-deiner-buttons-anpassen" target="_blank">Erfahre mehr über das Anpassen von Buttons.</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/ec0b80f4-9731-4354-9ab7-d0f333ee0116/45c8b146-f86a-4e26-b533-27b51b773e55.png" /></div></div><div data-component-type="text"><div>Wenn du deinen Button weiter personalisieren möchtest, kannst du auch einen Animationseffekt hinzufügen, um eine einzigartige, fließende Interaktion für deine Besucher zu erzeugen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-animation-hinzufügen-und-anpassen" target="_blank">Erfahre, wie du eine Animation zu deinem Button hinzufügst</a></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die Design-/Layout-Panels sind nur für bestimmte Buttons im Editor verfügbar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="use-buttons-for-advanced-capabilities" level="3">Buttons für erweiterte Funktionen verwenden</h2></div><div data-component-type="text"><div>Mit Funktionen wie dem Velo-Dev-Modus und dem CMS kannst du Buttons für erweiterte Funktionen auf deiner Website verwenden und ein verbessertes, individuelles Erlebnis für deine Besucher schaffen.</div></div><div data-component-type="text"><div>Indem du Buttons mit Sammlungen im CMS verbindest, kannst du festlegen, was passiert, wenn Besucher auf den Button klicken. Am meisten werden Buttons verwendet, die Eingaben und Informationen von Besuchern sammeln, z. B. Dateien oder Texteingaben.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/cms-einen-button-mit-einem-datensatz-verbinden" target="_blank">Erfahre mehr über das Verbinden von Buttons mit dem CMS</a>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/f9d32fa2-d9be-4eb6-a2f2-540ec238d30a/7ccf83a2-1ddd-4337-9da6-583403c82815.png" alt="Ein Button im Editor, der mit dem Datensatz eines Einreichungsformulars verbunden ist" /></div></div><div data-component-type="text"><div>Wenn du den Velo-Dev-Modus auf deiner Website aktivierst, kannst du das Verhalten eines Buttons mit Code bestimmen. Du kannst z. B. deinen Button von der Seite ausblenden, bis Besucher eine andere Aktion auf deiner Website abgeschlossen haben, oder benutzerdefinierte Ereignisse festlegen.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/en/article/velo-working-with-the-properties-events-panel" target="_blank">Erfahre mehr über die Arbeit mit Ereignissen und Eigenschaften</a> (Artikel nur auf Englisch verfügbar).</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/01/2da555dc-22f5-45e3-a00d-845c34679fcf/05157d4f-77e8-4633-9dad-29e053352c1b.png" alt="Button für Eigenschaften und Ereignisse im Dev-Modus für ein Buttonelement" /></div></div>

Erstelle ansprechende Buttons, die zu deiner Website passen und deine Besucher animieren, mit der Website zu interagieren.Klicke auf deinem Button auf das Symbol für Design , um mit der Gestaltung zu ...

Wix Editor: Das Design Deiner Buttons Anpassen

<div data-component-type="text"><div>Erstelle ansprechende Buttons, die zu deiner Website passen und deine Besucher animieren, mit der Website zu interagieren.</div></div><div data-component-type="text"><div>Klicke auf deinem Button auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" />, um mit der Gestaltung zu beginnen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/ab67f4af-7417-4557-8e2f-37e71b54b19e/9c0638e1-5e25-4381-bc2f-a5bfd174bf5d.png" alt="Ein Screenshot zeigt einen Button, nachdem er ausgewählt wurde. Das Symbol für „Design“ ist hervorgehoben." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die Optionen für den Buttonstatus unterscheiden sich je nach Art des ausgewählten Buttons.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-your-button" level="3">Deinen Button gestalten</h2></div><div data-component-type="text"><div>Es stehen eine Vielzahl von Anpassungsoptionen zur Verfügung. Je nach Buttontyp kannst du den Hintergrund, den Text und das Symbol anpassen. Wähle die Farben, Füllungen, Ecken, Schatten und vieles mehr.</div></div><div data-component-type="text"><div>Passe jeden Buttonstatus einzeln an, um beim Navigieren deiner Website für auffällige Effekte zu sorgen. Verwende verschiedene lebendige Farben für den Standard-, Mouseover- und Aktiv-Status jedes Buttons, um die Interaktion zu verbessern und jeden einzelnen Button zu etwas Besonderem zu machen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist der Unterschied zwischen den Buttonstatus? </h4><div class="collapsible-content"><ul>
  <li><strong>Standard:</strong> Die Standardansicht des Buttons, bevor Besucher mit dem Button interagieren.</li>  <li><strong>Mouseover:</strong> Das Aussehen des Buttons, wenn Besucher mit ihrem Cursor darüber fahren.</li>  <li><strong>Angeklickt/Fokus:</strong> Das Aussehen des Buttons, nachdem Besucher darauf geklickt haben.</li>  <li><strong>Fehler:</strong> Zeigt ein Problem mit der Funktion des Buttons an (z. B. Fehler beim Hochladen einer Datei).</li></ul></div></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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/11/11/c519db0c-00b4-469f-bd3a-3516134613ec/be4320a1-2e29-473e-92fe-efce99076767.png" alt="Ein Screenshot zeigt eine Reihe verschiedener Arten von Buttons." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Anpassungsoptionen hängen davon ab, was du auf deinem Button anzeigen möchtest (Text, Symbol oder beides).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Button zu gestalten:</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 aus den folgenden Optionen den Buttontyp aus, den du anpassen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einen Text- &amp; Symbolbutton anpassen</h4><div class="collapsible-content"><ol>
  <li>Klicke auf den Button, den du anpassen möchtest.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" />.</li>  <li>Was möchtest du machen?
    <ul>
      <li>Wähle aus den verfügbaren Optionen ein anderes Buttondesign.</li>      <li>Klicke auf <strong>Design anpassen</strong>, um Folgendes einzustellen:
        <ul>
          <li><strong>Hintergrundfüllung:</strong> Wähle eine Farbe, einen Farbverlauf oder ein Bild für den Hintergrund deines Buttons.</li>          <li><strong>Text: </strong>Passe die Schriftart, Formatierung und den Abstand des Buttontextes an. Du kannst auch auf <strong>Schatten</strong> klicken, um dem Text einen Schatten hinzuzufügen.</li>          <li><strong>Ränder: </strong>Wähle eine Farbe/einen Farbverlauf für deine Ränder und lege die Stärke in px fest. Du kannst das gleiche Design auf alle Seiten anwenden oder auf das Symbol zum <strong>Entsperren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/01/1feb9683-98df-40cd-b206-28f96941842e/56587d43-bb83-4c2f-b740-f1e330a1c541.png" /> klicken, um sie separat anzupassen.</li>          <li><strong>Ecken: </strong>Mache deine Ecken runder oder eckiger, indem du den Radius in px änderst. Du kannst den gleichen Radius für alle Ecken festlegen oder auf das Symbol für <strong>Entsperren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/01/1feb9683-98df-40cd-b206-28f96941842e/56587d43-bb83-4c2f-b740-f1e330a1c541.png" /> klicken, um sie separat anzupassen.</li>          <li><strong>Schatten:</strong> Füge innere/äußere Schatten oder mehrere Schattenebenen hinzu, wobei du die Farbe, den Winkel, den Abstand, die Größe usw. einstellst.</li>          <li><strong>Layout:</strong> Wähle aus, was auf deinem Button angezeigt werden soll (Text, Symbol oder beides) und wie diese angeordnet und ausgerichtet werden sollen.</li>          <li><strong>Symbol:</strong> Passe die Farbe, die Größe und den Winkel des Symbols an, das auf deinem Button angezeigt wird.<br /> <br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/82638e67-3506-4c3c-ace4-92f26b82ae88/132e4b76-57ff-4b68-abd1-fe0cfd86b7c8.png" /></li>        </ul>      </li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einen Symbolbutton anpassen</h4><div class="collapsible-content"><ol>
  <li>Klicke auf den Button, den du anpassen möchtest.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" />.</li>  <li>Was möchtest du machen?
    <ul>
      <li>Wähle aus den verfügbaren Optionen ein anderes Buttondesign.</li>      <li>Klicke auf <strong>Design anpassen</strong>, um Folgendes einzustellen:
        <ul>
          <li><strong>Hintergrundfüllung:</strong> Wähle eine Farbe, einen Farbverlauf oder ein Bild für den Hintergrund deines Buttons.</li>          <li><strong>Text: </strong>Passe die Schriftart, Formatierung und den Abstand des Buttontextes an. Du kannst auch auf <strong>Schatten</strong> klicken, um dem Text einen Schatten hinzuzufügen.</li>          <li><strong>Ränder: </strong>Wähle eine Farbe/einen Farbverlauf für deine Ränder und lege die Stärke in px fest. Du kannst das gleiche Design auf alle Seiten anwenden oder auf das Symbol zum <strong>Entsperren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/01/1feb9683-98df-40cd-b206-28f96941842e/56587d43-bb83-4c2f-b740-f1e330a1c541.png" /> klicken, um sie separat anzupassen.</li>          <li><strong>Ecken: </strong>Mache deine Ecken runder oder eckiger, indem du den Radius in px änderst. Du kannst den gleichen Radius für alle Ecken festlegen oder auf das Symbol für <strong>Entsperren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/01/1feb9683-98df-40cd-b206-28f96941842e/56587d43-bb83-4c2f-b740-f1e330a1c541.png" /> klicken, um sie separat anzupassen.</li>          <li><strong>Schatten:</strong> Füge innere/äußere Schatten oder mehrere Schattenebenen hinzu, wobei du die Farbe, den Winkel, den Abstand, die Größe usw. einstellst.</li>          <li><strong>Layout:</strong> Wähle aus, was auf deinem Button angezeigt werden soll (Text, Symbol oder beides) und wie diese angeordnet und ausgerichtet werden sollen.</li>          <li><strong>Symbol:</strong> Passe die Farbe, die Größe und den Winkel des Symbols an, das auf deinem Button angezeigt wird.<br /> <br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/05/ef569e01-de35-4e2b-afca-7cb236da8814/1f23ed6e-f37f-4ba2-86db-f5a812a1dcad.png" /></li>        </ul>      </li>    </ul>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Erfahre mehr über das Anpassen anderer Arten von Buttons:</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/content-verwaltung-einen-upload-button-hinzufügen-und-einrichten" target="">Upload-Buttons</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-dokumentbutton-hinzufügen-und-einrichten#changing-the-buttons-icon" target="">Dokumentbuttons</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/einen-zahlungsbutton-hinzufuegen-und-einrichten#optional-step-5-customize-the-design-of-your-button" target="">Zahlungsbuttons</a></li></ul></div></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="heading"><h2 id="button-design-options" level="4">Designoptionen für Buttons</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="150.125"><div>Option</div></th><th data-column-width="277.4375"><div>Erläuterung</div></th><th data-column-width="276.4375"><div>Verwendung</div></th></tr></thead><tbody><tr><td><div><strong>Hintergrundfüllung</strong></div></td><td><div>Füge verschiedene Füllungen wie Farben, Bilder, Muster und Farbverläufe hinzu, um einzigartige und farbenfrohe Effekte zu deinem Button hinzuzufügen. </div></td><td><ul>
  <li>Klicke auf das Farbfeld für jede Schicht und wähle die Füllung aus; ziehe dann den Schieberegler, um die Deckkraft der Füllschicht zu ändern.</li>  <li>Ordne die Füllschichen neu an, indem du sie in der Liste nach oben und unten ziehst. </li></ul></td></tr><tr><td><div><strong>Ränder</strong></div></td><td><div>Passe den Rand des Buttons an, um ihn hervorzuheben. Passe alle Seiten des Buttons zusammen oder jede Seite separat an, indem du auf das Symbol zum Sperren oder Entsperren klickst.</div></td><td><ul>
  <li>Klicke auf das Feld <strong>Breite</strong> und gib die Pixelbreite für den Buttonrand ein oder passe ihn mithilfe des Schiebereglers an.</li>  <li>Klicke auf das Aufklappmenü <strong>Design</strong> und wähle das Randdesign aus.</li>  <li>Klicke auf das Feld Füllfarbe, um die <strong>Randfarbe</strong> auszuwählen, und passe dann die Deckkraft mit dem Schieberegler an.</li></ul></td></tr><tr><td><div><strong>Ecken</strong></div></td><td><div>Ändere die Ecken deines Buttons, um sie runder oder eckiger zu gestalten. Ändere die Größe aller Ecken zusammen oder passe jede Ecke separat an, indem du auf die Symbole zum Sperren oder Entsperren klickst.</div></td><td><div>Klicke auf das Pixelfeld einer Ecke und gib die Anzahl der Pixel ein, die angewendet werden sollen.</div></td></tr><tr><td><div><strong>Schatten</strong></div></td><td><div>Füge Schattenlagen zu deinem Button hinzu und passe die Farbe, Größe und vieles mehr an.</div></td><td><ul>
  <li>Klicke auf das Farbfeld für jede Schattenlage und passe die Farbe, den Winkel, die Art, die Größe, den Winkel und das Weichzeichnen an. Ziehe dann den Schieberegler, um die Deckkraft des Schattens zu ändern.</li>  <li>Ordne die Schattenlagen neu an, indem du die in der Liste nach oben und unten ziehst. </li></ul><div>Wenn du einen Upload-Button verwendest:</div><ul>
  <li>Klicke auf den Schalter, um Schatten zu aktivieren.</li>  <li>Passe den Winkel, die Entfernung, die Größe und das Weichzeichnen mit dem Schieberegler an. Verwende dann den Schieberegler und das Farbfeld, um Deckkraft und Farbe zu bearbeiten.</li></ul></td></tr><tr><td><div><strong>Layout</strong></div><div><br /></div></td><td><div>Ändere das Layout deines Buttons.</div></td><td><ul>
  <li>Klicke auf das Aufklappmenü <strong>Wähle aus, was du anzeigen willst</strong> und wähle, ob der Text, das Symbol oder beides angezeigt werden sollen.</li>  <li>Wähle die Ausrichtung, die Position und den Abstand des Texts und/oder Symbols (falls zutreffend).</li>  <li>Lege den Abstand um den Text und/oder das Symbol fest.</li></ul></td></tr></tbody></table></div></div><div data-component-type="heading"><h2 id="text-formatting-options" level="4">Formatierungsoptionen für Text</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Option</div></th><th><div>Erläuterung</div></th><th><div>Verwendung</div></th></tr></thead><tbody><tr><td><div><strong>Text anzeigen</strong></div></td><td><div>Du kannst Text auf deinem Button anzeigen oder ausblenden.</div></td><td><div>Klicke auf den Schalter, um Text auf deinem Button anzuzeigen oder auszublenden.</div></td></tr><tr><td><div><strong>Schriftvorlage</strong></div></td><td><div>Wähle die Vorlage für deinen Buttontext aus.</div></td><td><div>Wähle eine Schriftvorlage aus dem Aufklappmenü aus.</div></td></tr><tr><td><div><strong>Schriftarten</strong></div></td><td><div>Wähle die Schriftart für deinen Buttontext.</div></td><td><div>Klicke auf das Aufklappmenü und wähle eine Schriftart aus.</div></td></tr><tr><td><div><strong>Fontgröße</strong></div></td><td><div>Ändere die Größe des Texts auf deinem Button.</div></td><td><div>Ziehe den Schieberegler nach links oder rechts, um die Schriftgröße zu ändern, oder gib einen Wert ein.</div></td></tr><tr><td><div><strong>Textformatierung</strong></div></td><td><div>Du kannst deinen Text formatieren. </div></td><td><ul>
  <li>Formatiere deinen Text mit den Optionen fett, kursiv, unterstrichen, durchgestrichen, Farben, Großschreibung und Textrichtung und -ausrichtung.</li></ul></td></tr><tr><td><div><strong>Zeichenabstand</strong></div></td><td><div>Du kannst den Abstand zwischen den Textzeichen ändern.</div></td><td><div>Ziehe den Schieberegler nach links oder rechts, um den Abstand zu ändern, oder gib einen Wert ein.</div></td></tr><tr><td><div><strong>Schatten</strong></div></td><td><div>Du kannst Schatten für deinen Text erzeugen. Es sind sogar mehrere Schatten möglich.</div></td><td><div>Klicke auf <strong>Schatten hinzufügen</strong>, um einen neuen Schatten hinzuzufügen. Klicke auf das Symbol <strong>Schatten anpassen</strong>, um ihn zu gestalten.</div></td></tr></tbody></table></div></div><div data-component-type="heading"><h2 id="icon-design-options" level="4">Design-Optionen für Symbole</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Option</div></th><th><div>Erläuterung</div></th><th><div>Verwendung</div></th></tr></thead><tbody><tr><td><div><strong>Symbol anzeigen</strong></div></td><td><div>Du kannst ein Symbol auf deinem Button anzeigen oder ausblenden.</div></td><td><div>Klicke auf den Schalter, um das Symbol auf deinem Button anzuzeigen oder auszublenden.</div></td></tr><tr><td><div><strong>Größe</strong></div></td><td><div>Du kannst die Größe deines Symbols ändern.</div></td><td><div>Ziehe den Schieberegler nach links oder rechts, um die Größe deines Symbols zu ändern, oder gib einen Wert ein.</div></td></tr><tr><td><div><strong>Farbe</strong></div></td><td><div>Du kannst die Farbe des Symbols ändern.</div></td><td><div>Klicke auf das Farbfeld und wähle eine Farbe aus.</div></td></tr><tr><td><div><strong>Drehen</strong></div></td><td><div>Die Drehung des Symbols anpassen</div></td><td><div>Ziehe den Griff, um die Drehung des Symbols anzupassen, oder gib die Grad in das Textfeld ein.</div></td></tr></tbody></table></div></div>

Herzlichen Glückwunsch! Du wirst heiraten! Füge deiner Hochzeitswebsite Buttons hinzu, mit denen Gäste zu deinen Geschenklisten geleitet werden, damit sie dir die perfekten Geschenke für deinen großen...

Wix Editor: Geschenklisten zu deiner Hochzeitswebsite hinzufügen

<div data-component-type="text"><div>Herzlichen Glückwunsch! Du wirst heiraten! Füge deiner Hochzeitswebsite Buttons hinzu, mit denen Gäste zu deinen Geschenklisten geleitet werden, damit sie dir die perfekten Geschenke für deinen großen Tag kaufen können.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du beginnst:</div><div class="info-content"><div>Wir haben jede Menge Hochzeitsvorlagen, die du nach deinen Wünschen anpassen kannst. <a href="https://de.wix.com/website/templates?criteria=Hochzeit&amp;page=1" target="_blank">Schau sie dir hier an</a>. Die meisten Vorlagen haben bereits einen Abschnitt, in dem du deine Geschenklistenlinks hinzufügen kannst, indem du die folgenden Schritte ausführst.</div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Um Links zu deinen Geschenklisten hinzuzufügen:</h2></div><div data-component-type="text"><ol><li>Klicke links im Editor auf<img src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/e486e9b2-0bf2-4a17-8fd7-4445d938d6c3.png" /><strong>Hinzufügen</strong>.</li><li>Klicke auf <strong>Buttons</strong>.</li><li>Klicke auf <strong>Text-Buttons.</strong></li><li>Ziehe einen Button auf deine Seite.</li><li>Klicke auf <strong>Text ändern</strong>.</li><li>Gebe unter Buttontext, den Titel der Geschenkliste ein. </li><li>Klicke auf<img src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/436e865f-0747-4e0f-bc47-5c847804d995.png" /><strong>Link</strong>.</li><li>Gib die Details des Registrierungslinks ein:<ol><li>Klicke auf <strong>Webadresse</strong>.</li><li>Gib deine Geschenklisten-URL ein.</li><li>Wähle aus, ob der Link in einem neuen oder dem aktuellen Browserfenster geöffnet werden soll. </li></ol></li><li>Klicke auf <strong>OK</strong>.</li><li>Wiederhole die Schritte 1 bis 9 für jede Geschenkliste.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/06/26/a0e8d7f2-4678-4f8a-98f9-ceed753dde36/4870feb6-8bdd-49d3-8c50-9e84a5e5980f.png" /></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>Eine weitere Option ist das Hinzufügen des Geschäftslogos (z. B. Amazon, Target) zu deiner Website und der Link zu deiner Geschenkliste direkt über das Logo. <a href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-bild-hinzufügen" target="_blank">Mehr erfahren</a></div></div></div></div><div data-component-type="text"><div><a href="https://www.wix.com/wedding/websites" target="_blank">Erfahre mehr über die Erstellung deiner perfekten Hochzeitswebsite!</a> (englischsprachiger Link)</div></div>

Text- und Symbolbuttons sind eine großartige Möglichkeit, die Interaktion deiner Besucher mit deiner Website zu fördern. Mit einer Reihe von Optionen kannst du einen einprägsamen Aktionsaufruf, ein au...

Wix Editor: Einen Text- & Symbolbutton hinzufügen und einrichten

<div data-component-type="text"><div>Text- und Symbolbuttons sind eine großartige Möglichkeit, die Interaktion deiner Besucher mit deiner Website zu fördern. Mit einer Reihe von Optionen kannst du einen einprägsamen Aktionsaufruf, ein auffälliges Symbol oder sogar eine Button wählen, der beides anzeigt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-your-button" level="3">Schritt 1 | Deinen Button hinzufügen</h2></div><div data-component-type="text"><div>Du kannst einen Button aus dem <strong>Hinzufügen</strong>-Panel auf der linken Seite des Editors hinzufügen. Es stehen verschiedene Optionen mit einer Reihe von Layouts zur Verfügung.</div></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>Text- &amp; Symbolbuttons</strong>.</li>  <li>Klicke oder ziehe den gewünschten Button, um ihn deiner Seite hinzuzufügen.</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/d64c0377-8ade-4c01-a588-356eb4091011/2022/04/27/e239b7d2-7f03-4f8c-be42-77b7b7a5bd88/7ebad7d8-2657-4c9b-ae1d-ec725aa1314b.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-your-button" level="3">Schritt 2 | Deinen Button einrichten</h2></div><div data-component-type="text"><div>Es gibt viele verschiedene Möglichkeiten, deinen Button anzupassen. Wähle aus, was du anzeigen möchtest, und passe die Einstellungen nach Bedarf an.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Button einzurichten:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Button.</li>  <li>Klicke auf <strong>Text &amp; Symbol ändern</strong>.</li>  <li>Wähle unter <strong>Was zeigt der Button an?</strong> eine Option:
    <ul>
      <li><strong>Text und Symbol:</strong> Auf dem Button werden sowohl Text als auch ein Symbol angezeigt.</li>      <li><strong>Nur Symbol:</strong> Der Button zeigt nur ein Symbol an.</li>      <li><strong>Nur Text:</strong> Der Button zeigt nur Text an.</li>      <li><strong>Nichts:</strong> Der Button ist leer.</li>    </ul>  </li>  <li>Ändere die Button-Einstellungen mit den verfügbaren Optionen:
    <ul>
      <li><strong>Wie lautet der Text?:</strong> Gib den gewünschten Buttontext in das Feld ein.</li>      <li><strong>Symbol wählen:</strong> Wähle aus, welche Art von Symbol du verwenden möchtest:
        <ul>
          <li>Klicke auf <strong>Medien von Wix</strong>, um aus einer Vielzahl kostenloser Symbole von Wix auszuwählen.</li>          <li>Klicke auf <strong>+ Medien hochladen</strong>, um deine eigenen Vektorgrafiken hochzuladen und zu verwenden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-eigenen-vektorgrafiken-hochladen" target="_blank">So lädst du Vektorgrafiken hoch</a></li>        </ul>      </li>      <li><strong>Wie lautet der Alt-Text?:</strong> Füge eine Beschreibung des Buttons hinzu, damit Besucher, die Hilfstechnologien verwenden, darauf zugreifen können.</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/3583432b-b67f-4ba5-b690-453c88c9711a/2023/02/12/31e602a0-0e19-49ca-bd26-4976b65acd3b/c8a0b457-25f4-4b19-a2b2-ac595c3ecc31.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Optionen hängen davon ab, was du auf dem Button anzeigen möchtest (Text, Symbol usw.).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-a-link-to-your-button" level="3">Schritt 3 | Einen Link zu deinem Button hinzufügen</h2></div><div data-component-type="text"><div>Füge einen Link zu deinem Button hinzu, um deine Website-Besucher an die entsprechende Stelle zu leiten. Du kannst zu <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-button-hinzufügen#types-of-links" target="_blank">vielen verschiedenen Orten</a> wie Website-Seiten, externe Webadressen oder Dokumente verlinken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Link zu deinem Button hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle den Button aus.</li>  <li>Klicke auf das Symbol für Link <img data-composite="true" src="https://lh4.googleusercontent.com/8zZfdpxqwt9lhV0e31WR3fVTZaAeF6how0CkEyDwW0xX4262TslqWaHFmxu4rZFjhipV1BNWlD1WnF23EBMNIe_amzYk8jsYqmkkCQV0CTmc2H4ab2qmodtGDFu8RGyKL4P475Ni" />.</li>  <li>Wähle den Link-Typ aus der Liste aus.</li>  <li>Gib das entsprechende Ziel des Links ein oder lade es hoch.</li>  <li>Klicke <strong>OK</strong>.</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/3583432b-b67f-4ba5-b690-453c88c9711a/2023/02/12/2ac89eec-bce8-4c33-b44b-43b721dd9f2e/f4066b84-8f11-40f8-8bd5-8c841859c728.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Du kannst deinen Button-Link auch im Panel <strong>Text &amp; Symbol ändern</strong> einrichten.</div></div></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>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-symbol-buttons-anpassen" target="_blank">den Text und das Symbol deines Buttons anpassen</a>, damit er so aussieht, wie du möchtest.</div></div></div></div>

Bildbuttons eignen sich hervorragend, Besucher zu animieren, mit deiner Website zu interagieren. Sie verwenden Bilder, um aus deiner Website etwas Besonderes zu machen, und erzeugen einen einzigartige...

Wix Editor: Einen Bildbutton hinzufügen und einrichten

<div data-component-type="text"><div>Bildbuttons eignen sich hervorragend, Besucher zu animieren, mit deiner Website zu interagieren. Sie verwenden Bilder, um aus deiner Website etwas Besonderes zu machen, und erzeugen einen einzigartigen Effekt, wenn Besucher mit der Maus darüber fahren. Du kannst auch das Buttondesign pro Status anpassen: Standard, Mouseover und Angeklickt.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Erfahre mehr über Buttonstatus</h4><div class="collapsible-content"><ul>
  <li><strong>Standard:</strong> Wie der Button auf deiner Website angezeigt wird, bevor Besucher mit ihm interagieren.</li>  <li><strong>Mouseover:</strong> Wie der Button aussieht, wenn ein Cursor darüberfährt.</li>  <li><strong>Angeklickt:</strong> Wie der Button angezeigt wird, nachdem er angeklickt wurde.</li></ul><div><br /></div><div><strong>Hinweis:</strong> Mouseover-Effekte (Tippen) auf Bildbuttons werden derzeit nicht unter iOS unterstützt. Besucher von iOS-Geräten sehen den Mouseover-Status nicht, wenn sie auf den Button tippen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-your-image-button" level="3">Schritt 1 | Deinen Bildbutton hinzufügen</h2></div><div data-component-type="text"><div>Wähle ein auffälliges Design aus dem Hinzufügen-Panel, um mit der Einrichtung deines Bildbuttons loszulegen. Es gibt eine Vielzahl von Optionen zur Auswahl, alle mit ihren eigenen auffälligen Effekten.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">So geht's</h4><div class="collapsible-content"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/06/0d3def09-f7c0-4593-8eae-692b2151bc2b/2171364b-8341-4110-8d4d-54b0d41b92ee.png" />.</li>  <li>Klicke auf <strong>Button</strong>.</li>  <li>Klicke auf <strong>Bildbuttons</strong>.</li>  <li>Klicke oder ziehe den entsprechenden Button, um ihn zu deiner Seite hinzuzufügen.</li></ol></div></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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/12/fd4124d8-f67e-47c2-b1bb-4be9ebbe808c/d1a89045-485f-4a5a-8867-63e3665673eb.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-a-link-to-your-image-button" level="3">Schritt 2 | Einen Link zu deinem Bildbutton hinzufügen</h2></div><div data-component-type="text"><div>Verlinke deine Bildbuttons, um Besucher zu Teilen deiner Website zu leiten oder sie zu einer Aktion zu animieren. Du kannst deinen Button u. a. mit Seiten, Ankern und externen Websites verlinken.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">So geht's</h4><div class="collapsible-content"><ol>
  <li>Wähle deinen Symbolbutton aus.</li>  <li>Klicke auf das Symbol für Link <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/06/868c09f5-c67f-4530-8dfe-4ed4ee500153/a445bae1-12ff-4b91-9207-dfd4f64d2d88.png" />.</li>  <li>Wähle auf der linken Seite einen Link-Typ aus.</li>  <li>Füge je nach ausgewähltem Link-Typ die entsprechenden Informationen hinzu.</li>  <li>Klicke auf <strong>OK</strong>.</li></ol></div></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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/12/feadd745-fc77-45e2-8c33-7f32aec3f2c7/9bf18923-fb9e-48e4-adf3-74b89a1505a5.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-your-image-button" level="3">Schritt 3 | Deinen Bildbutton anpassen</h2></div><div data-component-type="text"><div>Passe deinen Bildbutton an das Design deiner Website an. Du kannst Animations- und Übergangseffekte sowie eine Quickinfo hinzufügen, um Besuchern mitzuteilen, wohin der Button sie führt.</div></div><div data-component-type="text"><div>Klicke unten auf eine Option, um zu erfahren, wie du deinen Bildbutton anpassen kannst.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Das Buttonbild ändern</h4><div class="collapsible-content"><ol>
  <li>Wähle den Button in deinem Editor aus.</li>  <li>Klicke auf <strong>Symbol ändern</strong>.</li>  <li>Klicke oben im Panel auf den entsprechenden Tab, um den Buttonstatus auszuwählen, den du bearbeiten möchtest: <strong>Standard</strong>, <strong>Mouseover</strong> oder <strong>Angeklickt</strong>.</li>  <li>Klicke auf <strong>Bild ändern</strong>.</li>  <li>Wähle, welche Art von Bild du verwenden möchtest:
    <ul>
      <li>Klicke auf <strong>Medien von Wix</strong>, um aus einer Vielzahl von kostenlosen Bildern von Wix auszuwählen.</li>      <li>Klicke auf <strong>+ Medien hochladen</strong>, um dein eigenes Bild hochzuladen und zu verwenden.</li>    </ul>  </li>  <li>Klicke auf <strong>Anwenden</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einen Bildübergangseffekt auf deinen Button anwenden</h4><div class="collapsible-content"><ol>
  <li>Wähle den Button in deinem Editor aus.</li>  <li>Klicke auf <strong>Symbol ändern</strong>.</li>  <li>Wähle unter <strong>Bildübergänge</strong> die Option <strong>Überblenden</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Deinem Button eine Quickinfo hinzufügen</h4><div class="collapsible-content"><ol>
  <li>Wähle den Button in deinem Editor aus.</li>  <li>Klicke auf <strong>Symbol ändern</strong>.</li>  <li>Gib den Text deiner Quickinfo unter <strong>Quickinfo (bei Mouseover)</strong> ein.</li></ol><div><br /></div><div><strong>Hinweis:</strong> Das Hinzufügen einer Quickinfo ist ein wichtiger Schritt, um <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-checkliste-zur-verbesserung-der-barrierefreiheit-deiner-website" target="_blank">deine Website barrierefrei zu machen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Deinem Button einen Animationseffekt hinzufügen</h4><div class="collapsible-content"><ol>
  <li>Wähle den Button in deinem Editor aus.</li>  <li>Klicke auf das Symbol für Animation <img data-composite="true" src="https://lh3.googleusercontent.com/qZdxYz1tRldM35Sf7qrJ9eYIjvlmcVfG_69hTHINgzRdIDTtTTUfYsBVVH9gGzoULCYZulUru2GCBtl4t7mA7I9VuxIfyPOfEcoKZSLQyoB3v5Uym8WZf0ranxNDGldDNZUYJe-Y" />.</li>  <li>Wähle eine Animation aus, die auf den Button angewendet werden soll.</li>  <li>(Optional) Klicke auf <strong>Anpassen</strong>, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-animation-hinzufügen-und-anpassen#customizing-an-animation" target="_blank">die Animation anzupassen</a>.</li></ol></div></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/d64c0377-8ade-4c01-a588-356eb4091011/2022/05/12/daf4b131-c050-4ac5-88a6-cbaea2392c59/b293f4f6-3f9d-487f-97de-0d54848adc0e.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du die Farbe eines Bildes von Wix ändern möchtest, musst du es in einem externen Programm bearbeiten und dann <a data-composite="true" href="https://support.wix.com/de/article/eigene-bilder-hochladen" target="_blank">die Datei in deine Medienverwaltung hochladen</a>.</div></div></div></div>

PayPal hat angekündigt, im Februar 2023 auf eine neue Version der PayPal-Buttons umzustellen. Das bedeutet, dass es auf deiner Website von Wix wichtige Änderungen beim Einrichten und Verwenden der Pay...

Wix Editor: Aktualisierung der PayPal-Buttons

<div data-component-type="text"><div>PayPal hat angekündigt, im Februar 2023 auf eine neue Version der PayPal-Buttons umzustellen. Das bedeutet, dass es auf deiner Website von Wix wichtige Änderungen beim Einrichten und Verwenden der PayPal-Buttons „Jetzt kaufen“ und „Spenden“ gibt.</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>Dieser Artikel bezieht sich nur auf die Verwendung von <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-paypal-buttons" target="_blank">PayPal-Buttons</a> und nicht auf das Thema <a data-composite="true" href="https://support.wix.com/de/article/paypal-als-zahlungsanbieter-verbinden" target="_blank">Paypal als Zahlungsanbieter verbinden</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="updates-to-paypal-buy-now-buttons" level="3">Aktualisierungen der „Jetzt kaufen“-Buttons von PayPal</h2></div><div data-component-type="text"><div>Aufgrund von Änderungen an der API der PayPal-Buttons sind bestimmte Schritte beim Einrichten deines „Jetzt kaufen“-Buttons erforderlich oder die wir empfehlen abzuschließen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pflichtfelder anzeigen</h4><div class="collapsible-content"><div>Das folgende Feld ist ein <strong>Pflichtfeld</strong>und muss ausgefüllt werden, um weiterhin Zahlungen zu erhalten:</div><ul>
  <li><strong>PayPal-E-Mail-Adresse:</strong> Verbinde das entsprechende PayPal-E-Mail-Konto, um Zahlungen zu erhalten.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/09/053fdc52-c1ca-42bc-ae3d-1dc6533ba2e1/674af2af-c69e-4ddd-8e30-ed88c9512279.png" alt="undefiniert" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Empfohlene Felder anzeigen</h4><div class="collapsible-content"><div>Wir empfehlen, die folgenden Felder auszufüllen, um den Produktnamen und den Preis anzuzeigen:</div><ul>
  <li><strong>Artikelname:</strong> Gib den Namen deines Produkts in das Feld ein.</li>  <li><strong>Preis:</strong> Gib den Produktpreis ein, um festzulegen, wie viel Besucher während der Transaktion bezahlen.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/09/167120cb-5270-46b3-b5bc-d87ef378d637/a1075d31-4be4-4220-8e09-300bab40d19b.png" alt="undefiniert" /></div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/01/31/6ccb6b32-06b5-4a93-b7e1-269bda18dc78/fc9a04f4-c1df-4f88-9832-910f32059061.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du wissen, wie du deine Einstellungen aktualisieren kannst?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-„jetzt-kaufen-button-für-paypal-hinzufügen-und-einrichten" target="_blank">So richtest du deinen „Jetzt kaufen“-Button ein</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="updates-to-paypal-donate-buttons" level="3">Aktualisierungen für die „Spenden“-Buttons von PayPal</h2></div><div data-component-type="text"><div>Da sich die API der PayPal-Buttons geändert hat, müssen einige Felder während der Einrichtung deines Spenden-Buttons ausgefüllt werden, damit er wie erwartet funktioniert. Es gibt auch zusätzliche Felder, die wir empfehlen, auszufüllen, um ein klare, reibungslose Nutzererfahrung für deine Besucher zu gewährleisten.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pflichtfelder anzeigen</h4><div class="collapsible-content"><div>Das folgende Feld ist ein <strong>Pflichtfeld</strong>und muss ausgefüllt werden, um weiterhin Spenden zu erhalten:</div><ul>
  <li><strong>PayPal-E-Mail-Adresse:</strong> Verbinde das entsprechende PayPal-E-Mail-Konto, um Zahlungen zu erhalten.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/09/5f5c8efd-1edb-471f-bef5-8b90203c7fd8/abf692a7-873b-42de-830b-6eefab6a4e1d.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Empfohlene Felder anzeigen</h4><div class="collapsible-content"><div>Wir empfehlen, die folgenden Felder auszufüllen, um den Namen der Organisation und den Spendenbetrag anzuzeigen:</div><ul>
  <li><strong>An wen richtet sich die Spende?:</strong> Gib den Namen der Organisation oder des Zwecks ein.</li>  <li><strong>Spendenbetrag:</strong> Lege den Spendenbetrag fest, um zu bestimmen, wie viel Besucher für den guten Zweck spenden.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/21/0e776012-d765-4e55-83f4-c998c762b55a/377717dc-7cf6-4298-97c7-c1b63439e716.png" /></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du den Schalter <strong>Besucher wählen Betrag</strong> aktivierst, muss das Feld <strong>Spendenbetrag</strong> nicht ausgefüllt werden. Wenn du diese Option deaktivierst, empfehlen wir allerdings, einen Betrag festzulegen.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/21/537298f1-8944-4917-92a4-d202ec25e4f0/9639d430-0825-453c-b492-14a688955836.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bereit, die Einstellungen zu ändern?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-„spenden-button-für-paypal-hinzufügen-und-einrichten" target="_blank">So richtest du deinen „Spenden“-Button ein</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr über die Aktualisierungen deiner PayPal-Buttons zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es weitere Änderungen?</h4><div class="collapsible-content"><div>Der Prozess für deine Besucher wurde ebenfalls aktualisiert. Wenn Besucher auf den Button auf deiner Live-Website klicken, wird ein Pop-up-Fenster angezeigt, in dem sie entweder die Zahlung abbrechen oder die Transaktion/Spende abschließen können.</div><div><br /></div><ul>
  <li>Wenn du eine Produktbeschreibung für einen „Jetzt kaufen“-Button eingegeben hast, wird diese im Pop-up-Fenster angezeigt.</li>  <li>Wenn du die Option aktiviert hast, dass Besucher den Spendenbetrag über einen Spenden-Button festlegen können, können sie den gewählten Betrag auch über dieses Pop-up-Fenster eingeben.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/16/bf4ee238-e0c0-44cc-90d4-44247bec1780/b1e8d161-32dc-4e60-95d7-ff60ee1dc9fa.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Muss ich etwas tun, nachdem ich die Felder ausgefüllt habe?</h4><div class="collapsible-content"><div>Du musst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-website-speichern-in-der-vorschau-anzeigen-und-veröffentlichen#publishing-your-site" target="_blank">deine Änderungen veröffentlichen</a>, nachdem du einen PayPal-Button eingerichtet hast, um sicherzustellen, dass die Aktualisierungen auf deiner Live-Website angezeigt werden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was passiert, wenn ich die E-Mail-Adresse meines Unternehmens/ meiner Organisation nicht eingebe?</h4><div class="collapsible-content"><div>Wenn du die E-Mail-Adresse deines Unternehmens oder deiner Organisation nicht angibst, wird Besuchern, die auf den Button klicken, eine Fehlermeldung angezeigt und sie können die Zahlung nicht abschließen. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was passiert, wenn ich den Namen des Produkts/der Organisation nicht eingebe?</h4><div class="collapsible-content"><ul>
  <li>Wenn du den Namen des Produkts nicht eingibst, bleibt das Feld auf deiner Live-Website leer und Besucher können im Pop-up einen Produktnamen eingeben.</li>  <li>Wenn du den Namen der Organisation oder des Zwecks nicht eingibst, sehen Besucher, die auf den Button auf deiner Live-Website klicken, einen Standard-Platzhalternamen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was passiert, wenn ich keinen Produktpreis/Spendenbetrag festlege?</h4><div class="collapsible-content"><div>Wenn du keinen Preis für dein Produkt oder keinen Spendenbetrag eingibst, werden Besucher, die auf den Button auf deiner Live-Website klicken, aufgefordert, ihren eigenen Betrag einzugeben </div><div><strong>Hinweis:</strong> Dies tritt bei Spenden-Buttons auf, auch wenn du den <strong>Schalter Besucher können eigenen Betrag festlegen</strong> deaktiviert hast.</div></div></div></div>

 „Teilen“-Buttons sind ein hervorragendes Tool, um die Sichtbarkeit deiner Websites zu erhöhen. Mit diesen Buttons können Besucher die Homepage der Website oder die Seite, die sie gerade ansehen, teil...

Wix Editor: Teilen-Buttons hinzufügen und anpassen.

<div data-component-type="text"><div><br /> „Teilen“-Buttons sind ein hervorragendes Tool, um die Sichtbarkeit deiner Websites zu erhöhen. Mit diesen Buttons können Besucher die Homepage der Website oder die Seite, die sie gerade ansehen, teilen. Dank der nahtlosen Integration in Plattformen wie Facebook und WhatsApp ist das Teilen so einfach wie nie zuvor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-and-setting-up-share-buttons" level="3">Einen „Teilen“-Button hinzufügen und einrichten</h2></div><div data-component-type="text"><div>Füge das Design hinzu, das dir gefällt, und wähle dann, ob der Button auf die aktuelle Seite oder die Startseite der Website verlinkt.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen „Teilen“-Button hinzuzufügen und einzurichten:</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 der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Social Media</strong>.</li>  <li>Wähle <strong>„Teilen“-Button</strong>.</li>  <li>Ziehe das Design, das dir gefällt, auf die Seite.</li>  <li>Wähle die Seite aus, auf die der Button verlinkt:
    <ol>
      <li>Klicke auf <strong>Einstellungen</strong>.</li>      <li>Wähle unter <strong>Welche Seite wird geteilt?</strong> die entsprechende Option aus.</li>    </ol>  </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/2024/05/20/659f0f2e-7496-461c-9b4e-f1e2dac6d453/d4d1d6d7-4aa2-4e81-b2af-d13b5ec5a260.png" alt="Screenshot der ausgewählten Social-Share-Leiste mit der Option im Einstellungsfenster, die zwei Freigabeoptionen anzeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-which-buttons-to-show" level="3">Auswählen, welche Buttons angezeigt werden</h2></div><div data-component-type="text"><div>Wählen die Social-Media-Plattformen aus, auf denen Besucher deine Website teilen sollen. Du kannst nicht relevante Buttons entfernen und sie nach Belieben neu anordnen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um auszuwählen, welche Buttons angezeigt werden:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das „Teilen“-Button-Element.</li>  <li>Klicke auf <strong>„Teilen“-Buttons verwalten</strong>.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/02/05/2f36aa18-46ad-4cf5-a0c2-dffa06797184/a9ccc776-1c7d-42fe-92e8-498847a5649f.jpg" />.<br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/05/20/6ff012f9-6a0d-4097-911a-a47878b1806c/3a44fa67-9cec-4ff7-a889-3ee995359f17.png" /></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">Symbol ersetzen</h4><div class="collapsible-content"><ol>
  <li>Klicke auf <strong>Symbol ersetzen</strong>.</li>  <li>Wähle ein neues Social-Media-Symbol aus der Medienverwaltung aus.</li>  <li>Klicke auf <strong>Datei auswählen</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Text bearbeiten</h4><div class="collapsible-content"><ol>
  <li>Klicke auf <strong>Text bearbeiten</strong>.</li>  <li>Gib den gewünschten Text ein.</li>  <li>Klicke auf <strong>Fertig</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ausblenden </h4><div class="collapsible-content"><ol>
  <li>Fahre im Panel mit der Maus über den entsprechenden Button.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/T89lBevxWj-jv6hJArWPUBxwqOaz6E8b3yRS5W8EIFwMZziVYFSMf57cCcgHREOl4c2hfLSTBhFoEKKAipLjByQ76KcpjiqvKI_29IOLqO9F0bO7yQJXJaoi4TUIws0xKmtnqrZvR4X5fLyWdhzT7aaaiZLwriZ87eFHrxx3nPcqxvmaFyYWYZQ1sr_Y" />.</li>  <li>Wähle <strong>Ausblenden</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/-NqzPWLTPXTjQ0SM245fuCvoG-CXsCv3_SOlO7t1bewJUiIONS4G3Kt3I2lHYvn46QRm5nvDX96PKd2zwDu9Df24bqbafIDDMLpFCAQWWk7pj-AXRKQieogRTm5tXtuhvV4b-WkN_mLgx0zv8KPFJPfrXBk-utX7VKMqIvFP41jcwZCN5fv9WQHwufvpNg" />.</li></ol>  </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-share-buttons-layout" level="3">Das Layout des „Teilen“-Buttons anpassen</h2></div><div data-component-type="text"><div>Passe das Layout des Buttons an das Design deiner Website an. Lege fest, ob die Symbole des Social-Media-Netzwerks, nur der Text oder beides nebeneinander angezeigt werden soll. Passe außerdem Optionen wie Ausrichtung und Abstand an, um Besuchern eine übersichtliche Anzeige zu bieten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Buttonlayout anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das „Teilen“-Button-Element.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Wähle aus, was du anpassen möchtest:
    <ul>
      <li><strong>Layout wählen: </strong>Entscheide, ob die Buttons horizontal oder vertikal angezeigt werden.</li>      <li><strong>Was möchtest du anzeigen?:</strong> Wähle aus, ob du nur die Symbole, nur Text oder beides anzeigen möchtest.</li>      <li><strong>Symbolposition:</strong> Wenn du auswählst, dass sowohl Text als auch Symbole angezeigt werden, kannst du wählen, wo das Symbol im Verhältnis zum Text angezeigt wird (z. B. über dem Text).</li>      <li><strong>Buttonausrichtung:</strong> Richte die Buttons links, rechts oder mittig am Element aus.</li>      <li><strong>Abstand:</strong> Ziehe die Schieberegler, um den Abstand zwischen den Buttons, Zeilen und dem Symbol und Text (falls zutreffend) anzupassen.</li>      <li><strong>Button-Richtung:</strong> Steuert die Reihenfolge der Buttons, basierend auf der Art und Weise, wie du sie im „Teilen-Buttons verwalten“-Panel angeordnet hast. <br /> <strong>Hinweis:</strong> Diese Option ist nur verfügbar, wenn du das Horizontale Layout wählst.</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/2024/05/20/11c0e912-f404-43f8-95d8-e51e7e4cb7c4/3ea6a717-e008-4cae-9d9d-d16dea40ea0d.png" alt="Screenshot der ausgewählten Social-Share-Leiste mit ausgewähltem Layout-Symbol und angezeigten Layout-Einstellungen für den „Teilen“-Button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-the-share-buttons" level="3">Die „Teilen“-Buttons gestalten</h2></div><div data-component-type="text"><div>Es gibt viele Möglichkeiten, die „Teilen“-Buttons anzupassen. Füge einen ansprechenden Hintergrund hinzu, ändere die Größe der Symbole, gestalte den Text und mehr. Du kannst die Buttons für zwei verschiedene Status gestalten: „Standard“ und „Mouseover“.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Buttons zu gestalten:</h2></div><div data-component-type="text"><ol>
  <li>Wähle das „Teilen“-Button-Element.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/05/20/1041bedb-e913-4b70-b36d-8978ff06467a/9aa4ecae-5ccd-4d19-bbf8-98068613e802.png" />.</li>  <li>Klicke auf <strong>Design anpassen</strong>.</li>  <li>Wähle einen Status aus dem Aufklappmenü aus: <strong>Standard</strong> oder <strong>Mouseover</strong>.</li>  <li>Gestalte deine Buttons:
    <ul>
      <li><strong>Hintergrundfüllung:</strong> Wähle eine Farbe, einen Farbverlauf oder eine Bildfüllung für die Buttons aus. Du kannst mehrere Ebenen hinzufügen und ihre Deckkraft anpassen, um einen besseren Effekt zu erzielen.</li>      <li><strong>Ränder:</strong> Füge Ränder in der gewünschten Farbe und im gewünschten Stil hinzu, damit die Buttons hervorstechen.</li>      <li><strong>Ecken:</strong> Mache die Ecken der Buttons eckig oder rund.</li>      <li><strong>Schatten:</strong> Füge einen Schatten hinter deinem Element hinzu, um einen 3D-Effekt zu erzielen.</li>      <li><strong>Text:</strong> Gestalte den Text, der auf dem Element angezeigt wird, und formatiere ihn.</li>      <li><strong>Layout:</strong> Füge Abstand um die Symbole herum hinzu, um die Buttons zu vergrößern.</li>      <li><strong>Symbol:</strong> Passe die Größe und den Winkel des Symbols 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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/05/20/3a29cea0-b30f-4fa0-8aac-9ccc506c9ffa/fb2686ca-4110-42f2-8680-08168875027b.png" alt="Social-Share-Leiste, bei der das Designsymbol ausgewählt ist; das Design-Panel des Buttons für die Status „Standard“ und „Mouseover“ wird angzeigt" /></div></div>

Zurzeit ist es nicht möglich, eine druckerfreundliche Version herunterzuladen oder einen „Drucken“-Button zu deiner Website hinzuzufügen, damit deine Besucher Seiten ausdrucken können.Besucher können ...

Wix Editor Funktionsvorschlag: Deine Website druckerfreundlich gestalten

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, eine druckerfreundliche Version herunterzuladen oder einen „Drucken“-Button zu deiner Website hinzuzufügen, damit deine Besucher Seiten ausdrucken können.</div></div><div data-component-type="text"><div>Besucher können deine Website-Seiten jedoch mit <strong>Strg</strong> + <strong>P</strong> drucken, obwohl sie möglicherweise einige der Formatierungen verlieren, die auf der Website-Seite erscheinen. Besucher können auch Screenshots von deinen Website-Seiten machen und sie von ihrem Desktop aus drucken.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit kannst du den Buttontext nicht in mehr als eine Zeile aufteilen. Der Buttontext wird in einer Zeile angezeigt, und Auslassungspunkte (...) hinzugefügt, wenn der Text nicht auf den Button passt...

Wix Editor Funktionsvorschlag: Mehrere Textzeilen auf einem Button

<div data-component-type="text"><div>Zurzeit kannst du den Buttontext nicht in mehr als eine Zeile aufteilen. Der Buttontext wird in einer Zeile angezeigt, und Auslassungspunkte (...) hinzugefügt, wenn der Text nicht auf den Button passt.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Durch das Hinzufügen einer Box zu deiner Seite kannst du deiner Website von Wix ein atemberaubendes, originelles Aussehen verleihen. Wähle aus einer Reihe verschiedener Stile, Formen und Farben, hefte...

Wix Editor: Eine Box hinzufügen und einrichten

<div data-component-type="text"><div>Durch das Hinzufügen einer Box zu deiner Seite kannst du deiner Website von Wix ein atemberaubendes, originelles Aussehen verleihen. Wähle aus einer Reihe verschiedener Stile, Formen und Farben, hefte Elemente an eine Box an und verwende sie, um Elemente zu gruppieren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-box" level="3">Eine Box hinzufügen</h2></div><div data-component-type="text"><div>Boxen machen es einfach, schöne Seiten zu gestalten, die strukturiert sind und professionell aussehen. Es gibt sie in vielen Formen und Stilen. Wähle deinen Favoriten und beginne zu experimentieren!</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Box 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 auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Box</strong>.</li>  <li>Klicke auf <strong>Container-Boxen</strong>.</li>  <li>Ziehe ein Boxelement auf deine Seite.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/3d5866f8-5cef-4f35-8bcd-e77803deaa1b/c9ce2dcb-29f2-4e8e-91f2-6957824682db.png" alt="Screenshot aus dem „Elemente hinzufügen“-Panel im Wix Editor, Container-Boxen sind ausgewählt und die Box-Optionen werden angezeigt." /></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 fast alles an Container-Boxen anheften und sie in einem Inhaltsblock auf deinen Seiten verschieben. Verwende sie, um Textfelder, Banner, Kopfzeilen, Logos und mehr zu erstellen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-box-design" level="3">Das Design deiner Box anpassen</h2></div><div data-component-type="text"><div>Wähle eine Box aus den vielen verfügbaren Formen und passe sie anschließend an deine Website an. Du kannst den Hintergrund in einen interessanten Farbverlauf ändern, Ränder hinzufügen, Ecken runder gestalten und vieles mehr.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design einer Box anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf die entsprechende Box.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/24cbcae1-ce69-445c-95b9-aac1f45cb155.png" />.</li>  <li>Wähle ein voreingestelltes Design aus oder klicke auf <strong>Design anpassen</strong>.</li>  <li>Bearbeite deine Box mit den folgenden Optionen:
    <ul>
      <li><strong>Füllfarbe und Deckkraft:</strong> Wähle die Farben und die Deckkraft der Box aus.
        <ul>
          <li>Bewege den Schieberegler, um die Deckkraft zu ändern.</li>          <li>Klicke auf das Farbfeld, um die Farbe oder den Farbverlauf zu ändern.</li>        </ul>      </li>      <li><strong>Ränder:</strong> Gestalte die Ränder deiner Box.
        <ul>
          <li>Bewege den Schieberegler, um die Deckkraft zu ändern.</li>          <li>Klicke auf das Farbfeld, um die Farbe zu ändern.</li>          <li>Ziehe den Schieberegler, um die Breite zu ändern.</li>        </ul>      </li>      <li><strong>Ecken:</strong> Runde die Ecken deiner Box ab.</li>      <li><strong>Schatten:</strong> Gestalte einen Schatten für deine Box.</li>      <li><strong>Abstand:</strong> Passe den Abstand der Ränder der Box an.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Anpassungsoptionen hängen von der Voreinstellung ab, die du oben im Panel ausgewählt hast.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/32a7e7b4-467d-43b3-a5ec-df8062648b85/73b28560-7d47-4524-9af5-61f6a7ea38e8.png" alt="Screenshot des Box-Design-Panels im Wix Editor. Verschiedene Designs, Hintergrund- und Deckkraftoptionen werden angezeigt." /></div></div>

Boxen sind eine großartige Möglichkeit, Informationen auf deiner Website anzuzeigen. Indem du Elemente an Boxen anheftest, sorgst du dafür, dass deine Website organisiert und aufgeräumt aussieht. Du k...

Wix Editor: Elemente an eine Box anhängen

<div data-component-type="text"><div>Boxen sind eine großartige Möglichkeit, Informationen auf deiner Website anzuzeigen. Indem du Elemente an Boxen anheftest, sorgst du dafür, dass deine Website organisiert und aufgeräumt aussieht. Du kannst Elemente wie Bilder, Text, Buttons und mehr anheften.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/29/c5ceb956-73be-4e07-a104-2c5bceeb04cb/6bf173b4-50d2-4d3a-8efd-3288e37b9523.png" alt="Beispiel für eine Box im Wix Editor mit Text, einem Button und 2 angehängten Vektorgrafiken." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-box" level="3">Elemente an eine Box anheften</h2></div><div data-component-type="text"><div>Verwende die Drag-and-Drop-Funktion, um die relevanten Elemente an deine Box anzuheften. Wenn die Nachricht <strong>An Box anheften</strong> angezeigt wird, kannst du das Element loslassen.</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>Ein Element muss kleiner als die Box sein, um an sie angehängt zu werden.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/17c031d0-13c0-48b1-95ba-8166a71714ba/1ddb8fba-4428-4901-ae84-3b94b549d9b1.gif" alt="GIF, das zeigt, wie du einen Button mit der Drag-and-Drop-Funktion auf eine Box ziehst, um ihn anzuheften." /></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 (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">Ich habe die Box angeheftet, kann meine Elemente aber jetzt nicht sehen. Was ist passiert?</h4><div class="collapsible-content"><div>Beim Anheften von Elementen an eine Box kann es passieren, dass die Elemente durch die Ebenen des Editors von der Box verdeckt werden. Möglicherweise musst du deine <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-nach-vorne-oder-nach-hinten-verschieben" target="">Box nach hinten und deine Elemente nach vorne verschieben</a>, damit sie in der Box angezeigt werden.</div><div><br /></div><div>Erfahre, wie du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-überlagernde-elemente-anzeigen-und-auswählen" target="">überlappende Elemente anzeigen und auswählen kannst</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich ein Element trennen, das derzeit an eine Box angeheftet ist?</h4><div class="collapsible-content"><div>Ja, ziehe es einfach mit der Drag-and-Drop-Funktion aus der Box.</div></div></div></div>

Passe deine Lightbox ganz an deine Wünsche und Bedürfnisse an. Du kannst eine Überlagerung auswählen, um die Seite um die Lightbox herum abzudecken, die Position der Lightbox festlegen und den Hinterg...

Wix Editor: Deine Lightbox anpassen

<div data-component-type="text"><div>Passe deine <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten" target="_blank">Lightbox</a> ganz an deine Wünsche und Bedürfnisse an. Du kannst eine Überlagerung auswählen, um die Seite um die Lightbox herum abzudecken, die Position der Lightbox festlegen und den Hintergrund ändern, um ein Design zu erstellen, das einzigartig für deine Marke ist.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/81a5d706-6d0d-4c7e-81c1-8ad49db6be45/a1b49488-523a-443a-a88b-f2ea1a8ee9b0.png" alt="Screenshot einer benutzerdefinierten Lightbox auf einer Live-Website von Wix" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-layout-of-a-lightbox" level="3">Das Layout einer Lightbox anpassen</h2></div><div data-component-type="text"><div>Lege fest, wo die Lightbox auf deiner Seite angezeigt wird. Du kannst eine Ecke der Seite auswählen, in der sie angezeigt werden soll, und den Abstand der Lightbox von den Rändern des Bildschirms (Versatz) anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Layout deiner Lightbox auszuwählen:</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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />.</li>  <li>Klicke auf <strong>Lightboxes</strong>.</li>  <li>Klicke auf die entsprechende Lightbox, um sie zu öffnen.</li>  <li>Wähle die Lightbox im Editor aus.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/05/144c5a3e-f545-43b9-be37-2bed51ee0d27.png" />.</li>  <li>Wähle, wie du das Layout anpassen möchtest:
    <ul>
      <li><strong>Position festlegen:</strong> Klicke auf ein Rechteck im Raster, um die Position deiner Lightbox auf der Seite festzulegen.</li>      <li><strong>Horizontaler Abstand:</strong> Bewege das Feld nach links oder rechts auf dem Bildschirm.</li>      <li><strong>Vertikaler Abstand:</strong> Bewege die Box auf dem Bildschirm nach oben oder unten.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/327eecb6-ca64-4072-9353-ec776b09bb35/3ebe2c7c-a5b9-42c9-8be2-1f487b05d933.png" alt="Das Layout-Panel der Lightbox. Der Cursor fährt über die Option, um die Lightbox in der Mitte zu positionieren." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-up-the-lightbox-overlay" level="3">Die Lightbox-Überlagerung einrichten</h2></div><div data-component-type="text"><div>Die Überlagerung ist der Bereich um die Lightbox herum, der den Rest deiner Website ausblendet. So können sich Besucher auf die Botschaft deiner Lightbox konzentrieren. Wähle, ob Website-Besucher auf die Überlagerung klicken können, um die Lightbox zu schließen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Überlagerung einzurichten:</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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />.</li>  <li>Klicke auf <strong>Lightboxes</strong>.</li>  <li>Klicke auf die entsprechende Lightbox, um sie zu öffnen.</li>  <li>Klicke auf eine beliebige Stelle außerhalb der Lightbox, um diesen Bereich auszuwählen.</li>  <li>Wähle aus, was du als nächstes tun möchtest:
    <ul>
      <li><strong>Entscheide, ob Besucher auf die Überlagerung klicken können, um die Lightbox zu schließen:</strong>
        <ol>
          <li>Klicke auf <strong>Hintergrundüberlagerung aktivieren</strong>.</li>          <li>Aktiviere oder deaktiviere den Schieberegler <strong>Lightbox durch Anklicken schließen</strong>. <br /> <strong>Hinweis:</strong> Wenn du diese Option deaktivierst, stelle sicher, dass du entweder ein „X“-Symbol oder einen „Schließen“-Button auf deiner Lightbox hast.</li>        </ol>      </li>      <li><strong>Die Überlagerung gestalten:</strong>
        <ol>
          <li>Klicke auf <strong>Überlagerungshintergrund ändern</strong>.</li>          <li>Wähle zwischen einer Farbe, einem Bild oder einem Videohintergrund.</li>          <li>(Optional) Klicke auf <strong>Einstellungen</strong>, um die Überlagerung anzupassen.<br /> <strong>Tipp: </strong>Du kannst die Deckkraft von Farbe und Bildhintergrund anpassen. Wir empfehlen, die Überlagerung leicht transparent zu gestalten, damit deine Besucher die Seite hinter der Lightbox sehen können, aber verstehen, dass sie blockiert ist.</li>        </ol>      </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/2024/11/17/57dcb0c3-e6c3-416a-9998-f2bc12e9ad39/ee276a2b-86fb-43d1-be44-06ea4a942bfb.png" alt="Es wurde neben eine Lightbox geklickt, um auf die Überlagerungseinstellungen im Wix Editor zuzugreifen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Überlagerungen auf deiner mobilfreundlichen Website:</div><div class="info-content"><ul>
  <li>Du kannst deine Lightbox-Überlagerung für die mobile Version deiner Website nicht bearbeiten.</li>  <li>Wenn du eine Farb- oder Bildüberlagerung auf dem Desktop hinzufügst, wird diese automatisch auf deine Mobile-Website angewendet. Wenn du jedoch eine Video-Überlagerung hinzufügst, wird diese in ein Standbild aus dem Video auf der mobilen Version deiner Website umgewandelt.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-the-lightbox-background" level="3">Den Hintergrund der Lightbox festlegen</h2></div><div data-component-type="text"><div>Wähle zwischen einem Farb-, Bild- oder Videohintergrund für deine Lightbox. Je nach gewähltem Typ kannst du auch Einstellungen wie Sichtbarkeit und Skalierung anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Hintergrund für deine Lightbox auszuwählen:</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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />.</li>  <li>Klicke auf <strong>Lightboxes</strong>.</li>  <li>Klicke auf die entsprechende Lightbox, um sie zu öffnen.</li>  <li>Wähle die Lightbox im Editor aus.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/05/c786e95e-3b91-413c-856c-98a6bccb9fb4.png" />.</li>  <li>Klicke auf den gewünschten Hintergrund für deine Lightbox:
    <ul>
      <li><strong>Farbe:</strong> Wähle über die Farbauswahl eine Farbe aus oder füge einen Farbverlauf hinzu und passe ihn an.</li>      <li><strong>Bild:</strong> Wähle dein eigenes Bild oder eines von Wix oder von Shutterstock.</li>      <li><strong>Video:</strong> Wähle ein kostenloses Video von Wix oder lade dein eigenes Video hoch.</li>    </ul>  </li>  <li>(Optional) Klicke auf <strong>Einstellungen</strong>, um den Hintergrund nach deinen Wünschen anzupassen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/f7004512-681e-41e1-8414-0cfc70e0fa23/dfa67f2b-7fd7-45d0-ab2c-98a71316991d.png" alt="Der Hintergrund der Lightbox im Editor. Der Cursor schwebt über der Option „Farbe“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-lightbox-close-button" level="3">Den „Schließen“-Button der Lightbox anpassen</h2></div><div data-component-type="text"><div>Passe das Aussehen und Layout des Buttons an, auf den Besucher klicken, um deine Lightbox zu schließen. Du kannst den Text auswählen, die Ausrichtung des Buttontexts festlegen und das Design für die Standard- und Mouseover-Ansicht anpassen, um ihn hervorzuheben.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den „Schließen“-Button 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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />.</li>  <li>Klicke auf <strong>Lightboxes</strong>.</li>  <li>Klicke auf die entsprechende Lightbox, um sie zu öffnen.</li>  <li>Wähle die Lightbox im Editor aus.</li>  <li>Klicke auf den Button <strong>Schließen</strong>.</li>  <li>Wähle, wie du den Button anpassen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Den Text des Buttons ändern</h4><div class="collapsible-content"><ol>
  <li>Klicke <strong>Text ändern</strong>.</li>  <li>Gib den Text in das Feld ein.</li>  <li>Drücke die <strong>Eingabetaste</strong> auf deiner Tastatur.<br /> <br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/43510465-91f1-48f3-9761-9f0ca52e2685/da2d7c98-b4cf-4408-a07d-ffa3760eabad.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Textausrichtung auf dem Button anpassen</h4><div class="collapsible-content"><ol>
  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/bZwy-i4CYwj8tP2czTWVVf2v-l0czV4RI5ItKnYveV5CTx-prk7J2IC2WOYgfFbgAxouVYRvoc_rAZmsXZ8uktADPHpji3bNanOAwi_k568iRODd2vBFYH8SPyzaHXLz_hIQ60g7Nz2THrhYqLySOQ" />.</li>  <li>Wähle, wie der Text ausgerichtet wird; links, mittig oder rechts auf dem Button.<br /><br /><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/3a9fa37f-7bc2-4c73-8a1c-79ddf4c52ef2/76d437db-a2f8-4721-b30f-e2464b5777d2.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Den Button gestalten</h4><div class="collapsible-content"><ol>
  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/fqdfj7l80pkuziVwS4mYmnWZYCsstIhKustYnkMz2Bo_92oQPmaf4lUCP5xbe9eVungvl1KIVaUgx9ipRK8vEqqxClIbHZcUnoXF6NV9KpynO6YZObPFZwdae3KaUDsMJqIlf5RSXHRq9SDmV58img" />.</li>  <li>Wähle ein Design aus und klicke auf <strong>Design anpassen</strong>, um weitere Design-Änderungen vorzunehmen.</li>  <li>Klicke oben auf eine Voreinstellung.</li>  <li>Wähle aus, für welchen Status du das Design anpassen möchtest:
    <ul>
      <li><strong>Standard:</strong> So sieht der Button aus, bevor ein Besucher damit interagiert.</li>      <li><strong>Mouseover:</strong> Wie der Button aussieht, wenn Besucher mit der Maus darüber fahren.</li>    </ul>  </li>  <li>Wähle, was du anpassen möchtest:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft <img data-composite="true" src="https://lh3.googleusercontent.com/w5O83_ER667y9izqAL-HZ-DA-DC7_4QHfw_Nae4FifeO6hBKkK_pfDjFcg9gXlne--mDuhkeslssTHu8y8vwdzdJIW5QOIdHI5o6AxbcdJVf1LfSqPTSNAFpzhb1DgMYgjJ76zWj3P_MN_mY9geUxqc" />:</strong> Wähle eine Hintergrundfarbe für den Button und passe die Sichtbarkeit an.</li>      <li><strong>Rand</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/8e133ec2-19fd-49d8-9321-f2f8f7d137da/2084bde9-8ada-407b-ae30-d6f1022b6eac.png" /><strong>:</strong> Füge dem Button Ränder hinzu, um einen Kontrast zu deiner Lightbox zu schaffen. Wähle eine Farbe und lege die Breite fest. Mach sie so groß oder klein, wie du möchtest.</li>      <li><strong>Ecken</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/04578d48-a935-4301-b0c1-a41f64761ca2/2312bafa-6ada-4f8d-967b-7d882cc3d0db.png" /><strong>:</strong>Wähle aus, wie die Ecken deines Buttons aussehen sollen. Du kannst jede Ecke getrennt anpassen und sie runder oder eckiger gestalten.</li>      <li><strong>Schatten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/61e8bd49-75a5-4856-b777-968b176bfcfe/5b009328-9502-4bc2-b6ba-72f5a20264b0.png" /><strong>:</strong> Füge deinem Button Schatten hinzu, um einen 3D-Effekt zu erzielen. Du kannst Größe, Sichtbarkeit, Winkel und vieles mehr festlegen, um eine bessere Wirkung zu erzielen.</li>      <li><strong>Text</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/29b85503-2fc4-4da6-bbc5-52562e0447c6/220acd55-73c4-4cee-8af1-0e0057bbeacc.png" />: Passe den Text deines Buttons mit Einstellungen wie Schriftart, Größe und Abstand an. Du kannst auch Formatierungen wie Fett und Kursiv hinzufügen und die Farbe auswählen.<br /> <br /> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/8591f256-fe86-41d9-b35d-fa346e71d0ef/55c707c6-7708-4b6c-9e9c-84d1bf9fb890.png" /></li>    </ul>  </li></ol><div><br /></div><div><strong>Hinweis:</strong></div><div>Die verfügbaren Anpassungsoptionen hängen von folgenden Faktoren ab:</div><ul>
  <li>Die von dir gewählte Designvoreinstellung</li>  <li>Status, für den du das Design auswählen möchtest (normal oder Mouseover)</li></ul></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/d3fb9cad-9e9b-48de-952b-916ec0583739/b4996dda-f782-4ab2-ae88-d588911eceb9.png" alt="Das Design-Panel für das „Schließen“-Symbol. Der Cursor befindet sich über dem Tab Text, der geöffnet ist." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-x-icon" level="3">Das „X“-Symbol anpassen</h2></div><div data-component-type="text"><div>Wenn du im Einstellungen-Panel der Lightbox ein „X“-Symbol (Lightbox schließen) aktiviert hast, kannst du sein Aussehen an dein Website-Design anpassen. Wähle aus eines der vielen Designs und passe Farbe, Sichtbarkeit und Rand an.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das „X“-Symbol 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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-lightboxen-verwalten#opening-your-lightboxes" target="">Öffne die entsprechende Lightbox</a>.</li>  <li>Klicke im Editor auf die Lightbox.</li>  <li>Klicke auf das Symbol für <strong>Lightbox schließen</strong> („X“-Symbol).</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/fqdfj7l80pkuziVwS4mYmnWZYCsstIhKustYnkMz2Bo_92oQPmaf4lUCP5xbe9eVungvl1KIVaUgx9ipRK8vEqqxClIbHZcUnoXF6NV9KpynO6YZObPFZwdae3KaUDsMJqIlf5RSXHRq9SDmV58img" />.</li>  <li>Wähle, wie du dein „X“-Symbol anpassen möchtest:
    <ul>
      <li><strong>Ein neues Design auswählen:</strong> Klicke auf eine Voreinstellung im Panel, um ein neues Design für das Symbol festzulegen.</li>      <li><strong>Symbol anpassen:</strong> Klicke auf <strong>Design anpassen</strong> und bearbeite das Symbol wie gewünscht:
        <ul>
          <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle die Farbe des Symbols aus der Farbauswahl und verwende den Schieberegler, um es mehr oder weniger sichtbar zu machen.</li>          <li><strong>Rand:</strong> Wähle eine Farbe für den Rand des Symbols und lege die Breite (in Pixel) fest.</li>        </ul>      </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/c1abe4a1-1446-4785-82c0-542333e1fa0f/9584bc8f-f4af-40b7-8087-fe46f7453439.png" alt="Das Design-Panel des „X“-Symbols. Der Cursor befindet sich über dem Schieberegler für die Randbreite." /></div></div>

Es ist dir überlassen, ob du einen „Schließen“-Button zu deiner Lightbox hinzufügen möchtest. Mithilfe des „Schließen“-Buttons können deine Besucher deine Lightbox schließen.Um einen „Schließen“-Butto...

Wix Editor: Einen „Schließen“-Button zu deiner Lightbox hinzufügen

<div data-component-type="text"><div>Es ist dir überlassen, ob du einen „Schließen“-Button zu deiner Lightbox hinzufügen möchtest. Mithilfe des „Schließen“-Buttons können deine Besucher deine Lightbox schließen.</div></div><div data-component-type="heading"><h2 id="" level="3">Um einen „Schließen“-Button zu deiner Lightbox hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf die Lightbox in deinem Editor.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/05/16a0ac8c-d95a-4e2e-8f6c-4765149d647b.png" />.</li>  <li>Aktiviere den <strong>„Schließen“-Button</strong>.</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/d64c0377-8ade-4c01-a588-356eb4091011/2021/09/22/e52db5cf-5053-4c62-9dab-b1db851df0b2/0df815e7-816e-43b5-83c8-270a3224290d.png" /></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 auf das Symbol für <strong>Design </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/05/262207fe-f36e-4d44-87bd-8177be4c808c.png" />, um das Design anzupassen.</div></div></div></div>

Füge eine Pop-up-Lightbox hinzu, um die Aufmerksamkeit deiner Besucher zu erregen und wichtige Ankündigungen und Informationen zu präsentieren. Du kannst Elemente zur Pop-up-Nachricht hinzufügen, ents...

Wix Editor: Eine Lightbox hinzufügen und einrichten

<div data-component-type="text"><div>Füge eine Pop-up-Lightbox hinzu, um die Aufmerksamkeit deiner Besucher zu erregen und wichtige Ankündigungen und Informationen zu präsentieren. Du kannst Elemente zur Pop-up-Nachricht hinzufügen, entscheiden, wann sie ausgelöst wird, und sogar auswählen, wie Besucher sie schließen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/dd7218c2-742b-451c-a6b4-dd943cfc9ac4/b2661a45-ec9a-4dd6-a99b-0a6264e77514.gif" alt="GIF, das eine Lightbox zeigt, die auf einer Live-Website von Wix angezeigt wird" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-lightbox" level="3">Schritt 1 | Eine Lightbox hinzufügen</h2></div><div data-component-type="text"><div>Füge eine Lightbox hinzu, um etwas Interaktives und Informatives für deine Website-Besucher zu erstellen. Es gibt eine Reihe von Vorlagen und Typen, aus denen du wählen kannst, z. B. „Willkommen“ und „Kontakt“.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Lightbox hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/2_Q3UWFeRrr5eTMMy5BcmnSAohKtI_dMraA_5NEO86PZzJ1C6RLZFszKuF-1mKgkvV4ee4eSdDzyvTbeogg8P5XGH8QMTpNCPtZMEWh1kJV1_Jk7RjMl4g4JvgeWtKfTBU5Wfg_V" />.</li>  <li>Klicke auf <strong>Interaktiv</strong>.</li>  <li>Wähle unter <strong>Lightbox</strong> eine Kategorie aus.</li>  <li>Klicke oder ziehe die ausgewählte Lightbox, um sie deiner Seite hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/479fcb6a-3465-4e18-bcf9-98e12350d0cb/e3085627-1c01-4abe-805f-07b8602486d3.png" alt="Das „Elemente hinzufügen“-Panel im Editor. Der Tab Lightbox ist geöffnet." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-elements-to-your-lightbox" level="3">Schritt 2 | Elemente zu deiner Lightbox hinzufügen</h2></div><div data-component-type="text"><div>Füge Elemente zu deiner Lightbox hinzu, um den Inhalt und das Aussehen zu erweitern. Achte darauf, dass das Element kleiner als die Lightbox ist, damit es hineinpasst. Du kannst Text, Buttons und mehr hinzufügen, um sicherzustellen, dass deine Lightbox alles Benötigte enthält.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente zu einer Lightbox hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Lightbox über das Panel <strong>Menüs &amp; Seiten</strong>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/o4cI7oiMR-RkvAw0v0ZQDNfH5z9cV0xc_Q3yfBIHUho7HKo9kCvO_96mg3nW0Us7KoGmxPGBo7mnjlrnSXgyeVr4aQcJqFTq70nsiAlw4Md7RCBN9xNNL2TPVJIOrHKdvoUV-a5WQVkSFBt-UpxLQQ" />.</li>  <li>Wähle den Elementtyp aus den Optionen.</li>  <li>Klicke und ziehe das Element an die gewünschte Stelle in der Lightbox und lege es ab, wenn du die Meldung „An Lightbox anhängen“ siehst.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du eine Lightbox hinzufügst, wechselst du in den Lightbox-Modus. Dadurch kannst du deine Lightbox einrichten und bearbeiten. Um zum normalen Editor zurückzukehren, klicke in der oberen Leiste neben Lightbox-Modus auf <strong>Schließen</strong>.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/5ff72f0a-224e-4dc3-8685-0d928ba6ffaf/ac08b07e-f059-4ea0-805d-5bcd5d2d8888.png" alt="Das „Elemente hinzufügen“-Panel im Editor. Der Editor befindet sich im Lightbox-Modus und der Cursor bewegt sich über einem Textelement." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-set-the-lightbox-trigger" level="3">Schritt 3 | Den Auslöser für die Lightbox festlegen</h2></div><div data-component-type="text"><div>Nachdem du deine Pop-up-Nachricht gestaltet hast, musst du festlegen, wie deine Lightbox geöffnet wird. Du kannst sie so einstellen, dass sie automatisch angezeigt wird, sobald die Seite geladen wird, oder sie mit einem Element verlinken, auf das Besucher klicken müssen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Lightbox-Auslöser festzulegen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Lightbox über das Panel <strong>Menüs &amp; Seiten</strong>.</li>  <li>Klicke auf die Lightbox.</li>  <li>Klicke auf <strong>Auslöser festlegen</strong>.</li>  <li>Klicke auf eine Option unter <strong>Lightbox automatisch anzeigen</strong>:
    <ul>
      <li><strong>Ja:</strong> Deine Lightbox wird angezeigt, wenn eine Seite geladen wird.
        <ul>
          <li>Klicke auf <strong>Auf welcher Seite soll sie erscheinen?</strong> und wähle die Seiten aus, auf denen die Lightbox angezeigt werden soll, oder aktiviere das Kontrollkästchen <strong>Erste Seite, die ein Besucher sieht</strong>.</li>          <li>Ziehe den Schieberegler für <strong>Verzögerung</strong>, um die Zeit zwischen dem Laden der Seite und dem Anzeigen der Lightbox zu verlängern oder zu verkürzen.<br />
<strong>Hinweis:</strong> Dieser Schieberegler wird nicht in allen Lightboxen angezeigt.</li>        </ul>      </li>      <li><strong>Nein:</strong> Die Lightbox wird nicht angezeigt, wenn ein Website-Besucher eine Seite aufruft. Stattdessen kannst du von Elementen auf deiner Website darauf verlinken.</li>    </ul>  </li>  <li>(Optional) Lege einen Zeitplan für deine Lightbox fest. Dies ist hilfreich, um Angebote oder Services anzuzeigen, die für eine begrenzte Zeit verfügbar sind:
    <ul>
      <li><strong>Termine:</strong> Verwende die Optionen, um das Start- und Enddatum für deine Lightbox auszuwählen.</li>      <li><strong>Zeiten:</strong> Wähle die Start- und Endzeit für die Lightbox-Planung aus.</li>      <li><strong>Zeitzone:</strong> Wähle aus den Optionen im Aufklappmenü deine Zeitzone aus.</li>      <li><strong>Planung löschen:</strong> Entferne den Zeitplan, den du zuvor zur Lightbox hinzugefügt hast.</li>    </ul>  </li></ol><div><br /></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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/11/17/1415747a-a333-4073-9b3f-436238be9e96/e48c4249-f936-4a00-b492-c0554d1e61f9.png" alt="Das Einstellungen-Panel einer Lightbox; der Cursor fährt über das Eingabefeld für die Verzögerung" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-choose-how-visitors-close-the-lightbox" level="3">Schritt 4 | Auswählen, wie Besucher die Lightbox schließen</h2></div><div data-component-type="text"><div>Lege fest, wie Besucher die Lightbox schließen, nachdem sie die Nachricht gelesen haben. Du kannst mehrere Möglichkeiten zum Schließen der Box oder nur eine auswählen. Du kannst zum Beispiel Besucher zum Schließen auf die Hintergrundüberlagerung der Lightbox klicken lassen und gleichzeitig einen „Schließen“-Button hinzufügen, der eindeutiger ist.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen „Schließen“-Button oder ein „X“-Symbol zur Lightbox hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Lightbox über das Panel <strong>Menüs &amp; Seiten</strong>.</li>  <li>Klicke auf die Lightbox.</li>  <li>Klicke auf das Symbol für Einstellungen <img data-composite="true" src="https://lh4.googleusercontent.com/eqvqTFBPOviyHY23ZuOVCXWqz4DHLmJ94uiiKUx3TyD0HsAhOCSDcjT-lw_XcP6qcNOR71NA7qNQd0k11Kz5PGCKB0huzmq7STCAVmZB55Mvm92vCpLdy-5nCJXtKkbBrr8Ghkbo" />.</li>  <li>Wähle eine Option unter <strong>Lightbox schließen</strong>:
    <ul>
      <li><strong>„X“-Symbol:</strong> Besucher können die Lightbox schließen, indem sie auf ein „X“-Symbol klicken.</li>      <li><strong>„Schließen“-Button:</strong> Besucher können die Lightbox schließen, indem sie auf den „Schließen“-Button klicken.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/11/17/69e4bbca-7375-4ce8-826f-fe53cf4a656d/a42f6e55-7453-4a7d-9615-47c36bb9f3c9.png" alt="Das Panel mit den Lightbox-Einstellungen. Die Optionen zum Schließen der Lightbox sind hervorgehoben." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um Besuchern zu ermöglichen, die Lightbox über die Überlagerung zu schließen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Lightbox über das Panel <strong>Menüs &amp; Seiten</strong>.</li>  <li>Klicke im Editor auf die Überlagerung (den Raum um deine Lightbox herum).</li>  <li>Klicke auf <strong>Hintergrundüberlagerung aktivieren</strong>.</li>  <li>Klicke auf den Schalter <strong>Lightbox durch Anklicken schließen</strong>:
    <ul>
      <li><strong>Aktiviert:</strong> Deine Website-Besucher können auf die Hintergrundüberlagerung klicken, um die Lightbox zu schließen.</li>      <li><strong>Deaktiviert:</strong> Klicken auf die Hintergrundüberlagerung schließt die Lightbox nicht.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/bc4e0a98-7b4e-419c-94a9-9937b6856317/045c0f5f-d4d8-4998-a929-5dba22220dc6.png" alt="Das „Einstellungen“-Panel der Hintergrundüberlagerung. Der Cursor befindet sich über dem Schalter „Lightbox durch Klicken schließen“." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht's weiter?</div><div class="info-content"><div>Passe das Design und die Position deiner Lightbox an, um die Ankündigungen deiner Website weiter zu personalisieren. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-lightbox-anpassen" target="_blank">So kannst du deine Lightbox anpassen.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="text"><div>Klicke unten, um Antworten auf die am häufigsten gestellten Fragen zu Lightboxen zu lesen:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich festlegen, dass mehrere Lightboxen auf einer Seite angezeigt werden?</h4><div class="collapsible-content"><div>Pro Seite kann nur eine sich automatisch öffnende Lightbox angezeigt werden. Du kannst jedoch mehrere Lightboxen auf einer Seite anzeigen, wenn du von anderen Elementen auf sie verlinkst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich eine Vorschau meiner Lightbox anzeigen, bevor ich die Änderungen aktiviere?</h4><div class="collapsible-content"><div>Lightboxen, die du mit Elementen verlinkst, werden in deiner Website-Vorschau angezeigt, wenn du auf die Elemente klickst. Lightboxen, die du so eingestellt hast, dass sie sich automatisch öffnen, werden jedoch nur auf deiner Live-Website angezeigt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich einen Link zur Lightbox teilen?</h4><div class="collapsible-content"><div>Lightboxen haben keine eindeutige URL, daher kannst du sie nicht in sozialen Medien oder anderen Plattformen teilen. Daher empfehlen wir nicht, Lightboxen für den Hauptinhalt deiner Website zu verwenden.</div></div></div></div>

Füge Tabs hinzu, um deine Inhalte zu organisieren und nach deinen Wünschen anzuzeigen. Indem du den Inhalt in Tabs aufteilst, kannst du wichtige Informationen für deine Besucher optimieren und es ihne...

Wix Editor: Tabs hinzufügen und einrichten

<div data-component-type="text"><div>Füge Tabs hinzu, um deine Inhalte zu organisieren und nach deinen Wünschen anzuzeigen. Indem du den Inhalt in Tabs aufteilst, kannst du wichtige Informationen für deine Besucher optimieren und es ihnen erleichtern, alles zu finden, was sie brauchen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/11/f56f2581-62d7-44e8-a365-44c0825e7fa5/5e99e2cc-d297-4d72-a732-888dff95eab7.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-tabs-to-your-site" level="3">Schritt 1 | Tabs zu deiner Website hinzufügen</h2></div><div data-component-type="text"><div>Lege los, indem du das Tabs-Element zu deiner Seite hinzufügst. Es gibt eine Vielzahl von vorgefertigten Optionen, sodass du alles hast, was du brauchst, um loszulegen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Tabs hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/dsYIl4Wh8BDXFgW9oR9RkUN2MZBZkhh0BYJm6-Eb6QtDdgXRYCA98TysuHaNhq8Smw4EtbfQrH8EGaTX3f09u09Rl3m1NMfRJZRjyOfXInicQHHR3Ux-YmGMCSPRS5bfQnDifOzp6gXChU1UMTgWzQ" />.</li>  <li>Klicke auf <strong>Interaktiv</strong>.</li>  <li>Klicke unter <strong>Box</strong> auf <strong>Tabs</strong>.</li>  <li>Klicke und ziehe das gewünschte Tab-Design, um es zu deiner Seite hinzuzufügen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/11/f42d9770-331d-49c7-a87f-54345fae111b/5ee97d79-84ea-40d7-a7fb-f79a611df7b3.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-give-a-name-to-each-tab" level="3">Schritt 2 | Jedem Tab einen Namen geben</h2></div><div data-component-type="text"><div>Nachdem du das Tabs-Element hinzugefügt hast, benenne die Tabs um, damit sie deinem geplanten Inhalt entsprechen. Da Tab-Namen im Menü angezeigt werden, können Besucher die für sie relevanten Informationen leichter finden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Tabs zu benennen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Tabs.</li>  <li>Klicke auf <strong>Tabs verwalten</strong>.</li>  <li>Fahre mit der Maus über das entsprechende Element im Panel.</li>  <li>Klicke auf das Symbol für Weitere Aktionen <img data-composite="true" src="https://lh4.googleusercontent.com/jrVg52_f-P1fCfv0T2Y4nHn3Pgo1mjDjZWNn_DZuPKEsY2Jy9lK9-26GODrtQJBEPjsHEd79bfj1-WKhu-RExWamHEtZcctRwoZcMDJibLn9cV6ZaeDZi-Bt3IUuKqhIPbRGJSrgaw42tGRLiWV6hg" />.</li>  <li>Klicke auf <strong>Umbenennen</strong>.</li>  <li>Gib den neuen Namen in das Feld ein.</li>  <li>Klicke auf <strong>Fertig</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/11/ae54a9e9-19a9-49df-b0f5-616707132b30/0a81d699-1b55-495b-813d-b318f0921018.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-elements-to-your-tab-items" level="3">Schritt 3 | Elemente zu deinen Tab-Elementen hinzufügen</h2></div><div data-component-type="text"><div>Nachdem du jedem Tab einen Namen gegeben hast, beginne mit der Erstellung des Inhalts, indem du die benötigten Elemente hinzufügst. Die Elemente werden nur in diesem bestimmten Tab angezeigt, sodass du so viel oder so wenig Inhalt hinzufügen kannst, wie du benötigst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente zu einem Tab-Element hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Tabs.</li>  <li>Öffne das entsprechenden Tab-Element aus dem Aufklappmenü.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong>.</li>  <li>Klicke und ziehe das ausgewählte Element über den Tab.</li>  <li>Lasse das Element fallen, wenn du die Nachricht <strong>An einzelnen Tab anhängen</strong> siehst.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/11/aabe0f69-b6aa-4b89-8ed7-c119408c826a/b3d7d44b-762d-4b3f-8df1-e3d3ad06ab8c.gif" /></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>Verwalte und passe deine Tab-Elemente an, um ihr Design, Layout und vieles mehr zu ändern. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-tabs-verwalten-und-anpassen" target="_blank">Mehr über das Verwalten und Anpassen von Tabs erfahren</a></div></div></div></div>

Tabs sind Container, die du in separate Anzeigen unterteilst. Du kannst jedem Tab-Element einen anderen Inhalt hinzufügen, und Besucher können sich durchklicken, um das zu finden, was sie suchen.Verwe...

Wix Editor: Über Tabs

<div data-component-type="text"><div>Tabs sind Container, die du in separate Anzeigen unterteilst. Du kannst jedem Tab-Element einen anderen Inhalt hinzufügen, und Besucher können sich durchklicken, um das zu finden, was sie suchen.</div></div><div data-component-type="text"><div>Verwende das Tab-Element, um eine Vielzahl von Informationen zu präsentieren und es Besuchern noch einfacher zu machen, auf die Nachrichten und Inhalte deiner Marke zuzugreifen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organize-your-content-with-tabs" level="3">Deine Inhalte mit Tabs organisieren</h2></div><div data-component-type="text"><div>Da Tabs interaktive Container sind, kannst du für jedes Element verschiedene Elemente anzeigen. Wähle den Inhaltstyp oder die Informationen, die du präsentieren möchtest, und füge die entsprechenden Elemente hinzu, um sie einzurichten.</div></div><div data-component-type="text"><div>Tabs sind eine hilfreiche Möglichkeit, Inhalte anzuzeigen, die für die Seite/den Abschnitt oder dein Unternehmen relevant sind. Zum Beispiel kann ein Abschnitt „Kontakt“ verschiedene Tabs für deine geschäftliche Telefonnummer, E-Mail, Adresse usw. enthalten. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-tabs-hinzufügen-und-einrichten" target="_blank">Erfahre mehr über das Hinzufügen und Einrichten von Tabs auf deiner Website</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/feaaaf4f-376b-497a-a753-0ab26a952428/f6affaaa-429d-477a-8eaf-54726d5c31c0.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="align-tabs-to-complement-your-page-layout" level="3">Tabs an dein Seitenlayout anpassen</h2></div><div data-component-type="text"><div>Nachdem du Tabs hinzugefügt und eingerichtet hast, ändere ihr Layout, um eine zusammenhängende Struktur auf deiner Seite herzustellen. Du kannst den Abstand zwischen Menü und Container anpassen, auswählen, wie Elemente angezeigt werden, die nicht in das Menü passen, und vieles mehr. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-tabs-verwalten-und-anpassen#changing-your-tabs-layout" target="_blank">So änderst du das Layout von Tabs</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/20/cf28f2e4-3506-43e2-b3d7-94f2e0cac011/b4e7af2c-dd24-40ed-b513-3775fa0278e6.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="personalize-the-design-of-tabs" level="3">Das Design von Tabs personalisieren</h2></div><div data-component-type="text"><div>Passe jeden Teil des Tab-Elements nach deinen Wünschen an. Ändere den Hintergrund des Containers, wähle eine Schriftart für die Menüelemente und füge Schatten hinzu, um deinen Tabs einen coolen 3D-Effekt zu verleihen.</div></div><div data-component-type="text"><div>Du kannst die Optionen verwenden, um Tabs zu gestalten, die mit deinem Website-Thema harmonieren, oder einen tollen, auffälligen Container erstellen, der sich von deiner Seite abhebt. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-tabs-verwalten-und-anpassen#customizing-the-design-of-tabs" target="_blank">So passt du das Design von Tabs an.</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/4ed87fcd-b1fa-4679-ab28-58788a9a305e/4f60488d-f113-412d-92f8-2181ea24d64f.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjust-tabs-for-your-mobile-site" level="3">Tabs für deine mobile Website anpassen</h2></div><div data-component-type="text"><div>Tabs, die du im Desktop-Editor hinzufügst, werden automatisch auf deiner mobilen Website angezeigt. Du kannst wählen, ob du den gesamten Tab-Container auf deiner mobilen Website ausblenden oder das Layout, den Abstand und das Design an kleinere Bildschirme anpassen möchtest.</div></div><div data-component-type="text"><div>Änderungen, die du über Mobile vornimmst, wirken sich nicht auf deine Desktop-Website aus, sodass du deine Tabs so oft bearbeiten kannst, wie du möchtest, um eine einfache, interaktive Erfahrung für Mobile-Nutzer zu schaffen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-tabs-für-deine-mobile-website-bearbeiten-und-anpassen" target="_blank">Mehr über das Anpassen von Tabs für Mobile erfahren</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/6fa67856-4809-4506-a586-eef930d763c6/11a4bf16-c451-4b37-9caf-06d694d0d465.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="frequently-asked-questions-faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie navigiere ich zwischen Tab-Elementen?</h4><div class="collapsible-content"><ol>
  <li>Klicke in deinem Editor auf die Tabs.</li>  <li>Klicke auf das Aufklappmenü.</li>  <li>Wähle das entsprechende Tab-Element aus, um es zu öffnen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Größe von Tab-Elementen separat ändern?</h4><div class="collapsible-content"><div>Du kannst die Größe jedes Tab-Elements separat ändern, um sie nach Bedarf an den Inhalt anzupassen. Klicke und ziehe die Ziehgriffe, um die Elementbox nach Bedarf zu vergrößern oder zu verkleinern.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist ein Standard-Tab?</h4><div class="collapsible-content"><div>Der Standard-Tab ist der Tab, der automatisch angezeigt wird, wenn Besucher die Seite öffnen, auf der er sich befindet. Du kannst deinen Standard-Tab über das „Tabs verwalten“-Panel festlegen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-tabs-verwalten-und-anpassen" target="_blank">Mehr über die Verwaltung von Tabs erfahren</a></div></div></div></div>

Lightboxen sind eine großartige Möglichkeit, wichtige Informationen in einem Pop-up-Fenster anzuzeigen, zum Beispiel. Ankündigungen, Angebote und Neuigkeiten. Nachdem du eine Lightbox erstellt hast, k...

Wix Editor: Deine Lightboxen verwalten

<div data-component-type="text"><div>Lightboxen sind eine großartige Möglichkeit, wichtige Informationen in einem Pop-up-Fenster anzuzeigen, zum Beispiel. Ankündigungen, Angebote und Neuigkeiten. Nachdem du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten" target="_blank">eine Lightbox erstellt hast</a>, kannst du sie umbenennen, duplizieren, um schnell eine neue Lightbox zu erstellen, oder sie mit einem Element verlinken, auf das Besucher klicken, um das Pop-up zu öffnen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="opening-your-lightboxes" level="3">Deine Lightboxen öffnen</h2></div><div data-component-type="text"><div>Greife über das <strong>Menüs &amp; Seiten</strong>-Panel auf deine Lightbox zu, um das Design und den Inhalt zu bearbeiten oder sie nach Bedarf zu verwalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Lightbox zu öffnen:</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 der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/iyxB-dJK94UnWtccHCit9Pichsh3NHab4iZMxuUU1yZ0iRd_q3YCu0Y7R8I6s4aSiaYU3dkSFcaqki_m25qtKqcTd3sr0xsdThz_2tA6-aljPtm89J_yDS_tvlm9Jq_oQJzhIWekE4DdjM7qur6kJA" />.</li>  <li>Klicke auf <strong>Lightboxen</strong>.</li>  <li>Klicke auf die entsprechende Lightbox, um sie zu öffnen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/9624cdd0-8020-4c54-994f-8dfa8f9c22ef/ba4bf552-5dce-4b53-9828-e402f0a25e1f.png" alt="Screenshot einer Website von Wix, der eine Lightbox zeigt, auf die über das Menü- und Seiten-Panel zugegriffen wird" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-a-lightbox" level="3">Eine Lightbox umbenennen</h2></div><div data-component-type="text"><div>Ändere den Namen einer Lightbox, damit du sie im Editor leichter findest. Lightbox-Titel werden nicht auf deiner Live-Website angezeigt. Du kannst also einen beliebigen Namen wählen. Wir empfehlen, einen Namen zu wählen, der gut zum Inhalt passt, zum Beispiel „Anmeldeformular“ oder „Verkaufsankündigung“.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Lightbox umzubenennen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Bereich <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/iyxB-dJK94UnWtccHCit9Pichsh3NHab4iZMxuUU1yZ0iRd_q3YCu0Y7R8I6s4aSiaYU3dkSFcaqki_m25qtKqcTd3sr0xsdThz_2tA6-aljPtm89J_yDS_tvlm9Jq_oQJzhIWekE4DdjM7qur6kJA" /> auf die entsprechende Lightbox.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/sM1xuXhGAEjX6heOglUTUcGNGAi5ALcSvkPZJ0NbHSZ2rqIQaqR5ilfOk0nzQVWcFfd3Z-w0D8RhtggFNQy9sICz-oy6mKeAMR2Yl31UB69Thg5WQPU76IrhYU6sXd96hGRNudri-eHgaqbqxjwZcA" />.</li>  <li>Klicke auf <strong>Umbenennen</strong>.</li>  <li>Gib den neuen Namen in das Feld ein.</li>  <li>Klicke auf <strong>OK</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/0b83933f-c929-4697-93fb-57f5a3276117/05816fe4-788e-46a9-8ba2-ed537f50bafe.png" alt="Der Bereich Lightbox im Menü- und Seiten-Panel. Der Cursor schwebt über der Option „Umbenennen“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linking-elements-to-a-lightbox" level="3">Elemente mit einer Lightbox verlinken</h2></div><div data-component-type="text"><div>Verlinke ein Element auf deiner Website mit einer Lightbox, damit diese angezeigt wird, wenn Besucher auf das Element klicken. Du kannst Text, Buttons und sogar Vektorgrafiken mit deiner Lightbox verlinken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Element mit einer Lightbox zu verlinken:</h2></div><div data-component-type="text"><ol>
  <li>Wähle in deinem Editor das Element, dass du verlinken möchtest.</li>  <li>Klicke auf das Symbol für <strong>Link</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/11/d91f1160-cfbf-4769-bd60-d7eeeee2ed4d.png" />.</li>  <li>Wähle <strong>Lightbox</strong>.</li>  <li>Klicke auf das Aufklappmenü <strong>Welche Lightbox?</strong> und wähle die entsprechende Lightbox aus.</li>  <li>Klicke auf <strong>Okay</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/e2182107-abe4-4a97-9278-55deafe09aed/35b7634f-15c6-4697-bf19-88d6948b68e1.png" alt="Das Link-Panel eines Buttons. Eine Lightbox wurde ausgewählt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Du kannst mit dem <strong>„Schließen</strong>“-Button von einer Lightbox zu einer anderen verlinken, sodass Besucher ein zweites Pop-up sehen, wenn sie das erste schließen. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-lightboxes#adding-a-link-to-a-lightbox-close-button" target="">Den „Schließen“-Button über das Link-Panel so einrichten, dass eine zweite Lightbox geöffnet wird</a>, wenn Besucher darauf klicken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-a-lightbox" level="3">Eine Lightbox duplizieren</h2></div><div data-component-type="text"><div>Dupliziere deine Lightbox, um ein einheitliches Design für deine Pop-ups zu haben. Du kannst den Inhalt nach Bedarf ändern, während du deinen Lieblingstext und deine Lieblingsfarben beibehalten kannst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Lightbox zu duplizieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Bereich <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/iyxB-dJK94UnWtccHCit9Pichsh3NHab4iZMxuUU1yZ0iRd_q3YCu0Y7R8I6s4aSiaYU3dkSFcaqki_m25qtKqcTd3sr0xsdThz_2tA6-aljPtm89J_yDS_tvlm9Jq_oQJzhIWekE4DdjM7qur6kJA" /> auf die entsprechende Lightbox.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/sM1xuXhGAEjX6heOglUTUcGNGAi5ALcSvkPZJ0NbHSZ2rqIQaqR5ilfOk0nzQVWcFfd3Z-w0D8RhtggFNQy9sICz-oy6mKeAMR2Yl31UB69Thg5WQPU76IrhYU6sXd96hGRNudri-eHgaqbqxjwZcA" />.</li>  <li>Klicke auf <strong>Duplizieren</strong>.</li>  <li>Gib den Namen für die neue Lightbox ein.</li>  <li>Klicke auf <strong>OK</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/c17fee03-a499-4b5a-aaf1-b523a6aa336b/4066483d-b009-4e95-8ab4-8e252e9721b7.png" alt="Der Bereich Lightbox im Menü- und Seiten-Panel. Der Cursor schwebt über der Option „Duplizieren“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-a-lightbox" level="3">Eine Lightbox löschen</h2></div><div data-component-type="text"><div>Lösche alle Lightboxen, die du nicht mehr benötigst, um die Ankündigungen deiner Website aktuell zu halten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Lightbox zu löschen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Bereich <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/iyxB-dJK94UnWtccHCit9Pichsh3NHab4iZMxuUU1yZ0iRd_q3YCu0Y7R8I6s4aSiaYU3dkSFcaqki_m25qtKqcTd3sr0xsdThz_2tA6-aljPtm89J_yDS_tvlm9Jq_oQJzhIWekE4DdjM7qur6kJA" /> auf die entsprechende Lightbox.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/sM1xuXhGAEjX6heOglUTUcGNGAi5ALcSvkPZJ0NbHSZ2rqIQaqR5ilfOk0nzQVWcFfd3Z-w0D8RhtggFNQy9sICz-oy6mKeAMR2Yl31UB69Thg5WQPU76IrhYU6sXd96hGRNudri-eHgaqbqxjwZcA" />.</li>  <li>Klicke auf <strong>Löschen</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/295fba3e-89c5-4e78-921b-326a41292399/52cd73f3-23f0-46d2-be5f-c862ae9bba65.png" alt="Der Bereich Lightbox im Menü- und Seiten-Panel. Der Cursor schwebt über der Option „Löschen“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-a-lightbox-close-button" level="3">Einen Link zum „Lightbox schließen“-Button hinzufügen</h2></div><div data-component-type="text"><div>Verlinke den „Schließen“-Button deiner Lightbox mit Seiten, externen Websites und mehr. Wenn Besucher auf den Button klicken, werden sie an den Ort weitergeleitet, den du verlinkt hast.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Diese Option ist nur verfügbar, wenn du auf deiner Lightbox <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten#step-4-choose-how-the-lightbox-is-closed" target="_blank">den „Schließen“-Button aktiviert hast</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Link zu deinem „Schließen“-Button hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die entsprechende Lightbox in deinem Editor.</li>  <li>Klicke in deiner Lightbox auf den <strong>„Schließen“-Button</strong>.</li>  <li>Klicke auf das <strong>Link</strong>-Symbol <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/09/26/9ed0491f-fad1-423b-a9c7-b181d7c39b09.png" />.</li>  <li>Wähle einen Link-Typ aus.</li>  <li>Füge die entsprechenden Informationen hinzu.</li>  <li>Klicke auf <strong>OK</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/cb820199-935e-4a5c-88e4-913c4ca69104/02e7eee3-d650-4304-a823-1e9802f65765.png" alt="Das Link-Panel eines „Lightbox schließen“-Buttons. Der Cursor schwebt über dem „OK“-Button." /></div></div>

Pop-up-Elemente sind Pop-up-Nachrichten, die auf dem Bildschirm deiner Besucher angezeigt werden, wenn sie deine Website besuchen. Du kannst sie auf eine Reihe von kreativen, praktischen Wegen verwend...

Wix Editor: Pop-up-Ideen und Inspiration

<div data-component-type="text"><div>Pop-up-Elemente sind Pop-up-Nachrichten, die auf dem Bildschirm deiner Besucher angezeigt werden, wenn sie deine Website besuchen. Du kannst sie auf eine Reihe von kreativen, praktischen Wegen verwenden, um deinen Umsatz und dein Geschäft zu steigern und ein interaktives Erlebnis zu bieten.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-a-mailing-list-subscription-popup" level="3">Erstelle ein Pop-up-Fenster für die Anmeldung für die Mailingliste</h2></div><div data-component-type="text"><div>Füge eine Newsletter-Pop-up hinzu, um Abonnenten zu gewinnen und ein breiteres Publikum zu erreichen. Es gibt eine Vielzahl von Pop-up-Designs, die vordefinierte Formulare enthalten, die du nach Bedarf 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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/26/851f97f3-cf4c-470d-993b-e7df36edb89a/64978bb6-3032-4de5-be83-200134ba3f5a.gif" alt="GIF einer Newsletter-Lightbox, die in einen Frame auf einer Live-Website von Wix gleitet" /></div></div><div data-component-type="text"><div>Wenn sich Besucher mit dem Formular registrieren, werden sie automatisch in deinen Kontakten zu deinen Abonnenten hinzugefügt, damit sie über deine Unternehmensnachrichten und Angebote auf dem Laufenden bleiben können.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="add-an-age-disclaimer-to-your-site" level="3">Deiner Website einen Haftungsausschluss hinzufügen</h2></div><div data-component-type="text"><div>Nutze deine Pop-ups, indem du einen Haftungsausschluss für deine Website erstellst. Du kannst sie so einstellen, dass sie nur einen Altersbestätigungsbutton enthalten, sodass Besucher darauf klicken müssen, um auf deine Website zugreifen und sie durchsuchen zu können.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/26/79e1feda-ea9b-432c-b8bd-501d49e5f3c6/a31f1e8f-2f9c-4bf1-ba49-23fa91d474ad.png" alt="Screenshot, der ein Pop-up-Fenster mit Haftungsausschluss auf einer Live-Website zeigt" /></div></div><div data-component-type="text"><div>Neben den voreingestellten Optionen gibt es auch Hunderte von möglichen Designkombinationen für Pop-ups, sodass du keine Abstriche beim Branding oder Aussehen deiner Website machen musst.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="build-a-popup-wizard" level="3">Einen Pop-up-Assistenten erstellen</h2></div><div data-component-type="text"><div>Erstelle einen Pop-up-Assistenten, durch den Besucher mit einer Reihe von Screens oder Schritten klicken können. Pop-up-Assistenten sind eine unterhaltsame und einzigartige Möglichkeit, Besucher zur Interaktion zu animieren und deine Website besonders 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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/26/3610928a-b9ff-4b43-9895-6d52ba49edd1/4a3d802a-b8c6-4a68-934a-b45b0b46da97.gif" alt="Eine Online-Schnitzeljagd auf einer Live-Website von Wix. Sie wurde mit Lightboxes erstellt." /></div></div><div data-component-type="text"><div>Beliebte Anwendungen für Pop-up-Assistenten sind Schnitzeljagden und Präsentationen. Du kannst das Aussehen und Verhalten deines Pop-up-Assistenten ganz nach deinen Wünschen gestalten, sodass sie zu deiner Marke passt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-a-video-popup" level="3">Ein Video-Pop-up erstellen</h2></div><div data-component-type="text"><div>Füge Videos zu einem Pop-up hinzu, um die Aufmerksamkeit deiner Besucher zu erregen. Du kannst Videos von Hosting-Websites wie Youtube oder Vimeo einbetten oder eine Datei von deinem Gerät hochladen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/26/4ef0e6d8-6ae7-4802-8793-994ec94c06e1/379bac22-36ab-44bd-a9bc-3d90d027cd94.gif" alt="Ein GIF einer Lightbox, die auf einer Live-Website von Wix angezeigt wird. Das Video in der Box wird automatisch abgespielt." /></div></div><div data-component-type="text"><div>Video-Pop-ups sind eine großartige Möglichkeit, deinen Besuchern Informationen anzuzeigen, da sie visuell ansprechender sind als normale Text-Pop-ups. Verwende sie, um für Ankündigungen, Trailer und mehr zu werben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bist du bereit?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten" target="">Erfahre, wie du ein Pop-up hinzufügst und einrichtest</a></div></div></div></div>

Wähle aus, wo die Lightbox auf der Seite deiner Website angezeigt werden soll.Um die Position einer Lightbox festzulegen:Klicke im Editor auf die Lightbox.Klicke auf das Symbol für Layouts .Wähle unte...

Wix Editor: Die Position deiner Lightbox festlegen

<div data-component-type="text"><div>Wähle aus, wo die Lightbox auf der Seite deiner Website angezeigt werden soll.</div></div><div data-component-type="heading"><h2 id="" level="3">Um die Position einer Lightbox festzulegen:</h2></div><div data-component-type="text"><ol><li>Klicke im Editor auf die Lightbox.</li><li>Klicke auf das Symbol für <strong>Layouts</strong> <img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/05/144c5a3e-f545-43b9-be37-2bed51ee0d27.png" />.</li><li>Wähle unter <strong>Position festlegen</strong> die gewünschte Position.</li><li>Nutze unter <strong>Horizontaler Abstand</strong> den Schieberegler, um das Elemente horizontal zu verschieben oder gebe eine konkrete Zahl ein.</li><li>Nutze unter <strong>Vertikaler Abstand</strong> den Schieberegler, um das Elemente vertikal zu verschieben oder gebe eine konkrete Zahl ein.</li></ol></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 <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-lightbox-hinzufügen-und-einrichten#step-3-set-the-lightbox-trigger" target="_blank">hier</a>, um zu erfahren, wie du festlegst, auf welcher Seite/welchen Seiten die Lightbox angezeigt wird.</div></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/22/9e4bf403-a8dd-4dbf-8650-ee4f187f887a/e3b0e480-a417-4791-a771-715d86ea55fb.png" /></div></div>

Füge deiner Website eine Mouseover-Box hinzu, um einen coolen, interaktiven Effekt für deine Website-Besucher zu erzeugen.Mouseover-Boxen ändern sich, wenn Besucher mit der Maus darüber fahren, und ze...

Wix Editor: Eine Mouseover-Box hinzufügen und einrichten

<div data-component-type="text"><div>Füge deiner Website eine Mouseover-Box hinzu, um einen coolen, interaktiven Effekt für deine Website-Besucher zu erzeugen.</div></div><div data-component-type="text"><div>Mouseover-Boxen ändern sich, wenn Besucher mit der Maus darüber fahren, und zeigen dann verschiedene Elemente und Inhalte an. Du kannst den Elementen auch Animationen hinzufügen, um die Besucher noch mehr zu beeindrucken und sie zu animieren, deine Website weiter zu erkunden.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-hover-box-to-your-site" level="3">Schritt 1 | Deiner Website eine Mouseover-Box hinzufügen</h2></div><div data-component-type="text"><div>Füge eine Mouseover-Box hinzu, um auffällige Seiten zu erstellen. Es gibt viele lustige, farbenfrohe Vorlagen, damit du eine auswählen kannst, die zum Design deiner Website passt.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/24/07529dca-ed8d-4e78-8362-654904eebbbc/62fd4dbc-1a8b-40ae-80fd-8f322244c41f.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Mouseover-Box hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf das <strong>Hinzufügen</strong>-Panel.</li>  <li>Klicke auf <strong>Box</strong>.</li>  <li>Klicke auf <strong>Mouseover-Boxen</strong>.</li>  <li>Klicke oder ziehe die gewünschte Box, um sie zur Seite hinzuzufügen.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-elements-to-your-hover-box" level="3">Schritt 2 | Elemente zu deiner Mouseover-Box hinzufügen</h2></div><div data-component-type="text"><div>Füge Elemente zu deiner Box hinzu, um relevante Informationen und Inhalte für deine Besucher anzuzeigen. Du kannst verschiedene Elemente für den Standard- und Mouseovermodus oder für beide hinzufügen.</div></div><div data-component-type="text"><div>Um ein Element zu beiden Ansichten hinzuzufügen, füge es einfach im Standardmodus hinzu. Um ein Element nur im Standardmodus anzuzeigen, füge es hinzu und blende es im Mouseovermodus aus.</div></div><div data-component-type="text"><div>Um ein Element nur im Mouseover-Modus anzuzeigen, füge es nur im Mouseover-Modus hinzu.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/24/253499f9-f279-4497-aede-48b2528b2fea/cbe2d253-54af-402c-951a-00fa69fcb7a4.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente zu deiner Mouseover-Box hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf die Mouseover-Box.</li>  <li>Klicke entweder auf den Tab Standard oder Mouseover, je nachdem, zu welchem Modus du das Element hinzufügen möchtest:
    <ul>
      <li><strong>Standard:</strong>
        <ul>
          <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen</strong>.</li>          <li>Klicke oder ziehe das ausgewählte Element, um es zu deiner Box hinzuzufügen.</li>        </ul>      </li>      <li><strong>Mouseover:</strong>
        <ul>
          <li>Klicke links im Editor auf <strong>Zu Mouseover hinzufügen</strong>.</li>          <li>Klicke oder ziehe das gewünschte Element auf die Box, um es hinzuzufügen.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du einen Button in der Standard-Ansicht hinzufügst, kannst du das Design im Mouseover-Modus nicht bearbeiten. Als Alternative kannst du den Button in der Mouseover-Ansicht ausblenden, ihn dann wieder hinzufügen und ihn nach deinen Wünschen gestalten.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-box-design" level="3">Schritt 3 | Das Design der Box anpassen</h2></div><div data-component-type="text"><div>Du kannst die Mouseover-Box so anpassen, dass sie genau so aussieht, wie du es wünschst. Je nach gewähltem Box-Design kannst du Einstellungen wie Füllung, Rahmen und Ecken an die Bedürfnisse deiner Website anpassen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/24/d5a6054f-ea76-4297-a5a4-ba4833e6056f/c4e594c1-fe69-4f18-b030-f62f97421277.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design der Box anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf das Symbol für Design <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" />.</li>  <li>Klicke auf <strong>Design anpassen</strong>.</li>  <li>(Optional) Wähle oben ein anderes voreingestelltes Design aus.</li>  <li>Wähle einen der folgenden Tabs, um die Einstellungen anzupassen:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle die Hintergrundfarbe und ziehe den Schieberegler, um die Deckkraft anzupassen.</li>      <li><strong>Rand:</strong> Passe die Farbe, Deckkraft und Breite des Randes an.</li>      <li><strong>Ecken:</strong> Passe die Ecken der Boxen an, indem du die Pixelgröße in den Boxen änderst.</li>      <li><strong>Schatten:</strong> Aktiviere oder deaktiviere einen Schatten und passe den Winkel, Abstand, Größe, Weichzeichnen und Farbe und Deckkraft an.</li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-add-an-effect-to-your-hover-box" level="3">Schritt 4 | Einen Effekt zu deiner Mouseover-Box hinzufügen</h2></div><div data-component-type="text"><div>Effekte erwecken deine Mouseover-Boxen zum Leben. Mit einer Reihe von Auswahlmöglichkeiten kannst du einen Effekt erzeugen, der sowohl ins Auge fällt als auch unterhaltsam ist.</div></div><div data-component-type="text"><div>Du kannst den Effekt auch perfekt an deine Website und die Mouseover-Box anpassen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/24/33233dec-204f-4726-8a42-ef0649bbb624/f3e4e57a-e7ae-4b04-9c30-31f49ceccdb9.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Effekt hinzuzufügen und anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf die Mouseover-Box.</li>  <li>Klicke auf den Tab <strong>Mouseover</strong>.</li>  <li>Klicke auf <strong>Effekt auswählen</strong>.</li>  <li>Klicke auf <strong>Anpassen</strong>, um die Einstellungen des Effekts anzupassen.</li></ol></div><div data-component-type="text"><div>Klicke unten auf eine Option, um mehr darüber zu erfahren, wie du einen Effekt anpassen kannst.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wachsen</h4><div class="collapsible-content"><ul>
  <li>Ziehe den Schieberegler, um zu entscheiden, wie stark sich dein Element bei Mouseover vergrößern soll.</li>  <li>Wähle einen Startpunkt, von dem aus dein Element zu wachsen beginnt. Standardmäßig wird das Element vom Zentrum aus vergrößert. Du kannst aber auch andere Punkte auswählen, (z. B. oben links).</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Verkleinern</h4><div class="collapsible-content"><ul>
  <li>Verwende den Schieberegler, um einzustellen, wie stark dein Element bei Mouseover verkleinert werden soll.</li>  <li>Wähle einen Punkt, bis zu dem sich dein Element verkleinern soll. Standardmäßig wird das Element zum Zentrum hin verkleinert. Du kannst aber auch andere Punkte auswählen (z. B. oben rechts).</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Abschrägen</h4><div class="collapsible-content"><ul>
  <li>Wähle die Richtung der Schräge: horizontal oder vertikal.</li>  <li>Ziehe den Schieberegler, um den Winkel festzulegen, in dem dein Element schräg gestellt werden soll, wenn Besucher mit der Maus darüber fahren.</li>  <li>Wähle einen Punkt, ab dem dein Element anfangen soll, sich schräg zu stellen. Standardmäßig wird das Element vom Zentrum aus angeschrägt. Du kannst aber auch andere Punkte auswählen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Rotieren</h4><div class="collapsible-content"><ul>
  <li>Wähle eine Drehrichtung für dein Element: im Uhrzeigersinn oder gegen den Uhrzeigersinn.</li>  <li>Ziehe den Schieberegler, um den Winkel festzulegen, in dem dein Element sich drehen soll, wenn Besucher mit der Maus darüber fahren.</li>  <li>Wähle einen Punkt, um den sich dein Element drehen soll. Standardmäßig dreht sich das Element um den Mittelpunkt, aber du kannst einen anderen Punkt auswählen (z. B. oben rechts).</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Combo</h4><div class="collapsible-content"><ul>
  <li><strong>Vergrößern &amp; verkleinern:</strong>
    <ul>
      <li>Verwende den Schalter, um zu aktivieren oder zu deaktivieren, ob die Box ihre Proportionen beibehält.</li>      <li>Verwende die Schieberegler, um die Breite und Höhe der Skalierung anzupassen.</li>    </ul>  </li>  <li><strong>Rotieren &amp; abschrägen:</strong>
    <ul>
      <li>Verwende den Schieberegler, um den Rotationswinkel anzupassen.</li>      <li>Verwende die Schieberegler, um den Winkel für das horizontale und vertikale Abschrägen festzulegen.</li>      <li>Wähle einen Startpunkt für den Abschrägungseffekt.</li>    </ul>  </li></ul></div></div></div>

Zurzeit ist es nicht möglich, deiner Website im Editor Akkordeon-Container hinzuzufügen.Akkordeons sind Elemente, die mehrere zusammenklappbare Container enthalten. Diese Container haben ihren eigenen...

Wix Editor Funktionsvorschlag: Akkordeon-Container

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, deiner Website im Editor Akkordeon-Container hinzuzufügen.</div></div><div data-component-type="text"><div>Akkordeons sind Elemente, die mehrere zusammenklappbare Container enthalten. Diese Container haben ihren eigenen Titel und Inhalt und werden erweitert, wenn du darauf klickst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Brauchst du eine Alternative?</div><div class="info-content"><div>Wenn du <a data-composite="true" href="https://support.wix.com/de/article/über-velo-by-wix" target="">Velo</a> auf deiner Website aktiviert hast, kannst du Elemente einklappen, indem du Code hinzufügst. <a data-composite="true" href="https://www.wix.com/velo/example/collapse-elements" target="_blank">So kannst du mit Velo by Wix Elemente einklappen</a></div></div></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Derzeit ist es nicht möglich einzustellen, dass eine Lightbox nur einmal pro Seite öffnet.Tipp:Wenn du etwas Erfahrung mit Code hast, kannst du mit Velo by Wix ein einmaliges Pop-up erstellen. Tutoria...

Wix Editor Funktionsvorschlag: Lightbox öffnet nur einmal pro Website-Besucher

<div data-component-type="text"><div>Derzeit ist es nicht möglich einzustellen, dass eine Lightbox nur einmal pro Seite öffnet.<br /><br /></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>Wenn du etwas Erfahrung mit Code hast, kannst du mit Velo by Wix ein einmaliges Pop-up erstellen. <a href="https://support.wix.com/en/article/velo-tutorial-creating-a-one-time-popup" target="_blank">Tutorial ansehen</a><br />
<br />
Du kannst auch im Wix Marketplace nach einem Designer suchen, der dies für dich erledigt. <a href="https://www.wix.com/marketplace" target="_blank">Finde jetzt den richtigen Designer</a></div></div></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.<br />
<br />
Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich auf dem Laufenden.</div></div>

Derzeit ist es nicht möglich, eine Lightbox aufkommen zu lassen, wenn dein Besucher eine Seite verlassen möchte.Wir arbeiten stets daran, unsere Produkte zu aktualisieren und zu verbessern und dein Fe...

Wix Editor Funktionsvorschlag: Eine Lightbox beim Verlassen der Seite aufkommen lassen

<div data-component-type="text"><div>Derzeit ist es nicht möglich, eine Lightbox aufkommen zu lassen, wenn dein Besucher eine Seite verlassen möchte.<br /><br /></div><div>Wir arbeiten stets daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.<br /><br /></div><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich auf dem Laufenden.</div></div>

Zurzeit ist es nicht möglich, mehr als eine Lightbox zu einer Website-Seite hinzuzufügen.Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher se...

Wix Editor Funktionsvorschlag: Mehrere Lightboxen zu einer Seite hinzufügen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, mehr als eine Lightbox zu einer Website-Seite hinzuzufügen.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Diashows sind eine unterhaltsame, interaktive Möglichkeit, Inhalte und Informationen auf deiner Website anzuzeigen.Mit Diashows kannst du alles auf deiner Website anzeigen. Du kannst z. B.:
  Dein Unt...

Wix Editor: Eine Diashow hinzufügen und einrichten

<div data-component-type="text"><div>Diashows sind eine unterhaltsame, interaktive Möglichkeit, Inhalte und Informationen auf deiner Website anzuzeigen.</div></div><div data-component-type="text"><div>Mit Diashows kannst du alles auf deiner Website anzeigen. Du kannst z. B.:</div><div><br /></div></div><div data-component-type="text"><ul>
  <li>Dein Unternehmen vorstellen</li>  <li>Verkäufe und Sonderangebote fördern</li>  <li>Modeling-, Fotografie- und Kunst-Portfolios erstellen</li>  <li>Eine Vorschau anderer Seiten oder Bereiche deiner Website anzeigen</li>  <li>Bestimmte Produkte hervorheben</li>  <li>Deine Services vorstellen</li>  <li>Deine Kontaktangaben anzeigen</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/d0c6b70a-c8ed-4238-91cf-11b25fbf4819/d7520728-1350-4d8a-98df-809c8aebfbe8.gif" alt="GIF einer Diashow mit 3 verschiedenen Bildern. Die Maus navigiert mithilfe des Menüs und der Pfeile durch die Bilder." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-slideshow" level="3">Eine Diashow hinzufügen</h2></div><div data-component-type="text"><div>Du kannst eine Diashow aus dem „Hinzufügen“-Panel im Editor hinzufügen. Diese enthält mehrere vorgefertigte Diashows, die du in Sekundenschnelle bearbeiten und anpassen kannst.</div></div><div data-component-type="text"><div>Es gibt zwei Arten von Diashows: <strong>Bildschirmbreite</strong> und <strong>Box</strong>. Diashows in Bildschirmbreite erstrecken sich über die gesamte Breite deiner Seite, während Diashow-Boxen auf die gewünschte Breite angepasst werden können.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Diashow 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 auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Interaktiv</strong>.</li>  <li>Klicke, um Diashows in Bildschirmbreite oder in Boxen zu erstellen.</li>  <li>Klicke auf eine Diashow, um sie hinzuzufügen, oder ziehe das Element an die entsprechende Stelle.</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/2024/10/14/c696de88-b560-4f6d-931d-25fbf91cadc1/9b547f39-7fe1-45f8-97c3-124d6772c072.png" alt="Screenshot, der Diashow-Voreinstellungen im „Hinzufügen“-Panel im Wix Editor zeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-slides-to-your-slideshow" level="3">Folien zu deiner Diashow hinzufügen</h2></div><div data-component-type="text"><div>Füge über das Panel „Folien bearbeiten“ so viele Folien zu deiner Diashow hinzu, wie du möchtest. Du kannst wählen, ob du eine neue Folie hinzufügst oder Folien duplizierst, um für deine gesamte Diashow ein konsistentes Design beizubehalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um weitere Folien hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke auf eine Option:
    <ul>
      <li><strong>Folie duplizieren:</strong> Dies dupliziert die Folie, die in deiner Folienliste markiert ist. Dies ist eine großartige Option, wenn du eine weitere Folie mit demselben Design hinzufügen möchtest. Du kannst dann den Inhalt der neuen Folie nach Bedarf anpassen.</li>      <li><strong>Neue Folie hinzufügen:</strong> Es wird eine Folie mit demselben Hintergrund hinzugefügt wie die, die in deiner Folienliste hervorgehoben ist, jedoch ohne Inhalt.</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/2021/07/21/12e92e4b-4d46-45b0-8988-9b7aae82b03c/4d3ed4f3-8d03-43d7-bde5-f0e901321534.png" alt="Screenshot einer Diashow im Editor von Wix. Das Panel „Folien verwalten“ wurde geöffnet." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-your-slideshows-content" level="3">Den Inhalt deiner Diashow erstellen</h2></div><div data-component-type="text"><div>Füge deiner Diashow beliebige Elemente hinzu, einschließlich Text, Bilder, Videos und Buttons.</div></div><div data-component-type="text"><div>Wir empfehlen, dass du zu jeder Folie unterschiedliche Inhalte hinzufügst, um deine Besucher zu ermutigen, weiter mit deiner Website zu interagieren.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Inhalte zu deiner Diashow hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf die blauen Pfeile, um zur entsprechenden Folie zu navigieren.</li>  <li>Ziehe ein Element in die Diashow und an die gewünschte Position.</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/2021/07/21/89af2d02-ed8e-4100-9a35-b9eb18362311/6b2434b1-5d6d-4a38-9296-47d057fd4fc5.gif" alt="GIF, das einen Cursor zeigt, der durch die Folien im Wix Editor klickt." /></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>Stelle sicher, dass die Elemente, die du zur Diashow hinzufügst, kleiner sind als die Diashow selbst, damit sie hineinpassen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie navigiere ich zwischen den Folien im Editor?</h4><div class="collapsible-content"><div>Um auf eine Folie in deiner Diashow zuzugreifen und sie zu bearbeiten, klicke im Editor auf die Diashow und dann auf die Pfeile neben der Foliennummer, um zwischen den Folien zu navigieren.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/d519b01e-ff53-45fd-b697-5457e437ec8d/c349c5d5-4452-40f2-af7f-f3e36a72d6b6.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meine Diashow gestalten?</h4><div class="collapsible-content"><div>Natürlich. Verwende das Design-Panel, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-design-deiner-diashow-anpassen" target="">den Hintergrund deiner Diashow anzupassen</a>, und füge Optionen wie Ränder und Schatten hinzu.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/56741fd0-d3fa-4b1a-8440-37bd74ecc0e0/a202f5ea-da7b-4a5d-b91d-686b5b77bf0a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie werden Diashows auf meiner Live-Website abgespielt?</h4><div class="collapsible-content"><div>Du kannst aus den folgenden Optionen auswählen, wie Diashows auf deiner Live-Website abgespielt werden sollen:</div><div><br /></div><ul>
  <li><strong>Autoplay:</strong> Die Diashow wird automatisch abgespielt, wenn die Seite geladen wird. Du kannst die Zeit zwischen den Folien anpassen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-wiedergabeoptionen-deiner-diashow-ändern#changing-your-slideshows-autoplay-settings" target="_blank">Erfahre, wie du die automatische Wiedergabe einrichtest</a>.</li>  <li><strong>Navigationsbuttons und -pfeile:</strong> Du kannst deiner Diashow auch <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-navigationsbuttons-deiner-diashow-verwalten" target="">Navigationsbuttons und -pfeile</a> hinzufügen, damit Besucher sich in ihrem eigenen Tempo manuell durch die Folien klicken können.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Inhalte anzeigen, die über den Rand meiner Diashow hinausragen? </h4><div class="collapsible-content"><div>Natürlich. Wenn du deine Diashow gestaltest, kann es sein, dass ein Teil deiner Diashow-Inhalte über den Rand des Diashow-Frames hinausragt. Du kannst den Inhalt, der über außerhalb des Rands liegt, abschneiden oder so belassen.<br /> <br /> Um die Einstellung für Inhalt außerhalb des Rahmens zu ändern:<br /> <br /> Klicke im Editor auf die Diashow.</div><ol>
  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/05/29/d823a9fd-7bf8-4698-a385-7e04bb0a1131.png" />.</li>  <li>Klicke auf den Schieberegler <strong>Inhalte außerhalb des Rahmens ausblenden</strong>:
    <ul>
      <li><strong>Aktiviert:</strong> Elemente, die über den Rand der Folie hinausragen, werden abgeschnitten, sodass sie nur innerhalb der Folie angezeigt werden.</li>      <li><strong>Deaktiviert:</strong> Elemente, die über den Rand der Folie hinausragen, werden nicht abgeschnitten.</li>    </ul>  </li></ol></div></div></div>

Erstelle die perfekte Diashow, indem du deine Folien nach deinen Wünschen anordnest.Noch keine Diashow hinzugefügt?Erfahre, wie du deine Diashow hinzufügst und einrichtest.Neue Folien zu deiner Diasho...

Wix Editor: Die Folien in deiner Diashow verwalten

<div data-component-type="text"><div>Erstelle die perfekte Diashow, indem du deine Folien nach deinen Wünschen anordnest.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Noch keine Diashow hinzugefügt?</div><div class="info-content"><div>Erfahre, wie du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten#adding-a-slideshow" target="">deine Diashow hinzufügst und einrichtest</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-new-slides-to-your-slideshow" level="3">Neue Folien zu deiner Diashow hinzufügen</h2></div><div data-component-type="text"><div>Hast du neue und wichtige Inhalte? Füge deiner Diashow eine neue Folie hinzu, damit deine Besucher alle benötigten Informationen erhalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine neue Folie hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke unten auf <strong>Neue Folie hinzufügen</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/08/f734110d-f3d0-49c6-a09d-b5df69710f0f/1b4b5bca-ccf8-4322-973c-ecdc3e2632b0.png" alt="Das „Folien verwalten“-Panel im Editor. Der „Neue Folie hinzufügen“-Button ist hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reordering-slides-in-your-slideshow" level="3">Diashow-Folien neu anordnen</h2></div><div data-component-type="text"><div>Ordne deine Folien neu an, um die Reihenfolge zu ändern, in der deine Inhalte für deine Besucher angezeigt werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Folien neu anzuordnen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke links auf der entsprechenden Folie auf das Symbol für <strong>Neu anordnen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/07215432-85dc-4c20-8c33-edfb1c9c4d06.jpg" /> und ziehe die Folie an die gewünschte Position.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/c3211972-2bf9-4372-8220-8f3910b65520/b628a967-a5ca-4fc5-b13c-6241902e81f9.gif" alt="Das „Folien verwalten“-Panel im Editor. Der Cursor ordnet die Folien durch Klicken und Ziehen neu an." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-slides-in-your-slideshow" level="3">Folien in deiner Diashow duplizieren</h2></div><div data-component-type="text"><div>Wenn dir das Aussehen und Layout einer Folie gefällt und du eine weitere hinzufügen möchtest, die ähnlich aussehen, kannst du die Folie duplizieren und nach Bedarf anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Folie zu duplizieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke in der Liste auf die Folie.</li>  <li>Klicke unten auf <strong>Folie duplizieren</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/7c928da0-993b-4cd2-9cd3-4d1bf7ea7f9e/fd02bbad-41ea-4887-8dd4-4250d4e78bd1.png" alt="Das Panel „Folien verwalten“. Der Cursor fährt über den Button Folie duplizieren." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-your-slides" level="3">Deine Folien umbenennen</h2></div><div data-component-type="text"><div>Benenne deine Folien, damit du sie beim Bearbeiten oder Verwalten deiner Diashow leicht identifizieren kannst. Wir empfehlen, einen Namen zu wählen, der den Inhalt der Folie repräsentiert.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die Namen deiner Folien sind nur im Editor sichtbar. Besucher können sie auf der Live-Website nicht sehen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Folien umzubenennen</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Fahre mit der Maus über die entsprechende Folie und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Klicke auf <strong>Umbenennen</strong>.</li>  <li>Gib deinen Foliennamen in das Textfeld ein.</li>  <li>Klicke auf <strong>OK</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/e9767e0c-54c1-42eb-a123-47c9440f2ec5/59b5f43d-e3fd-493b-93e6-a61e41df3e8a.png" alt="Das Panel „Folien verwalten“. Der Name einer der Folien wird in „Salate“ geändert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-slides-from-your-slideshow" level="3">Folien aus deiner Diashow löschen</h2></div><div data-component-type="text"><div>Wenn du eine Folie nicht mehr benötigst, kannst du sie löschen, um deine Diashow auf dem neuesten Stand zu halten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Folie zu löschen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Fahre mit der Maus über die entsprechende Folie und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Klicke auf <strong>Löschen</strong>.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/08/a3f7db52-143d-415e-ab74-1fcfa3d1be13/0352377c-ae1f-484a-98d5-7bbfb68d823e.png" alt="Das Panel „Folien verwalten“. Der Cursor fährt mit der Maus über die Option zum Löschen der Folie mit dem Titel „Salate“." /></div></div>

Wähle, wie deine Diashow auf deiner Website abgespielt wird. Du kannst Übergangseffekte zwischen den Folien hinzufügen und festlegen, ob die Diashow automatisch abgespielt wird oder ob deine Besucher ...

Wix Editor: Einstellen, wie deine Diashow abgespielt wird

<div data-component-type="text"><div>Wähle, wie deine Diashow auf deiner Website abgespielt wird. Du kannst Übergangseffekte zwischen den Folien hinzufügen und festlegen, ob die Diashow automatisch abgespielt wird oder ob deine Besucher manuell durch sie scrollen müssen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-transition-effect" level="3">Einen Übergangseffekt hinzufügen</h2></div><div data-component-type="text"><div>Wende einen Übergangseffekt auf deine Diashow an, um auszuwählen, wie sich die Folien bewegen.</div></div><div data-component-type="text"><div>Es stehen eine Reihe von Optionen zur Verfügung, und du kannst die Wiedergabedauer und die Richtung, in die sie sich bewegen, anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Übergangseffekt anzuwenden:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/0bad375c-d5da-4f9f-b4ec-732ff6664c16.png" />.</li>  <li>Wähle unter <strong>Übergangseffekte anwenden?</strong> einen Übergang aus und passe ihn mit den folgenden Optionen an:
    <ul>
      <li><strong>Wie lange dauern sie?:</strong> Wähle aus, wie lang oder kurz die Übergangseffekte sein sollen.</li>      <li><strong>Wo fangen sie an?</strong> Wähle die Richtung, aus der die Diashow kommt.<br /> <strong>Hinweis:</strong> Diese Option ist nur für vertikale und horizontale Übergänge verfügbar</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/07/72275a74-f0c4-4561-8965-9f6dbfd3f6ca/ec9f2542-e4b4-4bc3-bb3b-2a64f92bbcf2.png" alt="Ein Bildschirmfoto einer Diashow im Wix Editor. Das Einstellungs-Panel ist ausgewählt, die Panel für Einstellungen der Diashow zeigt die möglichen Einstellungen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du den Schalter <strong>Inhalt außerhalb des Rahmens ausblenden</strong> deaktivierst, sind nicht alle Übergangsoptionen verfügbar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshows-autoplay-settings" level="3">Die Einstellungen für die automatische Wiedergabe deiner Diashow ändern</h2></div><div data-component-type="text"><div>Wähle, ob deine Diashow automatisch abgespielt wird, wenn dein Website-Besucher die Seite öffnet, oder ob deine Besucher sie manuell mit den Navigationspfeilen oder Folienbuttons abspielen müssen.</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>Wenn du die automatische Wiedergabe deaktivierst, musst du Navigationspfeile/Buttons zu deiner Diashow hinzufügen, damit deine Besucher auf alle Folien zugreifen können.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Einstellungen für die automatische Wiedergabe deiner Diashow zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/bc7d51f8-838d-417d-b66c-268dbf7e0a69.png" />.</li>  <li>Klicke auf den Schalter <strong>Automatische Wiedergabe beim Laden</strong>:
    <ul>
      <li><strong>Aktiviert:</strong> Deine Diashow wird automatisch abgespielt, wenn die Seite geladen wird. Die Folien werden kontinuierlich in einer Schleife abgespielt.
        <ul>
          <li>Ziehe den Schieberegler <strong>Wie lange zwischen Folien?</strong>, um die Zeit zwischen den Folien einzustellen (in Sekunden).</li>          <li>Klicke auf den Schalter <strong>Automatische Wiedergabe bei Mouseover:</strong>
            <ul>
              <li><strong>Aktiviert:</strong> Wenn dein Website-Besucher mit der Maus über die Diashow fährt, werden die Folien auf der Folie, die er gerade ansieht, angehalten.</li>              <li><strong>Deaktiviert:</strong> Wenn dein Website-Besucher mit der Maus über die Diashow fährt, passiert nichts; die Wiedergabe läuft weiter.</li>            </ul>          </li>        </ul>      </li>      <li><strong>Deaktiviert:</strong> Deine Diashow wird vom Website-Besucher mit den Navigationspfeilen und -buttons gesteuert.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/07/e5e27497-1b78-4d63-b0f9-7b1961fd9f6f/44e19141-6f82-449f-9f94-b2eb49eeb4f8.png" alt="Ein Bildschirmfoto einer Diashow im Wix Editor. Das Einstellungs-Panel ist ausgewählt, die Panel für Einstellungen der Diashow zeigt die möglichen Einstellungen." /></div></div>

Füge deiner Diashow Navigationswerkzeuge hinzu, damit deine Besucher sich manuell durch die Folien klicken können. Du kannst Folgendes hinzufügen:
  Folienbuttons: Dies sind runde Symbole, auf die dei...

Wix Editor: Navigationsbuttons und Pfeile in deiner Diashow anzeigen

<div data-component-type="text"><div>Füge deiner Diashow Navigationswerkzeuge hinzu, damit deine Besucher sich manuell durch die Folien klicken können. Du kannst Folgendes hinzufügen:</div></div><div data-component-type="text"><ul>
  <li><strong>Folienbuttons:</strong> Dies sind runde Symbole, auf die deine Website-Besucher klicken können, um zwischen deinen Folien zu wechseln. Wenn deine Website-Besucher auf einen Folienbutton klicken, wird die entsprechende Folie angezeigt.</li>  <li><strong>Navigationspfeile:</strong> Dies sind Pfeile, die zu beiden Seiten deiner Diashow angezeigt werden und es deinen Besuchern ermöglichen, sich in ihrem eigenen Tempo durch die Folien zu klicken.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/f5371495-2e4a-4bd0-8189-370024b83133/932dcc13-6af0-46b6-b8a5-14291022c33f.png" alt="Eine Diashow auf einer Live-Website. Die Navigationspfeile und Folienbuttons werden durch orangefarbene Felder hervorgehoben." /></div></div><div data-component-type="text"><div><strong>In diesem Artikel erfährst du mehr über folgende Themen:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-navigationsbuttons-deiner-diashow-verwalten#displaying-buttons-and-arrows-on-your-slideshow" target="">Folienbuttons und Navigationspfeile anzeigen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-navigationsbuttons-deiner-diashow-verwalten#customizing-your-buttons-and-arrows" target="">Deine Folienbuttons und Navigationspfeile anpassen</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-buttons-and-arrows-on-your-slideshow" level="3">Buttons und Pfeile in deiner Diashow anzeigen</h2></div><div data-component-type="text"><div>Unter Layouts kannst du auswählen, ob die Folienbuttons und Navigationspfeile in deiner Diashow ein- oder ausgeblendet werden sollen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Buttons oder Pfeile in deiner Diashow anzuzeigen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf das Layout<strong>-</strong>Symbol <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/21/862bec80-a0b0-4690-a058-f7c8c3e7a623.png" /> und wähle, was du anzeigen möchtest:
    <ul>
      <li><strong>Navigationspfeile anzeigen:</strong> Aktiviere den Schalter, um die Pfeile anzuzeigen.
        <ul>
          <li>Ziehe die Schieberegler, um die Größe und den Abstand anzupassen.</li>        </ul>      </li>      <li><strong>Folienbuttons anzeigen:</strong> Aktiviere den Schalter, um die Buttons anzuzeigen.
        <ul>
          <li>Ziehe die Schieberegler, um die Größe, den Abstand und den Abstand anzupassen.</li>        </ul>      </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/88b80023-2a34-42e3-9874-15e3d4bf3a68/f037b30a-1b86-4e49-85e3-d763ff1b5650.png" alt="Screenshot, der das Layout-Panel zeigt. Die Navigationspfeile und -buttons wurden aktiviert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-buttons-and-arrows" level="3">Deine Buttons und Pfeile anpassen </h2></div><div data-component-type="text"><div>Passe deine Folienbuttons und Navigationspfeile ganz nach deinen Wünschen an, indem du eine Farbe auswählst und die Deckkraft anpasst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Folienbuttons und Pfeile anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/21/f8a8baaa-2ead-44b3-baec-66b51db503c3.png" />.</li>  <li>Klicke auf den Tab <strong>Füllfarbe &amp; Deckkraft</strong>.</li>  <li>Passe das Design der Buttons oder Pfeile an:
    <ul>
      <li><strong>Folienbuttons:</strong> Wähle eine Farbe und lege die Transparenz der Buttons fest.</li>      <li><strong>Navigationspfeile:</strong> Wähle eine Farbe und stelle die Transparenz der Pfeile ein</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/b2722ff7-c551-4597-8b4c-f9d1696b15c9/463c917b-b7d3-44fd-9b90-6018a440eb8f.png" alt="Screenshot, der das Design-Panel zeigt. Der Cursor bewegt sich über dem Deckkraft-Schieberegler." /></div></div>

Passe deine Diashow an, damit sie genau so aussieht, wie du möchtest. Du kannst für jede Folie einen anderen Hintergrund wählen und bestimmte Elemente der Folien, wie Rand und Ecken, anpassen.Den Hint...

Wix Editor: Das Design deiner Diashow anpassen

<div data-component-type="text"><div>Passe deine <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten" target="">Diashow</a> an, damit sie genau so aussieht, wie du möchtest. Du kannst für jede Folie einen anderen Hintergrund wählen und bestimmte Elemente der Folien, wie Rand und Ecken, anpassen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshow-background" level="3">Den Hintergrund deiner Diashow ändern</h2></div><div data-component-type="text"><div>Ändere den Hintergrund deiner Folien, indem du ein Bild, Video, eine Farbe oder einen Farbverlauf hinzufügst.</div></div><div data-component-type="text"><div>Jede Folie kann einen anderen Hintergrund haben, sodass du jede Folie verwenden kannst, um je nach Bedarf unterschiedliche Medien oder Farbdesigns anzuzeigen.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/69d91e20-3100-4234-bee4-dcf83e660804/af16915e-ef76-44a5-bfc1-1b6c4c6e50e6.png" alt="Screenshot einer Box-Diashow neben dem Panel zum Ändern des Hintergrunds." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um den Hintergrund deiner Diashow zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf die Diashow.</li>  <li>Klicke auf die Pfeile neben der Foliennummer, um zur entsprechenden Folie zu navigieren.</li>  <li>Klicke auf <strong>Folienhintergrund ändern</strong>.</li>  <li>Wähle die Art des Hintergrunds, den du hinzufügen möchtest:
    <ul>
      <li><strong>Bild</strong> oder <strong>Video:</strong>
        <ol>
          <li>Klicke auf <strong>Bild</strong> oder <strong>Video</strong>.</li>          <li>Wähle eine Datei aus der Medienverwaltung aus oder klicke auf <strong>Medien hochladen</strong>.</li>          <li>Klicke auf <strong>Hintergrund ändern.</strong></li>        </ol>      </li>      <li><strong>Farbe</strong> oder <strong>Farbverlauf</strong>:
        <ol>
          <li>Klicke auf <strong>Farbe</strong>.</li>          <li>Wähle eine der folgenden Optionen:
            <ul>
              <li><strong>Farbe:</strong> Wähle eine Farbe aus der Farbauswahl und passe die Deckkraft mit den Einstellungen an.</li>              <li><strong>Farbverlauf</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/28d70a3a-ae83-4954-8d9b-073aa3b38f20/e8713ee8-70f5-4452-9556-0a9cff5a6b1b.png" /><strong>: </strong>Wende einen coolen Effekt auf den Hintergrund deiner Diashow mit einem linearen, sternenförmigen oder konischen Farbverlauf an.</li>              <li><strong>Fließender Farbverlauf</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/ef82e401-93f4-46ab-a657-9dfa2a826274/63c1e3a7-ec0f-4f50-8f6b-edb83e17463a.png" /><strong>:</strong> Sorge mit einem eleganten, fließenden Farbverlauf dafür, dass sich deine Diashow hervorhebt.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-options-of-your-slideshow" level="3">Die Designoptionen deiner Diashow anpassen</h2></div><div data-component-type="text"><div>Gestalte deine Diashow so, dass sie deine Marke und deine Ästhetik fördert. Du kannst Einstellungen wie die Füllfarbe anpassen sowie Schatten und Ränder hinzufügen, um deiner Diashow Tiefe zu verleihen. </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/7b89a758-0ef4-41d6-afcb-94dd18fad60f/f906cadb-cdee-455a-a7b3-f30fcd62080f.png" alt="Screenshot einer Box-Diashow neben dem Design-Panel, mit dem die Deckkraft des Randes angepasst wird." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design deiner Diashow anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/06/16/cd32e19c-d7b7-4f0b-8a81-88e7d79f39bc.png" />.</li>  <li>(Optional) Wähle oben im Panel ein Design-Preset aus.</li>  <li>Passe das voreingestellte Design mit den folgenden Optionen an:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle eine Farbe und passe die Deckkraft deiner Navigationspfeile und Buttons an das Design deiner Website an.</li>      <li><strong>Ränder:</strong> Wähle eine Farbe und passe die Deckkraft und Breite deines Randes an, um die Diashow auf deiner Seite hervorzuheben.</li>      <li><strong>Ecken:</strong> Passe den Radius der Ecken an, um den Rand kreisförmiger zu gestalten.</li>      <li><strong>Schatten:</strong> Erstelle einen Schatten und passe ihn an, um deiner Diashow Tiefe zu verleihen. Du kannst Einstellungen wie Winkel und Abstand so anpassen, dass es genau so aussieht, wie du es wünschst.</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 Designoptionen hängen von der gewählten Voreinstellung ab.</li>  <li>Nur die Optionen <strong>Füllfarbe &amp; Deckkraft</strong> sind für Diashows in Bildschirmbreite verfügbar.</li></ul></div></div></div>

Mit Diashows kannst du mehrere Inhaltsfelder in einem einzigen Bereich anzeigen. Fülle deine Diashow mit allem, was du anzeigen möchtest - Texte, Bilder oder Videos. Erfahre hier mehr zu Diashows:
  E...

Wix Editor: Eine Text-Diashow erstellen

<div data-component-type="text"><div>Mit Diashows kannst du mehrere Inhaltsfelder in einem einzigen Bereich anzeigen. Fülle deine Diashow mit allem, was du anzeigen möchtest - Texte, Bilder oder Videos. </div></div><div data-component-type="text"><div>Erfahre hier mehr zu Diashows:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-text-diashow-erstellen#eine-textprsentation-erstellen" target="">Einer Textpräsentation erstellen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-text-diashow-erstellen#eine-galerie-mithilfe-einer-slideshow-erstellen" target="">Einer Galerie mithilfe einer Diashow erstellen</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="eine-textprsentation-erstellen" level="3">Eine Textpräsentation erstellen</h2></div><div data-component-type="text"><div>Erstelle beeindruckende Textpräsentationen mit dem Diashow-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/d8ebf149-6353-4e07-ad7b-a0a0f0cedd0c/2020/01/14/c12287d0-9f99-40f0-b45f-599516a177bc/8ef3374c-c04c-4315-920b-029a816abd1d.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Textpräsentation zu erstellen:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten">Füge eine Diashow hinzu</a>.</li><li><a href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten">Füge ein Textelement hinzu</a>.</li><li>Klicke auf <strong>Text bearbeiten</strong> und gib deinen Text ein.</li><li>Ziehe deinen Text auf deine Diashow.</li><li>Wiederhole die Schritte 2 bis 4 für jede Folie in deiner Diashow.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div><a href="https://support.wix.com/de/article/wix-editor-zwischen-den-folien-deiner-diashow-wechseln">Verwende die Pfeile</a>, um während der Bearbeitung zwischen deinen Folien zu navigieren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="eine-galerie-mithilfe-einer-slideshow-erstellen" level="3">Eine Galerie mithilfe einer Slideshow erstellen</h2></div><div data-component-type="text"><div>Erstelle mit dem Diashow-Element eine beeindruckende, personalisierte Galerie! </div></div><div data-component-type="text"><div>Indem du das Diashow-Element anstelle einer regulären Galerie verwendest, kannst du es wie gewünscht gestalten und deinen eigenen benutzerdefinierten Text hinzufügen.</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/d8ebf149-6353-4e07-ad7b-a0a0f0cedd0c/2020/01/14/d4dee6c6-4182-4fca-a8d7-104d616d90e1/302653f2-9116-45fd-995f-2266513a2673.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um mit dem Diashow-Element eine Galerie zu erstellen:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten">Füge eine Diashow hinzu.</a></li><li>Klicke auf <strong>Folienhintergrund</strong> <strong>ändern</strong> und füge dein Bild oder Video hinzu.</li><li>(Optional) <a href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten">Füge ein Textelement hinzu.</a></li><li>Klicke auf <strong>Text bearbeiten</strong> und gib deinen Text ein.</li><li>Ziehe das Textelement auf deine Diashow.</li><li>Wiederhole die Schritte 2 bis 5 für jede Folie in deiner Diashow.</li></ol></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 deiner Diashow auch Videos hinzufügen!</div></div></div></div>

Erste Schritte

Template auswählen

Baue mit Wix deine Website und dein Unternehmen auf.

Elemente hinzufügen und anpassen

Text

Buttons

Container und Boxen

Diashows

Formen und Linien