HTML ist eine Auszeichnungssprache, mit der Webseiten erstellt werden. Du kannst eigenen HTML-Code zu den Inhalts- und Kategorieseiten deines Shops hinzufügen.
Damit kannst du:
- Widgets einbetten, z. B. ein Terminbuchungs-Widget, Gütesiegel oder iFrames
- Social-Media-Feeds integrieren
- Designoptionen erweitern, z. B. beim Einfügen von Bildern
- Tabellen, Buttons und andere Elemente einfügen
- Ankerpunkte definieren, damit Besucher zu bestimmten Seitenbereichen springen können
Vorsicht
Eigener HTML-Code kann das Design, die Funktionalität oder das responsive Verhalten deiner Website beeinflussen. Änderungen erfolgen auf eigenes Risiko. Überprüfe deine Website immer, nachdem du Änderungen vorgenommen hast. Der Kundenservice unterstützt nicht bei Problemen, die durch eigenen HTML-Code entstehen.Automatische Updates der Shop-Software können den Programmcode beeinflussen. Prüfe deshalb regelmäßig, ob dein eigener HTML-Code noch wie gewünscht funktioniert.
Manche Besucher sehen die eingefügten Elemente möglicherweise nicht, zum Beispiel aufgrund von Cookie-Einstellungen.
Eigenen HTML-Code hinzufügen
- Navigiere in der Seitenleiste der Administration zu Editor.
Der Editor öffnet sich. - Navigiere zu Seiten.
- Wähle die Seite aus, die du bearbeiten möchtest, oder füge eine neue Seite hinzu.
Eine Vorschau der Seite wird rechts angezeigt.Info
Du kannst eigenen HTML-Code nur auf Inhalts- und Kategorieseiten einfügen. Auf rechtlichen Seiten, Produktseiten oder im Checkout wird dies nicht unterstützt.
Eigener HTML-Code gilt immer nur für die Seite, auf der er eingefügt wird. - Navigiere zu Inhaltselemente → HTML.
- Ziehe das Element Eigener HTML-Code an die gewünschte Position.
Du kannst Inhaltselemente nur in den blauen Bereichen der Seite ablegen. - Wähle HTML hinzufügen.
Die Ansicht HTML hinzufügen erscheint. - Gib deinen eigenen HTML-Code ein.
Um das Feld zu leeren und neu zu beginnen, wähle unten links Zurücksetzen. - Wähle Speichern.
Du hast ein eigenes HTML-Element zu deinem Shop hinzugefügt.
Um deine Änderungen zu prüfen, wähle in der oberen Leiste Shop-Vorschau öffnen/ansehen.
Um den Code erneut zu bearbeiten, bewege die Maus über das Element und wähle .
Info
Deine Shop-Software prüft automatisch, ob der HTML-Code gültig ist.So sieht es aus
- Der HTML-Code selbst wird auf deiner Website nicht angezeigt. Nur die visuelle Ausgabe des eingefügten Codes wird dargestellt.
- Damit du die eigenen Elemente in deinem Shop leichter erkennst, wird im Editor immer diese graue Infobox neben den Elementen angezeigt. Auf deiner eigentlichen Website wird sie nicht dargestellt.
- Die graue Infobox erscheint an der Stelle, an die du das Inhaltselement gezogen hast. Je nach HTML-Code kann die dazugehörige Ausgabe oberhalb der Infobox oder an einer anderen Stelle auf der Seite erscheinen.