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: 

  1. Um den Entwurf anzupassen, können Sie einen CSS-Code hinzufügen.
  2. 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.
  3. 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 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 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.