Ist es möglich HTML, CSS oder JS-Code einzufügen?
In diesem Artikel erfahren Sie wie Sie HTML, CSS und JS-Code auf Seiten einfügen, die mit systeme.io erstellt wurden.
Sie benötigen:
- ein systeme.io Konto
- einen HTML-, CSS- oder JS-Code
Warum sollten Sie einen benutzerdefinierten Code zu Ihren Seiten hinzufügen?
Durch Hinzufügen von HTML-Code zu Ihrer Seite ist es möglich, dem Inhalt von Bildern, Text, Links usw. einen eigenen Stil, eine eigene Funktionalität und eine eigene Struktur zu verleihen.
Zum Beispiel:
- Um den Entwurf anzupassen, können Sie einen CSS-Code hinzufügen.
- Um Animationen auf einer Seite oder einzelnen Elementen hinzuzufügen (z. B. wenn Sie mit dem Mauszeiger darüber fahren oder auf eine Schaltfläche klicken), fügen Sie JS-Code hinzu.
- Um Titel oder Text im Allgemeinen hinzuzufügen, Tabellen, Teile und Unterteilungen auf Ihrer Seite zu erstellen, fügen Sie HTML-Code hinzu.
Wichtige Hinweise:
Wenn Sie benutzerdefinierten Code in die Abschnitte Header-Codes, Footer-Codes, Tracking-Codes oder Raw-HTML-Code einfügen, dürfen Sie keinen der folgenden Tags verwenden:
<head> </head><footer> </footer><html> </html><body> </body>
Beim Hinzufügen von Videos mit iframe , sind keine zusätzlichen Tags erforderlich.
Inkorrekt:
<div>
<iframe src="link to your video"></iframe>
</div>
Korrekt:
<iframe src="link to your video"></iframe>
```
#### 1. Die Hinzufügung von Codes im Abschnitt "Tracking Codes":
Um Facebook-Tracking-Codes einzufügen, gehen Sie zu dem Verkaufs-Funnel, der die Seite enthält, auf der Sie den Code platzieren möchten.
Wählen Sie die Funnelseite aus der Seitenliste auf der linken Seite aus und klicken Sie auf **"Seite bearbeiten**".
Klicken Sie auf **"Einstellungen"** in der oberen linken Ecke und scrollen Sie dann nach unten zum Abschnitt **"Nachverfolgung"** (Tracking).
#### 1.1 Codes, die in den Abschnitt des Kopfzeilencodes einzufügen sind
Jeder einleitende Teil des Codes muss in den <**header**> (Kopfzeilen) Teil eingefügt werden.
Somit sollte jeder Code, der in den **"Header"**-Teil eingefügt werden soll, in den Header-Code-Abschnitt Ihres Editors auf [systeme.io](https://systeme.io/de) eingefügt werden.
#### 1.2 Codes, die in den Code-Teil der Fußzeile einzufügen sind
Jeglicher Code, der für den **"Document Object Mode"** oder gemäß dem **"Document Object Model"** **(DOM)** vorgesehen ist, muss in den Code-Teil der Fußzeile eingefügt werden.
#### 2. Hinzufügen eines Codes aus den Einstellungen des Sales Funnels:
Es gibt Codes, die auf jeder einzelnen Seite Ihres Sales Funnels hinzugefügt werden müssen. Um die Notwendigkeit des Einfügens zu vermeiden, können Sie sie direkt auf den Tracking-Code anwenden, der dann automatisch im gesamten Sales Funnel eingesetzt wird.
Gehen Sie dazu in Ihr **Menü** (unter Ihrem Profilbild), zu den **"Einstellungen"**, dann zu den "**Einstellungen für Sales Funnel**" und fügen Sie den Code in das entsprechende Feld ein.
#### 3. Hinzufügen eines "HTML-Code" Elements auf der Seite:
Es ist auch möglich, über den Editor beliebigen HTML-Code direkt in eine auf [systeme.io](https://systeme.io/de) erstellte Seite einzufügen.
1. Fügen Sie das **"Raw HTML"** Element an der gewünschten Stelle Ihrer Seite ein, indem Sie es dorthin ziehen.
2. Wählen Sie dann das kleine Scrollrad des Elements aus, um die Einstellungen des Elements anzuzeigen (Nummer 1 im Bild).
Auf der linken Seite wird der Abschnitt für die Integration des HTML-Codes angezeigt, in den Sie den Code einfügen müssen (Nummer 2 im Bild).
Fügen Sie dann den HTML-Code ein (Nummer 3 im Bild) und **"Speichern"** ihn (Nummer 4 im Bild).
Achten Sie bitte darauf, Ihre Änderungen immer zu **speichern**.
Das Hinzufügen eines HTML-Codes auf Ihrer Seite ermöglicht es, Funktionalitäten über eine beschreibende Sprache einzubinden, um den Inhalt der Seite zu strukturieren (Bild, Text, Link usw.). Einfach ausgedrückt, erlaubt es:
1. Design hinzuzufügen, es erfolgt diese Anpassung durch das Hinzufügen von **CSS**
2. Animationen auf einer Seite hinzuzufügen, um die Anzeige anzupassen, wenn Sie auf eine bestimmte Schaltfläche klicken, indem Sie zum Beispiel **JS** hinzufügen
3. Titel oder Schrift im Allgemeinen hinzuzufügen, Tabellen, Teile und Unterteilungen auf Ihrer Seite zu erstellen, indem Sie **HTML-Code** hinzufügen.
Aktualisiert am: 02/06/2025
Danke!