Zum Hauptinhalt springen

HTML hinzufügen

Zuletzt aktualisiert am 24. März 20261 Min. Lesezeit
Inhaltsverzeichnis

Kurz gesagt​

Mit der Funktion „HTML hinzufügen“ kannst du neuen Code zu deiner Website hinzufügen. Diese Funktion sollte nur von erfahrenen Nutzern verwendet werden.

Varify-Dialog „HTML hinzufügen“ mit einem iframe-Beispiel; darunter der Einfügepunkt „nach“ und das ausgewählte Element

Anwendungsfälle​

important

Wichtiger Hinweis:
Elemente, die über „HTML hinzufügen“ eingefügt wurden, können später nicht mehr über den Editor bearbeitet werden.

Beispiel: Die Ziel-URL eines eingefügten Elements (Button) kann später nicht mehr über „Link-Ziel hinzufügen“ geändert werden.

Überschrift hinzufügen​

<h1>Your new headline</h1>

Text hinzufügen​

<p>Your new text</p>

Call-to-Action-Button hinzufügen​

<a href="https://www.beispiel.de" target="_blank" rel="noopener">
<button style="background-color: #007bff; color: white; padding: 10px 20px; border: none; cursor: pointer;">Learn more</button>
</a>

Testimonial / Zitat hinzufügen​

<blockquote>
<p>"This product has changed my life!" - Max Mustermann</p>
</blockquote>

Bilder hinzufügen​

<img decoding="async" src="http://url-zum-bild.jpg" alt="Product description" data-lazy-src="http://url-zum-bild.jpg"><noscript><img decoding="async" src="url-zum-bild.jpg" alt="Product description"></noscript>

Listen hinzufügen​

<ul>
<li>Free shipping</li>
<li>30 days return policy</li>
<li>24/7 customer support</li>
</ul>

Vorteile hinzufügen​

<ul style="list-style-type: none;">
<li><span style="color: green;">✔</span> Free shipping</li>
<li><span style="color: green;">✔</span> 30 days return policy</li>
<li><span style="color: green;">✔</span> 24/7 customer support</li>
</ul>

iFrame/YouTube-Video hinzufügen​

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>