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. Codes im Bereich „Tracking-Codes“ hinzufügen:

Um Facebook-Tracking-Codes einzufügen, öffnen Sie den Sales-Funnel, der die Seite enthält, auf der Sie den Code platzieren möchten.

Wählen Sie die Funnel-Seite aus der linken Seitenliste aus und klicken Sie auf „Seite bearbeiten“.

Klicken Sie auf „Einstellungen“ (1) oben links und scrollen Sie dann zum Abschnitt „Nachverfolgung“ (2).



1.1 Codes, die im Bereich „Kopfzeilen-Code“ eingefügt werden sollen 

In diesem Abschnitt fügen Sie alle Codes ein, die sich innerhalb der <head> - und </head> -Tags (Kopfzeilen) einer Seite befinden müssen.


1.2 Codes, die im Bereich „Fußzeilen-Code“ eingefügt werden sollen

In diesem Abschnitt fügen Sie alle Codes ein, die für das Document Object Model (DOM) bestimmt sind.


2. Code über die Sales-Funnel-Einstellungen hinzufügen:

Einige Codes müssen auf jeder Funnel-Seite eingefügt werden, um ein genaues Tracking zu ermöglichen.

Um den Vorgang des Einfügens auf jeder Seite zu vermeiden, können Sie die Codes global auf alle Seiten des Funnels anwenden.

Um die Codes automatisch auf alle Seiten anzuwenden, klicken Sie auf Ihr Profilbild, dann auf „Einstellungen“ und anschließend in der linken Leiste auf „Verkaufsfunnel“. Fügen Sie den Tracking-Code in das Textfeld „Tracking-Code“ ein und klicken Sie auf „Speichern“.


3.  Ein „HTML-Code“-Element zur Seite hinzufügen:

Es ist auch möglich, einen beliebigen HTML-Code direkt über den Editor auf einer Seite einzufügen.

  1. Fügen Sie das Element „Rohes HTML“ hinzu, indem Sie es an die gewünschte Stelle auf Ihrer Seite ziehen.


2. Wählen Sie dann das kleine Scrollrad des Elements aus, um die Einstellungen des Elements anzuzeigen (1).

Klicken Sie im linken Bereich auf „Code bearbeiten“, um das Popup-Fenster zu öffnen, in das Sie Ihren Code einfügen können (2).


Fügen Sie den HTML-Code in das Textfeld ein (3) und klicken Sie anschließend auf „Speichern“ (4).


Stellen Sie sicher, dass Sie Ihre Änderungen speichern.